@import url(https://fonts.googleapis.com/css?family=Ubuntu);

*{padding:0;margin:0;outline:none;}
root{display:block;}

body{font-family:ubuntu, sans-serif;color:#777;background-color: #ebebeb;font-size:1em}
body.rank3{background-color:#CD7F32}
body.rank6{background-color:silver}
body.rank12{background-color:gold}
body.rank18{background-color:#E5E4E2}

a{text-decoration:none;color:inherit;}
a.pretty{width:auto;display:inline-block;padding:1em;border:#AAA 1px solid;border-radius:1em;background-color:#DDD;margin-right:1em;float:right}
a.pretty.left{float:left;margin:0.5em;}
a.pretty:active,a.pretty:hover{background-color:#AAA;}

input[type="email"],input[type="password"]{border: none;background-color:#ebebeb;margin:0;padding:0.25em}
input[type="number"]{width:70px;margin-top:1em;text-align:center;background-color:#ebebeb;border:none;height:16px}
input[type="text"],input[type="tel"],input[type="url"]{border: none;background-color: #ebebeb;margin: 0.5em 0;padding:1px;font-family:inherit}

input.isDate, select.isTime{width:70px;margin-top:1em;text-align:center;background-color:#ebebeb;border:none;height:16px}
select.isTime{height:18px}
select.isTime option{background-color:white}
select {border:none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div{background-color: white}
div.overlay{position:fixed;bottom:0;right:0;left:0;top:1em;z-index:4;background-color:transparent}
div.overlay.under{background-color:white;z-index:3;opacity:0.9;top:0}
div.centreColumn{width:960px;margin:0 auto;background-color:transparent}

th{padding:0 0.5em}

.clickable {cursor:pointer;border:solid 1px transparent}

#privacyFooter{background-color:transparent;text-align:right;margin:0 1em;border-top:solid 1px #DDD;padding:0.5em 0.5em;}

#languageDrop{background-color:black;position:absolute;min-width:24px;top:48px;padding-bottom:0.25em;display:none}
#languageDrop div{background-color:black;padding:0.2em 0.5em 0.2em 0em;cursor:pointer}
#languageDrop div:active{background-color:#777}

#loginDrop{background-color:#f0f0f0;position:fixed;width:430px;height:200px;border-radius:0.25em;padding: 0.5em;display:none;color:#666}
#loginDrop table {margin:0 auto;width:98%}
#loginDrop table td{padding:3px 2px}
#loginDrop #email, #loginDrop #password{width:98%;font-size:1em;padding:0.25em;border:solid 1px #DDD}
#loginDrop a, #loginDrop label{margin:0;cursor:pointer;float:right;font-size:0.8em}
#loginDrop label{margin:0.1em;float:none}
#loginDrop input[type="checkbox"]{height:0.8em}
#loginDrop #login{margin:0 auto;display:block;background-color:#00ac7b;padding:0.8em 1em;text-align:center;color:white;border-radius:0.25em;float:none}

#btnRegister{margin:0 auto;width:160px;margin:0 auto;display:block;background-color:#00ac7b;padding:0.8em 1em;text-align:center;color:white;border-radius:0.25em;margin-top:-1.4em}
#watchVideo{cursor:pointer;font-size:1em;margin:1em auto 0;width:160px;display:block;padding:0.8em 1em;text-align:center;color:#00ac7b;border-radius:0.25em;border:#00ac7b 1px solid;}
#divVideo{width:500px;margin:0 auto;z-index:3;position:fixed;top:25%;display:none;max-width:100%}
div.mepsTotalHolder{width:33%;float:left;background-color:transparent}
div.mepsHeader{background-color: transparent;text-align: center;font-size: 1em;font-weight: bold;padding:1em 0 0.5em;text-transform: uppercase;}
div.mepsHolder{background-color:transparent;letter-spacing:4px;font-size:2em;text-align:center;height:50px;color:#00ac7b}
div.homepageHeader{height:7em;padding:3em 20% 0;font-size:2em;text-align:center;margin-top:48px;background-image:url(../images/header.jpg);background-size:cover;background-position:50% 5%;color:white}
a.social{margin-right:1em;display:inline-block;width:24px;height:48px;background-repeat:no-repeat;background-position:0 50%}
a.social.fb{background-image:url(../images/social/facebook24.png);}
a.social.twitter{background-image:url(../images/social/twitter24.png);}
a.social.instagram{background-image:url(../images/social/instagram24.png);}

#top{text-align:center;background-color:transparent;padding:3em 0 2em}
#top a{display:inline-block;width:32px;height:32px;background-image:url(../images/icons/top.png);background-repeat:no-repeat;cursor:pointer}

div.toggleTile{width:24px;height:19px;border-radius:3px;display:inline-block;margin:0 0.1em -4px;cursor:pointer;background-image:none;}
div.toggleTile.deselected{background-color:transparent !important}
div.toggleTile:after{display:inline-block;content:'\2713';color:green;padding:18px 6px 0 6px;}
div.toggleTile.deselected:after{display:inline-block;content:'\2717';color:red;padding:18px 6px 0 6px;}
div.miniTile{width:24px;margin-right:1em;height:19px;background-image:url(../images/minitileoverlay.png)}
div.miniTile.inline{display:inline-block;margin:0 0.2em -4px}
div.miniTile.inline.nm{margin:0 0.2em}
div.mepPulse{width:20px;height:19px;background-image:url(../images/mepslogoblank.png);float:right;margin-left:1em}
div.mepFigures{height:19px;background-color:black;float:right;color:white;min-width:3em;text-align:right}
div.mepEnd{height:19px;width:12px;background-image:url(../images/mepslogoblank.png);float:right;background-position:right}

*.zSpacer{border: solid 1px #ebebeb;border-radius: 3px;background-color:transparent;width:22px !important;height:17px !important;background-image:none !important}
*.z0{background-color:#ddd !important}
*.z1{background-color:#4a4a4b !important}
*.z2{background-color:#0031F9 !important}
*.z3{background-color:#018a43 !important}
*.z4{background-color:#fff300 !important}
*.z5{background-color:#ff0008 !important}
*.z6{background-color:#EFEFEF !important}

*.z1Border{border:#4a4a4b 3px solid}
*.z2Border{border:#0031F9 3px solid}
*.z3Border{border:#018a43 3px solid}
*.z4Border{border:#fff300 3px solid}
*.z5Border{border:#ff0008 3px solid}

*.shadow{-webkit-box-shadow:  0px 0px 4px 2px rgba(128, 128, 128, 128);box-shadow:  0px 0px 4px 2px rgba(128, 128, 128, 128);}
span.header{font-weight:bold}
span.about, div.about{color:#AAA;font-size:0.75em;max-height:10em;/*overflow:hidden;overflow-y:auto;display:block;*/}

textarea{border:none;background-color:#ebebeb;font-size:1em;font-family:inherit;padding:4px;resize:none}

div.wait{width:20px;height:20px;background-image:url(../images/heartratepulsewhite.gif);background-repeat:no-repeat;margin:1em auto;}

div.panel{margin:0 1em 1em;position:relative;overflow:auto;overflow-y:hidden;overflow-x:auto;padding:1em;}
div.panel.smallRight{float:right}
div.panel h2{font-size:1.5em;font-weight:normal;color:#333;border-bottom:#DDD solid 1px;padding-bottom:0.4em;margin-bottom:0.4em;}
div.panel h3, #notificationDrop h3{height:1.25em;font-size:1.25em;font-weight:normal;color:#333;border-bottom:#DDD solid 1px;padding-bottom:0.4em;margin:0.4em 0;}
div.panel ul {margin:0.4em 0 0 1.4em;list-style-type:circle;}
div.panel.profile{min-width:288px}
div.panel.profile select {font-size:1em;margin:0;background-color:#ebebeb}
div.panel.profile input, #changePasswordPanel input {font-size:1em;margin:0;width:200px}
div.panel.profile input[type="number"]{width:50px;height:auto;margin:0 0.25em}
div.panel.profile input[type="number"].l{margin:0 0.25em 0 0}
div.panel.profile input[type="email"]{padding:1px}
div.panel.profile #cmbMonth{margin:0 0.25em 0 0}
div.panel.profile #cmbDay{margin:0 0.25em 0 0}
#changePasswordPanel input.error {background-color:red;}

div.smalls{background-color:transparent;min-width:325px;margin:0 auto}
div.smallInner{width:288px}
div.small{float:left;padding:1em;min-height:11em}
div.smallInner{width:288px}
div.small{float:left;}
div.smallIcon{float:right;width:16px;height:16px;background-repeat:no-repeat;margin-top:12px}
div.smallIcon.bike{background-image:url(../images/icons/bike16.png)}
div.smallFixedHeight{float:left;height:284px;padding:1em}
div.smallFixedHeightTall{float:left;height:512px;padding:1em}
#calendarMonth, div.calendarMonth{right:1em;text-align:center;height:1em;top:1.5em;position:absolute;min-width:110px;font-size:0.9em;line-height:1em}
div.calendarNav{margin-top:1px;width:12px;height:12px;float:left;background-image:url(../images/calendarmonthnav.png);background-position:bottom;margin-right:6px;cursor:pointer}
div.calendarNavRight{float:right;background-position:top;margin-left:6px}
div.calendarClose{text-align:center;padding-top:1em;clear:both}
div.calendarClose a{cursor:pointer;font-size:0.75em;font-weight:bold}

div.calendar {min-height:242px}
div.calendar div.day{width:28px;height:24px;padding:2px 3px;margin:2px;overflow:hidden;float:left;color:#333;font-size:0.9em;font-weight:bold;background-color:#FFF;text-shadow: 0px 0px 3px #FFF;text-align:center;padding-top:8px;border-radius:3px}
div.calendar div.day:hover{cursor:pointer;}
div.calendar div.dayName{width:28px;padding:0 3px;margin:0 2px;overflow:hidden;float:left;color:#333;font-size:0.6em;text-align:center}
div.calendar div.today{color:#933;font-weight:bolder}
div.calendar div.noMove{background-position:left -33px}
div.calendar div.locked{background-position:bottom}
div.calendar div.notMonth{color:#AAA;text-shadow:none;font-weight:lighter}
div.calendar div.daySelected{border:solid 2px #F88;border-radius:4px;}
div.calendar div.swimtag{width:14px;height:10px;background-image:url(../images/swimtag14.png);position:absolute;margin-top:15px;margin-left:7px;background-color:transparent}

div.toolTip{display:none;position:absolute;border:#ebebeb solid 1px;z-index:3;padding:0.75em}
#calendarToolTip{min-width:270px;margin-left:48px;margin-top:-270px}
#calendarCompareToolTip{min-width:550px;margin-left:100px;margin-top:-270px}
#editActivityToolTip{min-width:160px;}
#editActivityToolTip.alt{margin-top:-16px}
input.addActivity{width:95px;background-color:#DDD;border:none}
div.fixedHeight{height:284px;}
#workloadGraph{overflow-x:auto;height:228px}
div.graphTip{float:right;font-size:11px;text-align:right;border:solid 1px #DDD;padding:0.25em;border-radius:0.5em;background-color:#EEE}

#header{height:52px;width:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:3;background-image:url(../images/header_bar.png);background-repeat:repeat-x}
#header span{float:right;color:white;margin-top:13px;margin-right:0.5em}
#header span a{margin:0 0.5em}
#headerlogo{width:141px;height:48px;margin-left:2%;background-image:url(../images/headerlogo.png);background-repeat:no-repeat;background-color:transparent;background-position:center}
#headerimage{margin-top:48px;height:400px;width:100%;background-image:url(../images/backgrounds/001.jpg);background-repeat:no-repeat;background-size:cover;-ms-behavior:url(./backgroundsize.min.htc)}
#profilebanner{margin:0 0 1em;padding:1em 0 1em 1em;overflow:visible}
#profilebanner h2 {display:inline-block;font-size:1.5em;font-weight:normal;color:#333;border-bottom:none;padding:0;margin:0;margin-left:6em}
#profilebanner h3 {display:inline-block;font-size:1.25em;font-weight:100;color:#333;border-bottom:none;padding:0;margin:0;margin-left:7.2em}
#profilebanner a.btn{width:45px;height:45px;background-repeat:no-repeat;background-position:center;margin-right:1em;display:block;float:right}
#profilebanner a.activity{background-image: url(../images/icons/graph.png)}
#profilebanner a.friends{background-image: url(../images/icons/friends.png)}
#profilebanner a.challenges{background-image: url(../images/icons/running.png)}
#profilebanner a.outcomes{background-image: url(../images/icons/outcomes.png)}
#profilebanner a.home{background-image: url(../images/icons/home.png)}
div.medal.rank0{background-position:30px 0}
div.medal.rank1{background-position:30px -80px}
div.medal.rank3{background-position:30px -160px}
div.medal.rank6{background-position:30px -240px}
div.medal.rank12{background-position:30px -320px}
div.medal.rank24{background-position:30px -400px}
div.medal.rank36{background-position:30px -480px}
div.medal.rank48{background-position:30px -559px}
div.medal{float:left;margin:-1em 0;height:81px;width:151px;background-repeat:no-repeat;background-position:0;background-image:url(../images/medals.jpg)}
div.rankPlus{width:31px;height:20px;background-color:transparent;position:relative;margin-left:85px;margin-top:-13px;background-image:url(../images/plusnumbers.png);}
#rankingExplainedTooltip{position:absolute;font-size:0.8em;max-height:300px;overflow:hidden;overflow-y:auto;white-space:nowrap;z-index:3;padding:0.5em 1.5em;top:4px;}
#rankingExplain{width:14px;height:14px;background-image:url(../images/icons/q14.png);background-repeat:no-repeat;display:block;margin-top:65px;margin-left:24px}

#profileimage {width:8em;height:8em;border:solid 0.3em #ebebeb;background-color:transparent;float:left;border-radius:50%;position:absolute;top:-4.5em;background-size:cover;background-position:center center;z-index:2}
div.profileImage {overflow:hidden;width:8em;height:8em;border:solid 0.3em #ebebeb;background-color:transparent;float:left;border-radius:50%;position:relative;background-size:cover;background-position:center center;z-index:2}
div.camera {width:8em;height:24px;margin-top:0.5em;background-color:transparent;background-image:url(../images/icons/camera24.png);background-repeat:no-repeat;background-position:50% 0}
div.cameraLabel {font-size:0.7em;margin-top:0px;background-color:transparent;text-align:center;background-color:white;opacity:0.5;cursor:default}
div.editProfile {cursor:pointer;text-align:center;margin-top:6em;position:absolute;bottom:-0.3em;right:0;left:0;background-color:white;opacity:.8;}
div.profileimagesmall {width:3.5em;height:3.5em;background-color:transparent;float:left;border-radius:50%;background-size:cover;background-position:center center;z-index:2;-ms-behavior:url(./backgroundsize.min.htc)}
div.profileimagesmall.smaller {width:2.5em;height:2.5em}
div.profileimagesmall.smaller.wide{margin:0 2.35em}
#moveprofileimage {width:100px;height:100px;border:solid 2px white;background-color:transparent;float:left;border-radius:50%;top:-78px;background-size:cover;background-position:center center;}
#headerProfileImage{width:46px;height:46px;margin-top:-14px;margin-left:0.5em;background-color:transparent;float:right;border-radius:50%;background-size:cover;background-position:center center;z-index:2}
div.profileimagesmallhide{background-image:url(../images/icons/cross.png);background-size:cover;height:16px;width:16px;border-radius:50%}
.headerGymImage{width:300px;height:100px;float:right;background-position:center center;background-repeat:no-repeat}
#cropSquare{width:480px;height:480px;border:solid 2px #DDD;position:absolute;top:12px;opacity:0.8;cursor:move}
#editProfilePicToolTip{position:absolute;width:480px;max-width:90%;min-height:100px;left:1em;}
#profileimage.rank0, div.profileimage.rank0, div.rankBar.rank0{border-color:#EEE}
#profileimage.rank1, div.profileimage.rank1, div.rankBar.rank1{border-color:#000}
#profileimage.rank3, div.profileimage.rank3, div.rankBar.rank3{border-color:#CD7F32}
#profileimage.rank6, div.profileimage.rank6, div.rankBar.rank6{border-color:silver}
#profileimage.rank12, div.profileimage.rank12, div.rankBar.rank12{border-color:gold}
#profileimage.rank24, div.profileimage.rank24, div.rankBar.rank24{border-color:#E5E4E2}
#profileimage.rank36, div.profileimage.rank36, div.rankBar.rank36{border-color:#7cd0f4}
#profileimage.rank48, div.profileimage.rank48, div.rankBar.rank48{border-color:#ec2427}
div.rankBar{height:0;border:solid 0.16em #ebebeb}

#headline {margin-bottom:2em}
#headline td{text-align:right}
#headline td.t{padding:0 0 0 2em}
td.r{text-align:right}
div.number{width:42px;height:60px;display:inline-block;background-repeat:no-repeat;background-image:url(../images/numbers.png)}
div.number.n0{background-position: -2px 0}
div.number.n1{background-position: -48px 0}
div.number.n2{background-position: -94px 0}
div.number.n3{background-position: -139px 0}
div.number.n4{background-position: -183px 0}
div.number.n5{background-position: -228px 0}
div.number.n6{background-position: -273px 0}
div.number.n7{background-position: -318px 0}
div.number.n8{background-position: -363px 0}
div.number.n9{background-position: -408px 0}

#latestMoveLastBurstContainer{font-size:0.75em}
#latestMove{position:relative;width:250px;float:right;}
#latestMoveGraph, div.latestMoveGraph{overflow-x:auto;position:absolute;right:280px;left:1em}
textarea.latestheaderProfileImageNotes{height:150px;width:320px}
#latestMoveNotesToolTip{right:1em}
canvas.graphCanvas{width:100%;height:100%}

#food{overflow:hidden;overflow-x:auto;white-space:nowrap}
div.food, div.foodFriend{width:110px;margin:0 1em 0 0;transition: height .5s,width .5s, margin-top .5s;-webkit-transition: width .5s, margin-top .5s;display:inline-block}
div.bodyFriend{width:164px;margin:0 1em 0 0;display:inline-block}
div.foodImg, div.foodImgFriend{width:100%;height:110px;background-size:cover;background-color:#DDD;background-position:center;background-repeat:no-repeat;transition: width .5s, height .5s, height .5s, margin-bottom .5s;-webkit-transition: width .5s, height .5s, height .5s, margin-bottom .5s}
div.bodyImgFriend{width:100%;height:220px;background-size:contain;background-repeat:no-repeat;background-color:#DDD;background-position:center;}
div.foodTime, div.bodyTime{text-align:center;margin:0.8em 0;font-size:0.8em}
div.foodImg:hover{height:150px;margin-bottom:-40px;transition: width .5s, height .5s, margin-bottom .5s;-webkit-transition: width .5s, height .5s, margin-bottom .5s;}
div.food:hover{width:200px;transition: width .5s;-webkit-transition: width .5s}

div.seperator{height:0.75em;border-bottom:#DDD solid 1px;clear:both;margin-bottom:0.75em;background-color:transparent;}
div.meps{width:52px;height:19px;background-image:url(../images/mepslogo.png);margin:4px 0;float:left;background-repeat:no-repeat}
div.right{float:right;margin:4px 0;color:#333;height:20px}
div.left{float:left;margin:4px 0;height:20px}
div.left.l{width:140px;max-width:140px;overflow:hidden;text-overflow:ellipsis}
div.left.l.wider{width:200px;max-width:200px;}
div.left.h{color:black}
div.left.n{min-width:50px;text-align:center;margin:0 4px;padding-top:4px}

div.spacer{clear:both;height:0.75em;background-color:transparent}
div.clear{clear:both}

div.clublogo{height:100px;background-repeat:no-repeat;background-position:center;width:286px;float:left}
div.clublogosmall{height:2.5em;width:7.15em;float:left;background-repeat:no-repeat;background-position:center;background-size:cover}
div.facility{padding:0.5em 1em}
div #facilityInfo{float:right;max-width:410px;min-width:288px;overflow:hidden;text-overflow: ellipsis;}
div #facilityInfoFooter{border-top:#DDD solid 1px;padding:1em 0}
div #facilityInfo table{margin-bottom:0.75em;white-space:nowrap;float:left;font-size:0.8em;margin-right:0.75em;}

div.challengeLine{padding:.2em 0;}
div.challengeLine div.challengeTitle{color:black;width:65%;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
div.challengeLine div.challengeStanding{float:right;text-align:right;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.challengeLine div.challengeStanding span.number{color:black;}
div.challengeLine div.challengeStanding span.outOf{font-size:.75em;}
div.challengeLine.clickable:hover,div.challengeLine.clickable:active{background-color:#eef;border:solid 0.1em #AAA;border-radius:4px;}
div.challengeLine.clickable:hover div.challengeLine.clickable:active input{background-color:#DDD;border-radius:4px;}
div.challengeLine.message {font-weight:bold;}
#challengeSearch{padding:0.5em 0;overflow:hidden;overflow-y:auto;}

div.previousMove,
div.notification,
div.notificationMore,
div.notificationEnd,
div.notificationFriend {border:solid 1px #ebebeb;border-radius:0.75em;padding:1em;}

div.previousMove div,
div.notification div,
div.notificationFriend div {background-color:transparent}

div.notification,
div.notificationFriend {min-height:3em;}

div.notification.unread {background-image:url(../images/icons/bullet.png);background-repeat:no-repeat;background-position:12px 64px;}

div.previousMove:hover,
div.previousMove:active,
div.notification:hover,
div.notification:active,
div.notificationMore:hover,
div.notificationMore:active{background-color:#eef;border:solid 0.1em #AAA;cursor:pointer}

div.notificationMore, div.notificationEnd {text-align:center}

div.smallRank{width:2.25em;height:2.25em;float:left;margin-top:0.5em;background-image:url(../images/medals.jpg);background-size:cover;border-radius:50%;position:relative;top:4em;left:-3.25em;}
div.smallRank.r0{background-position:50% 0}
div.smallRank.r1{background-position:50% 15%}
div.smallRank.r3{background-position:50% 29%}
div.smallRank.r6{background-position:50% 43%}
div.smallRank.r12{background-position:50% 57.5%}
div.smallRank.r24{background-position:50% 72%}
div.smallRank.r36{background-position:50% 86%}
div.smallRank.r48{background-position:50% 100%}
div.smallRank.exp{left:0;top:auto}
div.expLabel{float:left;margin-top:1.3em;font-size:0.8em}

div.previousMove:hover input,div.previousMove:active input{background-color:#DDD;}
div.pmL, div.notificationLeft {margin:0 0.5em 0.5em 0}
div.pmR, div.notificationRight {margin:0 0 0.5em 0.5em}
div.indent{margin-left:65px}
div.indent.mail {background-image:url(../images/icons/emailblack24.png);background-repeat:no-repeat;background-position: right;}
div.previousMove div.header{color:black;margin-bottom:4px}
div.previousMove div.uName{font-size:0.8em;margin-bottom:0.1em}
div.previousMove div.thumbsup{height:24px;color:black;font-size:.75em;padding-top:4px;margin:-4px 0 -8px 4px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
div.thumbsup a{display:inline-block;cursor:pointer;height:24px;width:24px;margin-bottom:-0.5em;margin-top:-0.3em;margin-right:0.5em;background-image:url(../images/icons/thumbsup.png);background-position:left top;background-repeat:no-repeat}
div.thumbsup span.likes{margin:0 8px;white-space: nowrap;color:#ff0008;font-weight:bold}
div.previousMove input{padding:0.5em 1.5%;width:97%}
div.colRight{width:50%;float:right;border-left:1px solid #ebebeb;margin-left:-1px;margin-right:-1px}
div.colLeft{width:50%;float:left;border-right:1px solid #ebebeb;margin-right:-1px}
div.previousMove.message {font-weight:bold;}

div.rightContainer{margin:0 0 1em;position:relative;overflow:auto;overflow-y:hidden;overflow-x:auto;background-color:transparent;padding-bottom:40px}
div.rightContainer div.panel{margin-left:0;margin-right:1em;min-width:276px}
div.centerContainer{margin:0 1em;position:relative;overflow:auto;overflow-y:hidden;overflow-x:auto;background-color:transparent;padding-bottom:40px}
div.centerContainer div.panel{margin-left:0;margin-right:1em;min-width:276px}
div.tile{font-size:5em;font-weight:bold;text-align: center;margin:0.3em 0 0;color:black}
div.smalltile{font-size:1em;font-weight:normal}
div.tile span{font-size:0.5em}

div #activitySummary{padding:1em 0}
div #activitySummary li{list-style: none;margin-left:24px;line-height:24px;cursor:pointer}
div #activitySummary li.selected{list-style: disc;font-weight:bold;list-style-image:url(../images/icons/bullet.png);cursor:default}
div #activitySummary div.times{min-height:20px;margin:1em 0 0;padding-top:4px;padding-left:3em; background-image:url(../images/icons/time24.png);background-repeat:no-repeat}
div #activitySummary div.dates{min-height:20px;margin:1em 0 0;padding-top:4px;padding-left:3em;background-image:url(../images/icons/calendar24.png);background-repeat:no-repeat}
div #activitySummary span.date{font-size:0.8em}

div.btn24Holder{float:right;width:24px;position:relative;background-color:transparent;margin-left:16px}
input.btn24, a.btn24{width:24px;height:24px;display:block;float:left;background-repeat:no-repeat;background-position:center;margin-right:0.5em;cursor:pointer}
a.btn24.edit{background-image:url(../images/icons/edit24.png);float:right;margin-top:-5px}
a.btn24.edit.g{background-image:url(../images/icons/edit24g.png);margin-top:0}
a.btn24.dotdotdot{background-image:url(../images/icons/dotdotdot24.png);float:right}
a.btn24.search{background-image:url(../images/icons/search24.png);float:right;margin-top:-5px;margin-right:1.5em}
a.btn24.close{background-image:url(../images/icons/cross.png);float:right;margin:0.5em 0 0}
input.btn24.ok, a.btn24.ok{background-image:url(../images/icons/tick.png);float:right;margin:0.5em 0.5em 0 0}
a.btn24.add{background-image:url(../images/icons/add24.png);float:right}
a.btn24.sub{background-image:url(../images/icons/sub24.png);float:right}
a.btn24.copy{background-image:url(../images/icons/copy24.png);float:right}
input.btn24.remove, a.btn24.remove{background-image:url(../images/icons/cross.png);float:right}
input.btn24.ok, input.btn24.remove{border:none;background-color:transparent;margin:0}
a.btn24.block{background-image:url(../images/icons/block24.png);float:right;margin:0}
a.btn24.globe{background-image:url(../images/icons/globe.png);float:right;margin:0 0.5em 0 0;background-position:top;color:white;height:24px;width:24px;}
a.btn24.battery{background-image:url(../images/icons/battery24.png);float:right;margin:0 0.5em 0 0;background-position:top;color:white;cursor:auto}
a.btn24.battery.low{background-position:bottom}
a.btn24.profile{background-image:url(../images/icons/profile24.png);float:right;margin:0 0.5em 0 0;background-position:top;color:white;height:24px;width:24px;}
a.btn24.mail{background-image:url(../images/icons/email24.png);float:right;margin:0 0.5em 0 0;background-position:top;color:white;height:24px;width:24px;}
a.btn24.menu{background-image:url(../images/icons/menu24.png);float:right;margin:0 0 0.5em 0.5em}
a.btn24.camera{background-image:url(../images/icons/camera24.png);background-position:top;margin-right:auto;margin-left:auto;float:none;padding-top:24px;width:320px;text-align:center;text-shadow: 0 0 3px #FFF;top:176px;position:relative;background-color:white;opacity:0.5;border-radius:0.5em;}
a.btn24.camera:hover{background-position:bottom;color:white;opacity:0.8;background-color:#AAF;}
a.btn24.globe.s{background-position:bottom}
a.btn24.mail.s{background-position:bottom}
a.btn24.back{background-image:url(../images/icons/back24.png)}
a.btn24.forward{background-image:url(../images/icons/forward24.png);margin-right:0}
a.btn24.up{background-image:url(../images/icons/up24.png)}
a.btn24.down{background-image:url(../images/icons/down24.png)}
a.btn24.leave{width:33px;float:right;background-image:url(../images/icons/leave24.png)}
a.btn24.flag{margin-top:-1px!important}
a.btn24.email{background-image:url(../images/icons/email.png);width:18px;height:13px;margin:3px 2px 0 0}
a.btn24.tel{background-image:url(../images/icons/tel.png);width:18px;height:13px;margin:3px 2px 0 0}
a.btn24.l{display:inline-block;float:none;margin-bottom:-7px}
a.btn24.nm{margin-top:0}
a.close13{width:13px;height:13px;display:block;background-repeat:no-repeat;background-image:url(../images/icons/cross13.png);display:inline-block;margin:0 2px -2px;cursor:pointer}
a.graph16{width:19px;height:16px;display:block;background-repeat:no-repeat;background-image:url(../images/icons/graph16.png);display:block;cursor:pointer}
#header a.btn24{margin-top:12px}

a.sBtn{width:42px;height:42px;display:block;float:left;background-repeat:no-repeat;background-position:center;margin-right:0.5em;cursor:pointer}
a.sBtn.calendar{background-image:url(../images/icons/calendar42.png);background-position:top}
a.sBtn.compare{background-image:url(../images/icons/compare.png)}
a.sBtn.download{background-image:url(../images/icons/download42.png)}
a.sBtn.downloadPdf{background-image:url(../images/icons/download42pdf.png)}
a.sBtn.info{background-image:url(../images/icons/info42.png)}
a.sBtn.edit{background-image:url(../images/icons/edit42.png)}
a.sBtn.back{background-image:url(../images/icons/back42.png);margin-top:-8px}
td.time{color:#777}

#dateSelected1, #dateSelected2{font-size:0.75em}
ul.compare{list-style:none;font-size:0.75em;cursor:pointer}
ul.compare li.selected{font-weight:bold}

#activityTimeInZones table{width:100%}
#activityGraph,#outcomeGraph{height:18em}
#comparisonGraph{overflow-x:auto;height:16em}
#comparison{max-height:100%;overflow:hidden;overflow-y:scroll;}
div.compareMoves table{width:100%}
div.compareTag{height:0.5em;margin:-1em -1em 0.5em}

#activities{max-height:270px;overflow:hidden;overflow-y:auto;font-size:0.75em}
#activities.latestMoveActivity{max-height:240px;}
#activities div.group{font-weight:bold;cursor:pointer}
#activities ul{list-style:none;display:none}
#activities ul li{cursor:pointer}
#activities ul li:active, #activities ul li:hover{background-color:#DDD}

div.comment{margin-left:65px;padding:0.2em 0}
div.name{margin-left:65px;color:black}
div.challengeMove,
div.comments{font-size:0.8em}
div.challengeMove div.time,
div.comments div.time{font-size:0.75em;margin-left:5.33em;text-align:right;background-color:transparent}
div.prevComment{font-size:0.6em;text-align:right;cursor:pointer;display:none}
div.challengeMove input,
div.comments input{padding:0.5em 1.5%;width:97%}

#notificationDrop{position:absolute;top:60px;width:320px;border-radius:0.75em;border:#ebebeb solid 1px;z-index:3;padding:0.75em;left:-165px;display:none}
#notification{max-height:400px;overflow:hidden;overflow-y:auto}
#notification div{font-size:0.8em;border-bottom:#ebebeb solid 1px;padding:0.5em 0;cursor:pointer;}
#notification div.unread{font-size:0.8em;border-bottom:#ebebeb solid 1px;padding:0.5em 0;background-image:url(../images/icons/bullet.png);background-repeat:no-repeat;background-position:left center;padding-left:1.5em;}
div.notificationCount{background-color:transparent;margin-top:12px;padding-left:10px;text-align:center;font-size:9px;font-weight:bold}
div.notificationPoint{width:28px;height:15px;margin-top:-27px;position:relative;background-image:url(../images/droppoint.png);background-color:transparent;margin-left:141px;}

div.mailCommands.small{float:left;padding:1em;}
div.mailCount{background-color:transparent;margin-top:12px;padding-left:10px;text-align:center;font-size:9px;font-weight:bold}
div.hidden{display:none;}
div.mailSummary{font-weight:normal;border-bottom:#ebebeb solid 1px;padding:0.5em 1.0em 0.5em 0.5em;min-height:4.5em;}
div.mailSummary.unread{font-weight:bold;background-image:url(../images/icons/bullet.png);background-repeat:no-repeat;background-position:right center;}
div.mailSummary.selected{background-color:#C3E7FF}
div.mailSummaryContent{margin-top:0.5em;background-color:inherit;}
div.mailSummaryNames{margin-left:4em;background-color:inherit;color:#333;}
div.mailSummarySubject{margin-left:4em;background-color:inherit;padding-top:0.5em;}
div.messagename{padding-top:1em;color:#333;font-weight:bold}
div.messagedatetime{padding-top:1em;float:right;font-size:small}
div.messagecontent{margin-top:0.5em}
div.messagelink{padding-top:1em;text-align:center;color:#0031F9}
.messageAlertLink{color:#0031F9}
div.messagecontent.unread{font-weight:bold;background-image:url(../images/icons/bullet.png);background-repeat:no-repeat;background-position:right center;}
#messageAddText{width:99%;height:2.5em;padding:0.5%}

#leaderboard div.lLine{padding-right:2px}
#leaderboard div.lLine.me{margin-bottom: 0.25em;background-color: transparent;border-bottom: solid 1px #DDD;}
#leaderboard div.lLine.s{background-color:#ebebeb}
#leaderboard div.lLine.s div.pos{color:#AAA}
#leaderboard div.lLine div{background-color:transparent}
#leaderboard div.pos{float:left;font-size:0.8em;color:#DDD;padding-top:0.12em;margin-right:0.3em;font-weight:bold;text-align:right;min-width:1.5em}
#leaderboard div.lbName{margin-right:6em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#leaderboard div.lbScore{float:right;text-align:right;width:7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#leaderboard div.lbCompleted{font-size:0.75em;text-align:right;white-space:nowrap;overflow:hidden;border-bottom:solid 1px #ebebeb}
#challengeSummaryPanel a.btn24.edit{margin-top:0}
#challengeSummary div.chalName, .monthContainer div.challengeSummaryItem div.chalName{min-height:1.5em;margin-left:7em;color:black;cursor:pointer}
#challengeSummary div.chalName.i, .monthContainer div.challengeSummaryItem div.chalName.i{height:28px}
#challengeSummary div.chalDate, .monthContainer div.challengeSummaryItem div.chalDate{float:right;font-size:0.8em}
#challengeSummary div.chalSub, .monthContainer div.challengeSummaryItem div.chalSub{margin-left:8.75em;height:1em;overflow:visible;font-size:0.8em}
#challengeSummary div.chalMyzoner, .monthContainer div.challengeSummaryItem div.chalMyzoner{float:right;color:black;height:1.5em}
#challengeDetailPanel {display:none}
#challengeDetails {margin-left:170px;display:none}
#challengeDetails table{color:black;margin-top:1em}
#challengeWall{overflow:hidden;overflow-y:auto}
#challengeWallComment{width:99%;height:2.5em;padding:0.5%}
#challengeWall div.moveContainer.move{}
div.moveContainer.move.clickable:hover,div.moveContainer.move.clickable:active{background-color:#eef;border:solid 0.1em #AAA;cursor:pointer}
div.moveContainer.move.clickable:hover div.moveContainer.move.clickable:active input{background-color:#DDD;}
div.addfriend{background-image:url(../images/icons/add24.png);background-repeat:no-repeat;width:24px;height:24px;float:left;margin-top:38px;margin-left:-8px;cursor:pointer;}

#challengeWall div.moveContainer.move div.thumbsup{float:right;margin-right:0;margin-top:8px;font-size:0.9375em;background-color:transparent;}
div.addComment{padding:0 2% 36px;background:url(../images/icons/speechbubble42.png);background-repeat:no-repeat;background-position:14px 6px;border-bottom: 1px solid #DDD;margin-bottom: 1em}
div.challengeIndent{margin-left:1em;width:200px;float:left;background-color:transparent;}
div.challengeUserName{font-weight:bold;background-color:transparent;}
td.challengeMoveValue{padding:2px 0 2px;text-align:right;padding-left:8px;min-width:62px}
td.challengeMoveValue div{float:right}
h2 #friendsThisMonth{font-size:0.5em}

#invitees{max-height:320px;overflow:hidden;overflow-y:auto}
#inviteesContainer{/*display:none;border-bottom:#ebebeb solid 1px*/}
#chalInvitees{float:left;max-width:10em;}
div.invitee{font-size:0.75em;float:left;margin:0 2px 2px}
#createChallenge, #createPersonalGoal{min-width:320px;max-width:640px;position:fixed;top:52px;overflow-y:auto}
#createChallenge div.line, #createPersonalGoal div.line{min-height:42px;padding:0.5em 0;border-bottom:solid 1px #ebebeb}
#challengeTag{float:left;margin-top:0.5em;}

#participants{max-height:320px;overflow:hidden;overflow-y:auto}
#participantsContainer{display:none;border-bottom:#ebebeb solid 1px}
#mailParticipants{float:left;max-width:190px}
div.participant{font-size:0.75em;float:left;margin:0 2px 2px}
#createMail {min-width:320px;max-width:640px;position:fixed;top:52px;overflow-y:auto}
#createMail div.line{min-height:42px;padding:0.5em 0;border-bottom:solid 1px #ebebeb}
#mailTag{float:left;margin-top:12px}
#emailParticipant.error{background-color:tomato;font-weight:bold}

div.line div.colon{font-weight:bold;color:black;font-size:20px;padding:8px 0.1em;margin:0 0.5em;float:left}
div.line div.name{padding-top:10px;margin-left:3em}
div.icon{float:left;height:42px;width:42px;background-repeat:no-repeat;background-position:top}
div.icon.vline{width:8px;margin-left:8px;border-left:solid 1px #ebebeb}
div.icon.friends{background-image:url(../images/icons/friends.png)}
div.icon.calendarI{background-image:url(../images/icons/calendar42.png)}
div.icon.calendarI.s{background-position:bottom}
div.icon.clock{background-image:url(../images/icons/time42.png)}
div.icon.goal{background-image:url(../images/icons/flag42.png)}
div.icon.target{background-image:url(../images/icons/target42.png)}
div.icon.target.s{background-position:bottom}
div.icon.running{background-image:url(../images/icons/running.png)}
div.icon.meps28{background-image:url(../images/icons/mepslogo28.png);height:28px;width:74px;margin:7px 0}
div.icon.meps28.s{background-position:bottom}
div.icon.commentI{background:url(../images/icons/speechbubble42.png);}
div.icon.literal{height:1em;margin-top:12px;font-weight:bold}
div.icon.literal.s{color:#0072bb}
div.icon.btn{cursor:pointer}

#spanOutcomeDays{width:5em;display:inline-block;text-align:center}
#bodyMetrixDate{margin-left: 2em;font-size: 0.5em}
select.editOutcome{font-size:1em;border:none}
input.editOutcome{font-size:1em;margin:0;height:auto}

div.friendHolder{height:3.5em;width:270px;margin:0.25em;float:left;border:solid 0.1em #FFF;border-radius:4px;}
div.friendHolder div.name{margin-top:0.7em;background-color:transparent;}
div.friendHolder div.gymID{margin-top:0em;color:#777;font-size:0.8em;background-color:transparent;}
#searchTooltip{width:320px;top:50px;position:fixed;overflow-y:auto}
#results div.friendHolder{width:100%}
.friendHolder.clickable:hover, .friendHolder.clickable:active{background-color:#eef;border:solid 0.1em #AAA;border-radius:4px;}
.ui-widget{font-size:1em!important}

#goal{max-height:235px;height:auto;overflow:hidden;overflow-y:auto}
div.goalParent.clickable:hover{background-color:#eef;border:solid 0.1em #AAA;border-radius:4px}
div.goalContainer{background-color:transparent;}
div.goalContainer.message {font-weight:bold;}
div.goalHolder{height:8px;border-radius:4px;background-color:#DDD;margin:38px 0 38px 10px}
div.goalProgress{height:8px;border-radius:4px;background-color:#0D0;margin:38px 0}
div.goalMan{position:relative;height:48px;width:48px;margin:-50px 0 -20px;background-image: url(../images/icons/greypulse24.jpg);background-size:contain;background-color:transparent;background-position:50% 0%;border-radius:50%;border:solid 2px white}
div.goalMan.target{background-position:50% 100%;width:48px;height:48px;background-image:url(../images/icons/greypulse24.jpg);opacity:0.5;margin-top:-70px;border:none}

.legal{padding-top:8px;}
.legal.indent{margin-left:3.5em;}
.legal.indent2{margin-left:7em;}
.bold{font-weight:bold;}
.underlined{text-decoration:underline;}
.italic{font-style:italic;}

#legalFooter{background-color:transparent;border-top:solid 1px #DDD;}
.legalLink{background-color:inherit;text-align:right;margin:0 1em;padding:0.5em 0.5em;float:right;}
.legalA{color:#0031F9}
.copyrightLink{background-color:inherit;text-align:left;margin:0 1em;padding:0.5em 0.5em;float:left;}

#badges{white-space:nowrap;overflow:hidden;overflow-x:auto;min-height:235px}
#badges table{width:150px;height:220px;font-size:0.8em;white-space:normal;text-align:center;background-repeat:no-repeat;background-position:50% 8px;display:inline-block}
#badges div{background-color:transparent}
#badges div.title{width:150px;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#badges table td.title{height:16px;vertical-align:top;font-weight:bold;overflow:hidden}
#badges table td.zones{height:20px;vertical-align:top}
#badges table td.badge{height:134px}
#badges table td.desc{vertical-align:bottom;height:40px;font-size:0.75em}
#badges *.zSpacer{width:16px !important;height:12px !important}
#badges *.miniTile{width:18px;height:14px;border-radius:0.2em}
#saved, div.saveBanner{font-size:0.75em;margin-top:-18px;margin-left:auto;height:16px;display:none;text-align:center;background-color:#FFFF99;width:50%;border:#FFFF33 solid 1px;margin-right:auto;min-width:320px;border-radius:0.5em}
div.li{margin-bottom:0.25em}

td.checkbox{text-align:center}
#existingPermission{border-bottom:solid 1px #DDD;margin-bottom:0.75em}

.shareActivity {float:right;margin-right:6px;display:block;background-color:transparent;}
.shareActivity.facebook{background-image: url(../images/icons/facebook.png);background-repeat:no-repeat;min-width:24px;min-height:24px;cursor:pointer;}
.shareActivity.twitter{background-image: url(../images/icons/twitter.png);background-repeat:no-repeat;min-width:24px;min-height:24px;cursor:pointer;}
.shareActivity.googleplus{padding-top:2px;min-width:24px;min-height:24px;cursor:pointer;}
.shareActivity.googleplusold{min-width:24px;min-height:24px;cursor:pointer;}
.shareActivity.shareSpacer{min-width:24px; min-height:24px;}

#goalprofileimage {width:100px;height:100px;border:solid 2px white;background-color:transparent;float:left;border-radius:50%;top:-78px;background-size:cover;background-position:center center;}

#foodBig {min-width:320px;max-width:800px;position:fixed;top:52px;overflow-y:auto}

div.tabRow {margin-bottom:0.5em;}
.tabRow {text-align:center; list-style:none; margin:0; padding:0; line-height:1.5em; position:relative;}
.tabRow li {margin:0 10px; padding:0 10px; border:1px solid #AAA; background:#ECECEC; display:inline-block; position:relative; z-index:0; border-top-left-radius:6px; border-top-right-radius:6px; background:-o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background:-ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background:-moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background:-webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background:linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); /*box-shadow:0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/ text-shadow:0 1px #FFF; margin:0 -2px; padding:0 20px; cursor:pointer;}
.tabRow li.selected {background:#FFF; color:#000; cursor:pointer;}
.tabRow:after {position:absolute; content: ""; width:100%; bottom:0; left:0; border-bottom:1px solid #AAA; z-index:1;}
.tabRow:before {z-index:1;}
.tabRow li.selected {z-index:2; border-bottom-color:#FFF;}
.tabRow li:after,
.tabRow li:before {border:1px solid #AAA;}
.tabRow li:before {border-bottom-right-radius:6px; border-width:0 1px 1px 0; box-shadow:2px 2px 0 #ECECEC;}
.tabRow li:after {border-bottom-left-radius:6px; border-width:0 0 1px 1px; box-shadow:-2px 2px 0 #ECECEC;}
.tabRow li.selected:before {box-shadow:2px 2px 0 #FFF;}
.tabRow li.selected:after {box-shadow:-2px 2px 0 #FFF;}

#addInviteePanel {width:320px;position:fixed;top:52px;overflow-y:auto}

.warning {color:#F00;font-weight:bold;float:left;clear:both;};

.mailSearch {margin-top:1em;}

#challengeSearchResults {display:none;top:272px;position:fixed;overflow-y:auto;width:320px;}

div.swimtagButton {width:38px;height:22px;background-image:url(../images/swimtag_button.png);background-position:top;}

table.tblDetail td{text-align:center}
table.tblDetail tr{cursor:pointer}
table.tblLines td{text-align:right;cursor:default}
table.tblLines, table.tblLines tr{cursor:default}

div.monthTitle.clickable:hover, div.monthTitle.clickable:active{background-color:#eef;border:solid 0.1em #AAA;cursor:pointer}
div.monthContainer {background-color:transparent;}
div.monthTitle:hover div.goalParent, div.monthTitle:active div.goalParent{background-color:#eef;}
.monthContainer div.challengeSummaryItem{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.profileimagesmall.smaller.wide{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.chalMyzoner{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.chalName{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.chalName div{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.chalDate{background-color:transparent;}
.monthContainer div.challengeSummaryItem div.chalSub{background-color:transparent;}

div.activityGraphLink {float:right;width:2.5em;height:2.5em;background-size:cover;background-image:url(../images/icons/graph40.png);background-repeat:no-repeat}
#selectMetric {font-size:0.8em;float:right}

.placeholder {color:#aaa;}
#newuser {margin:0 auto;width:450px;}
#newuser div.language {margin:0.5em;padding:0.5em;float:left;min-width:8em;text-align:center;border:solid 0.1em #AAA;border-radius:4px;}
#newuser div.language:active, #newuser div.language:hover {background-color:#eef;}
#newuserprogress input.doublewidth {width:430px;}
#newuserprogress input.error, #newuserprogress select.error {border-color:rgba(255,0,0,0.8);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(155,0,0,0.6)}
#newuser select {width:33%;}
#newuser input[type="number"] {margin:0.5em 0;width:205px;vertical-align:top;}
#newuser div.halfwidth {float:left;width:49%;}
#newuser td {padding:0.5em;}
#nuemailconfirm, #nubeltconfirm, #newuser #errormessage {color:red;font-weight:bold;}
#newuser #facilityinfo {text-align:center;}
#newuser #facilityname {font-weight:bold;}
#newuser a {color:#149bdf;}

.sameplace {width:100%;position:relative;}
#progresstext {width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;background-color:transparent;text-align:center;}
#selectMetric {font-size:0.8em;float:right}

div.group7Team{font-weight:bold;border-bottom:solid 1px #DDD}
div.group7TeamScore{float:right}
div.group7Nickname{float:left}
div.group7Score{float:right}
div.group7TeamBreak{clear:both;height:0.5em}
div.group7TeamPos{font-size:0.8em;color:#DDD;float:left;margin-top:0.2em;margin-right:0.5em}

div.btn24.padding {width:24px;height:24px;float:right;}

@media only screen and (max-width: 800px) {
    div.mepsHeader{width:100%}
    div.mepsTotalHolder{float:none;width:auto}
}

@media only screen and (max-device-width: 480px) {
    div.mepsHeader{width:100%}
    div.mepsTotalHolder{float:none;width:auto}
    div.legalLink, div.copyrightLink{font-size:0.8em}
    #loginDrop{width:80%}
    #loginDrop #email, #loginDrop #password{width:98%;font-size:1em;padding:0.25em;border:solid 1px #DDD}
    div.homepageHeader{height:7em;padding-top:2em;font-size:1em}
    a.social{display:none}
}