/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* base styles */
body, html { font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #234782; }
input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type="password"] { font-family: Arial, sans-serif !important}
a { color: #008ECC; outline: none; text-decoration: none; }
input[type="text"], input[type="password"], textarea { border: solid #AEC7E9 1px; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input[type="text"], input[type="password"] { height: 20px; line-height: 20px; font-size: 14px; padding: 0 5px; }
textarea { padding: 5px; }
a:hover { text-decoration: underline; }
h1 { font-weight: 300; }
.pageContent h2 { line-height: 50px; padding: 0 10px; font-size: 18px; color: #234782; border-bottom: 1px solid #c4e4fe; }
.clear { clear: both; }
.page { margin-top: 10px; min-height: 700px; }
/* Header css */
.pageHeader { background: white; height: 40px; width: 100%; top:0; z-index: 1000; border-bottom: solid #D0DEF3 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }
.pageHeader span, .pageHeader .link, .pageHeader a { display: inline-block; vertical-align: top; text-decoration: none; font-weight: bold; color: #5573A1; }
.pageHeader .logoutActive { color: #999; }
.pageHeader .right a:hover { text-decoration: underline; }
.pageHeader .headerContent, .page .pageContent { position: relative; margin: 0 auto; width: 950px; }
.pageHeader .left .logo { margin-left: 10px; border: none; outline: none; text-decoration: none; }
.pageHeader .left .logo img { border: none; }
.pageHeader .left div.link, .pageHeader .left .logo { float: left; padding-top:7px }
.pageHeader .left div.link { margin: 0; cursor: pointer; height: 40px; overflow: hidden; }
.pageHeader .right a.link { padding: 8px 12px; border-top: solid transparent 3px; font-weight: normal; }
.pageHeader .right a.link:hover { border-top: solid #A4C9EB 3px; text-decoration: none; }
.pageHeader .right a.active { border-top: solid #FF8700 3px; font-weight: bold; }
.pageHeader .right { float: right; }
.pageHeader .right a { padding-top: 13px; }
.layoutTop { background-color: white; border: solid #A4C9EB 1px; border-bottom: none; height: 6px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.contentHeader { background: #F2F8FF; }
/* Footer styles */

.pageFooter {font-size: 12px; clear:both; }
.pageFooter a { color: #4468aa; }
.pageFooter .footerContent { padding: 10px 0 10px 10px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #A4C9EB; background: white; }
.pageFooter .copyright { float:left; color: #999;}
.pageFooter .copyright a { color: #999; }
.pageFooter .bizLinks { float:right; font-size: 11px; }
.pageFooter .bizLinks a { font-weight: normal; margin: 10px; text-transform:lowercase; }
/* checkin stats */

.checkinStats { height: 100%; }
.checkinStats .section { height: 100%; float: left; width: 112px; text-align: center; border-right: dashed #CDE4FE 1px; }
.checkinStats .right { border: none; }
.checkinStats .stat { font-size: 60px; font-weight: bold; color: #234782; }
.checkinStats .title { color: #649FD8; font-size: 18px; font-weight: normal; }
/* Settings Page
----------------*/

#settings h1 { font-size:2.7em; }
#settings h3 { font-size:90%; margin:0 0 10px 0; }
#settings h4 { font-size:90%; margin:0; }
.facebookConnect a { width:247px; height:39px; display:block; background:url('../img/settings_page/facebook-connect.png'); float:right; margin-right:20px; }
.facebookConnect p { width:620px; float:left; margin:0; }
.formBox { background-color:#e4e4e4; padding:20px; overflow:auto; margin-bottom:20px; font-size:90%; }
.formBox h2 { width:125px; float:left; margin:0 15px 0 0; text-align:right; color:#999; font-size:1em; }
.formBox input, .formBox textarea { width:250px; border:1px solid #7e7e7e; padding:3px; }
.formBox textarea { height:56px; }
.formBox input[type="radio"] { margin-left:20px; }
.formBox input[name="age"] { width:50px; }
.formBox dl { margin:20px 0 10px 0; }
.formBox dt { display:block; float:left; text-align:right; width:125px; clear:left; }
.formBox dt a { display:block; }
.formBox dd { font-weight:bold; }
.formBox dd.note { line-height:10px; margin:0 0 20px 140px; font-style:italic; font-weight:normal; }
.registration dd { margin:0 0 5px 140px; }
.formBox dd input[type=password], .formBox dd input[type=email], .formBox dd input[type=text] { margin-top:-3px; }
.formBox dd.prefilled input { display:none; }
.formBox hr { border:0; border-bottom:1px solid #7e7e7e; width:530px; margin-left:0; }
.formBox input[type=submit] { font-size:1.5em; height:40px; margin-left:140px; width:150px; }
.formBox input[type=submit]:hover { cursor:pointer; }
.formBox div { margin:0 0 10px 25px; overflow:auto; }
/* styling the birthday form element */

.formBox .birthdayForm p, .formBox .birthdayForm input, .formBox .birthdayForm em, .formBox .birthdayForm label { display:block; float:left; }
.formBox .birthdayForm label { width:33px; text-align:center; margin:2em 0 0 -33px; }
.formBox .birthdayForm label[for="id_year"] { width:48px; margin-left:-48px; }
.formBox .birthdayForm p { margin:4px 25px 0 0; }
.formBox .birthdayForm em { margin:-4px 10px 0 10px; font-size:2em; }
.formBox .birthdayForm input[maxlength="2"] { width:25px; }
.formBox .birthdayForm input[maxlength="4"] { width:40px; }
.formBox .birthdayForm input[type=submit] { margin-left:0; }
.formBox.verifyEmail div { margin-top:5px; }
.formBox.verifyEmail div p { margin:0; }
#termsChangedHeader, #emailHeader { color:black; margin:20px; font-weight:bold; }
#termsChanged { margin:10px; }
#verifyEmail { margin: 30px 10px; }
#termsChanged ul { font-weight:bold; font-size:16px; margin-bottom:20px; }
#termsChanged h3, #verifyEmail h3 { font-size:14px; font-weight:bold; }
#verifyEmail p.terms { width: 100%; }
#termsChanged h3 { margin-bottom:0; }
#termsChanged h3 a { font-size:16px; }
#termsChanged p { margin-bottom:10px; }
#verifyEmail .intro { margin-top: 50px; }
#verifyEmail .verifyForm { margin: 60px 0 100px; overflow: hidden; width: 100%; }
#verifyEmail .sent { color: #0B0; }
#verifyEmail #emailbox { font-size:18px; font-weight: bold; padding: 0px 5px; height: 22px; line-height: 22px; text-align: center; }
#verifyEmail input[type="submit"] { float:left; width: 140px; height: 34px; font-size: 18px; margin-left: 6px; }
#verifyEmail .buttons { width: 230px; margin: 20px auto; }
#verifyEmail #emailsentto { text-align: center; }
#verifyEmail .button { border: 1px solid #AAAAAA; color: #323232; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; font-size: 12px; cursor: pointer; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .25); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .25); background: url('../img/registration/continue-button.png'); padding: 4px 10px 6px; margin: 5px 0 5px 10px; width: 80px; }
#verifyEmail #changeBtn, #verifyEmail #resendBtn { float: left; }
#verifyEmail #verifiedEmail, #verifyEmail #unverifiedEmail { margin: 5px auto 20px; float: right; text-transform: uppercase; }
#verifyEmail #unverifiedEmail { color:red; }
#verifyEmail #verifiedEmail { color:green; }
#termsChanged li { list-style-type:disc; margin-left:40px; }
/* profile picture */

.formBox dd.profile-photo { height:96px; margin-bottom:15px; }
.formBox dd.profile-photo img { display:block; float:left; margin-right:25px; }
/* linked accounts */

.sideTitles { width:230px; margin-right:30px; float:left; color:#919191; text-align:right; }
.sideTitles p { font-size:.8em; }
#linkedAccounts .accountsList { overflow:auto; width:530px; border-bottom:1px solid #919191; margin-bottom:20px; }
#linkedAccounts .accountsList div { border-top:1px solid #e5e5e5; border-bottom:none; margin-bottom:0; }
#linkedAccounts .accountsList div:first-child { border-top:1px solid #919191; }
#linkedAccounts input[type="checkbox"] { clear:left; display:block; float:left; width:14px; margin-right:10px; }
#linkedAccounts input[type="submit"] { display:block; margin:20px 0; }
#linkedAccounts label { float:left; display:block; color:#333; font-size:.8em; }
#linkedAccounts .accountsList div p { clear:left; padding:10px 0 0 0; margin:0; color:#919191; font-size:.8em; }
#linkedAccounts .accountsList h3 { color:#919191; }
#linkedAccounts a.removeAccount { display:none; }
#linkedAccounts div div:hover a.removeAccount { display:block; float:right; font-size:.8em; }
#linkedAccounts form div.aimAccount, #linkedAccounts form div.fbAccount, #linkedAccounts form div.googleAccount, #linkedAccounts form div.twitterAccount { padding:10px 0 10px 60px; width:auto; }
#linkedAccounts form div.aimAccount { background:url("../img/linked_accounts/aim.png") no-repeat 10px 10px; }
#linkedAccounts form div.fbAccount { background:url("../img/linked_accounts/facebook.png") no-repeat 10px 10px; }
#linkedAccounts form div.googleAccount { background:url("../img/linked_accounts/google.png") no-repeat 10px 10px; }
#linkedAccounts form div.twitterAccount { background:url("../img/linked_accounts/twitter.png") no-repeat 10px 10px; }
/* add accounts */

#linkedAccounts .accountsList div { padding:10px 0; }
#linkedAccounts .accountsList p { width:340px; }
#linkedAccounts .addAccounts form { display:block; overflow:auto; background-color:#e5e5e5; padding:20px 20px 10px 20px; margin:10px 0; }
#linkedAccounts .addAccounts form label { clear:left; line-height:18px; padding:3px 30px 3px 0; text-align:right; width:100px; }
#linkedAccounts .addAccounts form input, #linkedAccounts .addAccounts form select { display:block; margin-bottom:10px; width:175px; }
#linkedAccounts .addAccounts form input[type="submit"] { width:auto; margin:0 20px 0 130px; float:left; }
#linkedAccounts .addAccounts select { /*
	background:white url("../img/linked_accounts/options/aim.png") no-repeat 3px 3px;
	*/
	background-position:3px 3px; border:1px solid gray; padding:0 0 0 22px; }
#linkedAccounts .addAccounts select[value="aim"] { font-weight:bold; }
#linkedAccounts .addAccounts select:focus { outline:0; }
#linkedAccounts .addAccounts option { height:16px; padding:3px 3px 3px 25px; }
#linkedAccounts .addAccounts option { background-position:2px 2px; }
.aim_value { background:url("../img/linked_accounts/options/aim.png") no-repeat; }
.icq_value { background:url("../img/linked_accounts/options/icq.png") no-repeat 2px 2px; }
.yahoo_value { background:url("../img/linked_accounts/options/yahoo.png") no-repeat 2px 2px; }
/* user list */

.userList .title .expandList { float: right; font-size: 12px; margin-top: 6px; }
.userList .title .expandLink { text-decoration: none; font-weight: normal; }
.userList .title a.expandLink:hover { text-decoration: underline; }
.userList .user { float: left; width: 32px; height: 32px; margin: 0 15px 15px 0; overflow: none; border: none; }
.userList .last { margin-right: 0; }
.userList .bottom { margin-bottom: 0; }
.userList .userCount { color: #008ECC; }
.inviteFriends .emailInput { width: 240px; }
.inviteFriends .button { padding: 0 7px; border: solid #666 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; background: #CCC url(../img/buttonGrad.png) repeat-x; font-size: 13px; margin-left: 5px; }
.inviteFriends .help { margin-top: 10px; }
.inviteFriends .inviteStatus { border-top: dashed #3B62A2 1px; margin-top: 9px; padding-top: 9px; font-size: 12px; }
.inviteFriends .inviteFailed { color: #E00; }
.inviteFriends .inviteSuccess { color: #0B0; }
.downloadExtension h4.heading { font-size: 14px; color: #3B62A2; font-weight: bold; }
.downloadExtension .callToAction { font-weight: bold; font-size: 18px; }
.downloadExtension .description { margin-bottom: 7px; }
.vipTips { font-weight: bold; margin-left: 20px; }
.vipTips .tip { margin-bottom: 15px; list-style: disc outside; }
.vipTips .last { margin-bottom: 0; }
/* Tabs */

.navigation-tabs { height: 28px; border-bottom: 1px solid #a4c9eb; display: block; background: url('../img/tab-background.png') repeat-x 0 4px; padding-left: 10px; }
.navigation-tabs li { float: left; font-size: 12px; }
.navigation-tabs a { display: block; color: #234782; line-height: 27px; padding: 1px 15px; text-decoration: none; border-width: 1px 1px 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.navigation-tabs li a:hover { background: #F2F8FF; border-color: #A4C9EB; padding: 0 14px; border: 1px solid #A4C9EB; }
.navigation-tabs li.selected a:hover, .navigation-tabs li.selected a { background: white; border: 1px solid #A4C9EB; padding: 0 14px; border-bottom-color: transparent; }
/* people listing */

#homeActivityFeed { min-height: 409px; }
.paginatedContent .subtitle { border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; height: 45px; line-height: 45px; background: #F3F3F3; font-size: 24px; }
.paginatedContent .scrollable { background: #FFF; }
.peopleListing .personRow { border-bottom: 1px solid #CCC; }
.paginatedContent .footer { height: 35px; background: #F3F3F3; }
.paginatedContent .footer .close { float: right; line-height: 35px; text-decoration: underline; font-size: 12px; cursor: pointer; }
.paginatedContent .footer .navigation { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: left; cursor: pointer; line-height: 35px; text-decoration: underline; font-size: 12px; margin: 0 5px; }
.paginatedContent .footer .disabled { color: #AAA; text-decoration: none; cursor: default; }
.paginatedContent .throbber { background: url('../img/throbber.gif') no-repeat; height: 50px; width: 50px; margin: 10px 0 0 10px; }
/* person-row */

.personRow { overflow: hidden; padding: 10px; height: 48px; }
.personRow .follow { float: right; margin: 17px 20px 0 0; }
.personRow .overview { font-size: 10px; margin: 0; }
.personRow .overview .avatarBox { min-height: 48px; float:left; }
.personRow .overview .avatar { margin-right: 7px; width: 48px; background: #EEE; }
.personRow .overview .user { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }
.personRow .overview .user .realName { font-weight: bold; color: #008ECC; font-size: 14px; }
.personRow .overview .user .username { font-size: 12px; color: #999; }
.personRow .overview .user .location { color: #333; }
.personRow .name { padding-top: 5px; }
#statusNotification { background: #FF8; ; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: left; height: 30px; margin-top: 5px; cursor: pointer; }
#statusNotification .content { margin: 5px 5px 0; font-size: 14px; font-weight: bold; color: #333; }
.followButton { width: 80px; height: 20px; cursor: pointer; font-size: 12px; text-align: right; background: url(../img/followBtn.png) no-repeat 100% 0; }
.followButton-following { color: #CCC; background: transparent; }
.unfollow { color: #C00; text-decoration: underline; }
#alphaRibbon { position: absolute; top: -7px; right: 0; }
.heading { color: #3B62A2; }
h3.heading { font-size: 18px; font-weight: bold; }
.basic2Column { overflow: hidden; }
.basic2Column .leftColumn, .basic2Column .rightColumn { float: left; }
.basic2Column .row { border-left: solid #A4C9EB 1px; border-right: solid #A4C9EB 1px; background: white; position: relative; word-wrap: break-word; }
.basic2Column .leftColumn { width: 590px; background: #F2F8FF; }
.basic2Column .rightColumn { width: 360px; background: #F2F8FF; }
.basic2Column .rightColumn .row { background: #F2F8FF url(../img/moduleGrad.png) repeat-x 0% 0%; }
.basic2Column .leftColumn .moduleBottom, .basic2Column .rightColumn .moduleBottom { -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; height: 6px; background: #F2F8FF; }
.basic2Column .leftColumn .moduleBottom { background: white; }
.basic2Column .moduleBottomShadow { background: url(../img/moduleBottomGrad.png) repeat-x; -moz-border-radius: 0 0 23px 23px; -webkit-border-radius: 0 0 23px 23px; border-radius: 0 0 23px 23px; height: 37px; }
.basic2Column .moduleBottomWrapper { background: #A4C9EB; }
.pageContent { background: #A4C9EB; }
/* module styles */
.basic2Column .rightColumn .module { padding: 16px 0 25px 0; border-bottom: solid #A4C9EB 1px; }
.basic2Column .rightColumn .module .title { margin: 0 20px 16px; font-size: 18px; }
.basic2Column .rightColumn .module .content { margin: 0 20px; font-size: 12px; }
.basic2Column .rightColumn .lastRow .module { padding-bottom: 19px; border-bottom: none; }
/* user profile */

#profileFollowButton { position: absolute; top: 68px; right: 20px; }
.userProfile .userHeader h1 { line-height: 38px; height: 38px; margin-bottom: -6px; font-weight: bold; font-size: 32px; }
.userProfile .userHeader h1 .profilePic { float: left; margin: 0 10px -10px 0; }
.userProfile .navigation-tabs { padding-left: 116px; }
.userProfile .userHeader .status { margin-bottom: 10px; margin-top: 4px; font-size: 12px; line-height: 18px; }
.userProfile .userHeader .status span { padding-left: 14px; }
.userProfile .userHeader .status span.online { background: url("../img/status/available.png") no-repeat left center; cursor: pointer; }
.userProfile .userHeader .status span.offline { background: url("../img/status/offline.png") no-repeat left center; }
/* feed */

.userProfile .posts .feedStory .storyDetails .site .domain { font-size: 14px; font-weight: bold; }
.userProfile .feed { background: white; min-height: 424px; }
.userProfile .feed .update, .userProfile .domains .domain, .userProfile .feed .feedStory { margin: 5px 0 5px 30px; }
.userProfile .feed h4.heading { margin-left: 10px; margin-bottom: 5px; }
.userProfile .feed .section { padding: 10px 0; }
.userProfile .feed .updates, .userProfile .feed .domains { border-bottom: solid #A4C9EB 1px; }
.userProfile .domains .domain { font-weight: bold; font-size: 14px; }
.userProfile .domains .domain .count { color: #999; font-weight: normal; }
.userProfile .feed .update { font-size: 14px; color: #333; }
.userProfile .feed .update .user { font-weight: bold; text-decoration: none; }
.userProfile .feed .update .icon { vertical-align: middle; margin-right: 5px; float:left; }
.userProfile .feed .update .text { float: left; }
.userProfile .domains .domain .icon { vertical-align: top; margin-right: 7px; }
.userProfile .feed .update .timestamp { color: #999; float: left; margin-left: 10px; }
.userProfile .vipStatus .domain { margin: 4px 0 4px 0px; font-weight: normal; }
.userProfile .vipStatus .domain a { font-weight: normal; }
.userProfile .vipStatus .domain .date { color: #649FD8; float: right; }
/* bottom right */

.userProfile .connections { padding: 10px 0; }
.userProfile .connections .list { margin: 0 10px; }
.userProfile .connections a.connection { float: left; border: none; outline: none; text-decoration: none; margin-right: 7px; }
.userProfile .connections a.connection img { border: none; }
.userProfile .connections .heading .all { float: right; font-size: 14px; }
.userProfile .checkinStats { background: url('../img/tab-background.png') repeat-x 0 100%; }
.userProfile .checkinStats .section { height: 100px; width: 122px; }
.userProfile .checkinStats .middle { width: 118px; }
.userProfile .checkinStats .right { width: 117px; }
.userProfile .checkinStats .section .stat { font-size: 40px; line-height: 1.1; margin-top: 10px; }
.userProfile .basic2Column .rightColumn .rowIndex1 { height: 124px; border-bottom: 1px solid #a4c9eb; }
.userProfile .leftColumn .rowIndex1 { border-right: none; }
.userProfile .rightColumn .rowIndex1 { border-left: none; background: white; }
.userProfile .leftColumn .layoutTop { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-right: none; }
.userProfile .rightColumn .layoutTop { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; border-left: none; }
.userProfile .noactivity { padding: 40px 10px; text-align: center; }
.feed #ghostTown { font-size: 18px; margin: 40px; }
.feed #ghostTown p { margin: 30px 0; }
/* feed css */
.feedStory { clear: both; padding: 10px; min-height: 48px; color: #333; position: relative; }
.feedStory .storyDetails { float: left; width: 480px; }
.feedStory .profilePic { float: left; margin-right: 10px; background: #BDE5fD; width: 48px; }
.feedStory .site { color: #008ECC; font-size: 12px; }
.feedStory .time { font-size:12px; color: #999; line-height: 16px; }
.feedStory .signature { clear: none; font-size: 11px; line-height: 15px; color: #999; }
.feedStory .storyDetails .site .domain { font-weight: normal; }
.feedStory .user { margin-right: 3px; font-weight: bold; color: #008ECC; display: block; text-decoration: none; font-size: 14px; display: inline; }
.feedStory .text { display: inline; font-size: 14px; }
.feedStory .attachment { line-height: 16px; }
.feedStory .attachment .attachmentPic { float: left; margin-right: 8px; max-width: 150px; }
.paperClip { width: 14px; height: 14px; background: url('../img/paperclip.png'); float: left; margin-right: 8px; }
.followIcon { width: 18px; height: 18px; background: url('../img/followSmall.png'); float: left; margin-right: 2px; }
.feedStory .attachment .url { outline: none; font-weight: bold; text-decoration: none; }
.feedStory .attachment .title { font-size: 14px; font-weight: normal; }
.feedStory .attachment .description { font-size: 14px; font-weight: normal; }
.feedStory .attachment .title, .feedStory .attachment .url, .feedStory .attachment .description { display: block; }
.userHeader h1 { font-size: 24px; color: #234782; height: 50px; line-height: 50px; padding: 2px 10px 10px; }
.userHeader h1 a { font-weight: bold; }
#homeHistoryFeed { display: none; }
.spinner { width: 50px; margin: 10px 0 10px 290px; }
.paginatedContent { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.userHome #alphaRibbon { right: -1px; }
.userHome .userHeader .linkContainer { padding-left: 15px; }
.userHome .userHeader .link { font-weight: normal; }
.userHome .update { padding: 14px 0 14px 10px; border-bottom: solid #C9E5FF 1px; color: #333; font-size: 14px; min-height: 48px; }
.userHome .update .icon { width: 48px; float:left; margin-right: 10px; }
.userHome .update .timestamp { color: #999; font-size: 12px; margin-top: 4px; margin-left: 24px; }
.userHome .historyItems .update .icon { width: 18px; margin-right: 2px; }
.userHome .historyItems .update { min-height: 18px; }
.userHome .feedStory { border-bottom: solid #E5F2FF 1px; }
.userHome .historyItems .feedStory { padding: 12px 0 8px 34px; background: url(../img/checkMark.png) no-repeat 10px 12px; font-size: 14px; min-height: 40px; }
.userHome .historyItems .feedStory .site .domain { font-weight: bold; }
.userHome .historyItems .site { font-size: 14px; }
.userHome .historyItems a.deleteLink { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 15px; right: 15px; color: #008ECC; outline: none; text-decoration: underline; }
.userHome .historyItems a.deleteLink:hover { color: #C00; }
.userHome .historyItems .comment { color: #333; }
.userHome .historyItems .attachment .title { font-size: 12px; padding-top:2px; font-weight: normal; }
.userHome .historyItems .attachment { margin-top: 4px; }
.userHome .peopleListing .personRow { padding: 10px; height: 48px; }
.userHome .rightColumn .rowIndex1 { background-position: 0 -6px; border-bottom: dashed #A4C9EB 1px; height: 90px; }
.userHome .rightColumn .rowIndex2 { border-bottom: solid #A4C9EB 1px; }
.userHome .layoutTop { background: url(../img/moduleGrad.png) repeat-x 0% 0%; }
.userHome .userBadge { margin: 0 20px; position: relative; top: 4px; font-size: 18px; }
.userHome .userBadge .icon { vertical-align: text-top; }
.userHome .userBadge .status { font-size: 12px; font-weight: normal; float: right; background: url("../img/status/available.png") no-repeat 6px center; padding-left: 20px; margin-top: 5px; }
.userHome .userBadge .profilePic { float: left; }
.userHome .userBadge .displayName { margin-left: 5px; width: 200px; float: left; }
.userHome .userBadge .lastCheckin { font-size: 12px; font-weight: normal; margin: 18px 0; }
.userHome .userBadge .lastCheckin .checkinImg { margin: 3px 11px 3px 6px; }
.userHome .checkinStats { height: 92px; }
.userHome .checkinStats .section { width: 120px; background-color: #F2F8FF; }
.userHome .checkinStats .middle { width: 116px; }
.userHome .checkinStats .section .stat { font-size: 36px; font-weight: bold; margin-top: 10px; line-height: 1.1; }
.siteProfile .feedStory .title { font-size: 18px; }
.siteProfile .feedStory .title a { text-decoration: none; }
.siteProfile .feedStory .url { font-size: 11px; }
.siteProfile .feedStory .description { color: #333; }
.siteProfile .feedStory .attachmentPic { width: 70px; border: none; }
.siteProfile .feedStory .attachment .info { float: left; width: 445px; }
.siteProfile .feedStory .storyDetails { margin-left: 28px; width: 530px; }
.siteProfile .siteHeader { height: 124px; padding: 4px 0 0 10px; position: relative; font-size: 18px; }
.siteProfile .siteHeader .site { font-size: 35px; font-weight: bold; overflow:hidden; }
.siteProfile .siteHeader .sitelink { font-size: 14px; font-weight: normal; }
.siteProfile .feed { padding-top: 10px; }
.siteProfile .feed .heading { margin-left: 20px; }
.siteProfile .checkinForm { padding: 9px; border-bottom: 2px solid #A4C9EB; }
.siteProfile .checkinForm .formContent { background: #FFFF44; padding: 9px; }
.siteProfile .checkinForm .checkBox { cursor: pointer; }
.siteProfile .checkinForm .finish { margin-top: 0; font-size: 17px; font-weight: bold; }
.siteProfile .attachText { font-weight: bold; font-size: 13px; }
.siteProfile .attachCheck, .siteProfile .commentRow .icon { float: left; width: 40px; text-align: right; margin-right: 10px; }
.siteProfile .checkinForm .finish .sitename { font-weight: normal; }
.siteProfile .commentRow .comment { width: 490px; min-height: 20px; padding: 5px; float: left; border: solid black 1px; background: #eee; outline: none; cursor: pointer; }
.siteProfile .checkinForm .checkinRow, .siteProfile .checkinForm .attachmentRow { margin: 7px 0 0 40px; }
.siteProfile .checkinForm .metadata .text, .siteProfile .checkinForm .metadata .paperclip { float: left; font-size: 14px; }
.siteProfile .checkinForm .metadata .paperclip { margin: 7px 4px 0 0; }
.siteProfile .checkinForm .metadata .attachmentTitle { font-weight: bold; }
.siteProfile .checkinForm .metadata { padding: 5px; background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; float: left; }
.siteProfile .checkinForm .checkinRow .attachmentUrl { font-weight: bold; }
.siteProfile .checkinForm .checkinRow .domain { font-weight: bold; }
.siteProfile .checkinForm .message .user, .siteProfile .checkinForm .message .site { font-weight: bold; }
.siteProfile .checkinForm .success .attachmentRow .message { margin-bottom: 5px; }
.siteProfile .checkinForm .vipWait, .siteProfile .checkinForm .vipSuccess { float: left; margin-right: 15px; }
/* checkin stats */

.siteProfile .checkinStats { color: #649FD8; font-weight: bold; }
.siteProfile .checkinStats .title { text-transform: uppercase; font-size: 12px; }
.siteProfile .checkinStats .stat { font-size: 40px; line-height: 1.1; margin-bottom: 0.1em; }
.siteProfile .checkinStats .section { width: 180px; }
.siteProfile .checkinStats .right { width: 178px; }
.siteProfile .checkinStats .second .stat { font-size: 24px; margin: 0 0 2px; }
.siteProfile .checkinStats .second .title { margin-bottom: 5px; }
/* info block displayed next to checkin form during/after checkin */

.siteProfile .checkinPendingInfo, .siteProfile .checkinConfirmedInfo { display: none; }
.siteProfile .rowIndex1 { height: 124px; border-bottom: 1px solid #a4c9eb; background: white; }
.siteProfile .rightColumn .rowIndex1 { background: white; }
.siteProfile .leftColumn .rowIndex1 { border-right: none; }
.siteProfile .rightColumn .rowIndex1 { border-left: none; }
.siteProfile .leftColumn .layoutTop { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; border-right: none; }
.siteProfile .rightColumn .layoutTop { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; border-left: none; }
/* download page */

.subheader p, .subheader h1 { margin:0; }
#download-info { padding: 10px 20px 20px; height: 100%; }
#additional-info { padding: 10px 20px; }
#download-info h1, #download-info h2 { color: #19336C; }
#download-info h1 { font-size: 24px; }
#download-info h2 { font-size: 18px; background: none; padding: 0; border: none; }
.extension-video { background: url('../img/download_page/download1.png'); display: block; width: 545px; height: 276px; border: solid #999 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 20px auto; }
#download-info p, #download-info li { line-height: 1.7em; font-size: 14px; }
#download-info .quickinfo { font-weight: bold; font-size: 16px; }
#download-info .available { text-align: center; }
#download-info ul { margin: 30px; list-style: disc; }
#download-info li { margin: 5px 20px; line-height: 1.5em; }
img.browser-icon { vertical-align: middle; margin-right: 10px; }
#download { text-align:center; }
#download .terms { padding:0px 40px 10px; margin:0 auto; font-size: 12px; width: 250px; }
#download .other-links { margin-top: 24px; font-size: 12px; }
#download a.extension, #download a.disabled { width: 202px; height: 47px; display:block; margin:0 auto 5px; text-align: center; line-height: 47px; font-family: Arial; font-weight: bold; font-size: 24px; color: #333; text-shadow: #FFF 0 1px; cursor: default; }
#download a.extension { background:url("../img/download_page/extension-button.png") 0 0 no-repeat; cursor: pointer; text-decoration: none; }
#download a.extension:hover { background-position: 0 -47px; color: #752400; text-shadow: #FFDF00 0 1px; }
#download a.extension:active { background-position: 0 -94px; color: #752400; text-shadow: #FFDF00 0 1px; }
#download a.disabled { background:url("../img/download_page/extension-button.png") 0 -141px no-repeat !important; color: #999; text-shadow: #FFF 0 1px; text-decoration: none; }
ul.additional-info { padding: 0px 15px; }
ul.additional-info li { line-height: 1.7em; list-style: disc; }
/* modal box for extension install */

#whiteBoxOverlay { background-color: white; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index: 99; }
.hidden { display:none; }
#modalBox { z-index: 100; width: 860px; height: 240px; margin: 0 0 0 45px; bottom: 50px; position: fixed; background-color: white; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .35); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .35); }
#modalBox .closeModal { cursor: pointer; width: 16px; height: 16px; background: url("../img/download_page/close-button.png") 0 0 no-repeat; margin: 6px; float:right; }
#modalBox h2 { margin: 20px 0 10px 20px; font-size: 24px; color: #234782; padding: none; border: none; background: none; line-height: 30px; }
#modalBox img { float:left; display: block; margin-right: 12px; }
#modalBox p { color: #234782; font-size: 12px; float:left; width:155px; margin: 14px 10px 0 0; }
#modalBox p strong { font-weight: bold; display:block; margin-bottom:5px; }

.more-arrow {
	background: url(../images/more-arrow.gif) no-repeat scroll 100% 60%;
	padding: 0 8px 1px 0;
}