/* @group Main */
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: Helvetica, sans-serif;
	min-height: 356px;
}
.menuNav #nav {
    display: none;
}
#nav {
	width: 100%;
	height: 49px;
	overflow: hidden;
}
.slidedown-fix {
    -webkit-transform: translateY(100%);
}
.slidein-fix {
    -webkit-transform: translateX(100%);
}
/* @end */
/* @group Layout */
.site {
	position: relative;
}
body.profile .site {
	max-width: 320px;
	max-height: 460px;
	width: 320px;
	height: 460px;
}
body.landscape .site {
	max-width: 480px;
	max-height: 320px;
	width: 480px;
	height: 320px;
}
body .topNav #nav {
	height: 33px;
}
body .bottomNav #nav {
	position: absolute;
	z-index: 99;
	top: 411px;
}
body.landscape .bottomNav #nav {
	top: 251px;
}
#nav ul {
	margin: 0;
	padding: 0;
}
.site-page {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	width: 320px;
	height: 366px;
}
.site-page.previous {
    /*background-color: #fff;*/
    display: block;
    z-index: 1;
}
.site-page.current {
    display: block;
    z-index: 2;
}
body.profile .menuNav .site-page {
	height: 415px;
}
body.profile .topNav .site-page {
	height: 382px;
}
body.landscape .site-page {
	width: 480px;
	height: 206px;
}
body.landscape .menuNav .site-page {
	height: 255px;
}
body.landscape .topNav .site-page {
	height: 222px;
}
body .topNav .site-page {
	top: 78px;
}
.menu-image {
    text-align: center;
    width: 100%;
}
.mobile-ad {
    width: 320px;
    height: 48px;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 412px;
    left: 0;
}
.mobile-ad.safarifix {
    top: 367px;
}
.mobile-ad.bottomNav {
    position: absolute;
    top: 364px;
    left: 0;
}
.mobile-ad.bottomNav.safarifix {
    top: 319px;
}
body.profile.toppage .mobile-ad {
    z-index:5;
}

/* fixes for safari */
body.profile.safarifix .site-page {
    height: 322px;
}
body.profile.safarifix .menuNav .site-page {
    height: 371px;
}
body.profile.safarifix .topNav .site-page {
    height: 338px;
}
body.landscape.safarifix .site-page {
    height: 174px;
}
body.landscape.safarifix .menuNav .site-page {
    height: 223px;
}
body.landscape.safarifix .topNav .site-page {
    height: 190px;
}
body.profile.safarifix .bottomNav #nav {
	top: 367px;
}
body.landscape.safarifix .bottomNav #nav {
	top: 219px;
}
body.transitioning embed {
    display:none;
}
body.safarifix .mobile-ad {
    position: absolute;
    top: 368px;
    left: 0;
}
body.safarifix .mobile-ad.bottomNav {
    position: absolute;
    top: 319px;
    left: 0;
}
/* page mode */
body.pagemode #nav, body.pagemode #header {
    display: none;
}
body.profile.pagemode .site .site-page {
    height: 460px;
}
body.landscape.pagemode .site .site-page {
    height: 300px;
}
/* @end */
/* @group Navigation */
/* @group Tab Menu */
.tabmenu {
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000), color-stop(.46, #151515), color-stop(.45, #222), color-stop(.03, #2e2e2e), color-stop(.02, #555), color-stop(.01, #000));
	height: 49px;
}
.tabmenu li {
	display: inline-table;
    float: left;
    list-style: none;
    padding: 2px 2px 0;
    text-align: center;
    min-width: 60px;
    width: 60px;
    height: 45px;
}
.tabmenu li a {
    -webkit-border-radius: 4px !important;
    color: rgba(255,255,255,.5);
    display: block;
    font: bold 10px Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tabmenu li a span {
    display: block;
    max-width: 60px;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tabmenu li a:active, .tabmenu li a.enabled {
    color: #fff;
    background: rgba(255,255,255,.2);
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tabmenu a div {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.6)), to(rgba(255,255,255,.3)));
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.tabmenu .feed a div {
    -webkit-mask-box-image: url(assets/tabicn-feed.png);
}
.tabmenu .twitter a div {
    -webkit-mask-box-image: url(assets/tabicn-twitter.png);
}
.tabmenu .facebook a div {
    -webkit-mask-box-image: url(assets/tabicn-facebook.png);
}
.tabmenu .youtube a div {
    -webkit-mask-box-image: url(assets/tabicn-youtube.png);
}
.tabmenu .photos a div {
    -webkit-mask-box-image: url(assets/tabicn-photos.png);
}
.tabmenu .poll a div {
    -webkit-mask-box-image: url(assets/tabicn-poll.png);
}
.tabmenu .map a div {
    -webkit-mask-box-image: url(assets/tabicn-map.png);
}
.tabmenu .custom a div {
    -webkit-mask-box-image: url(assets/tabicn-custom.png);
}
.tabmenu .share a div {
    -webkit-mask-box-image: url(assets/tabicn-share.png);
}
.tabmenu .more a div {
    -webkit-mask-box-image: url(assets/tabicn-more.png);
}
.tabmenu a:active div, .tabmenu a.enabled div {
    background: -webkit-gradient(linear, 38% 0%, 60% 70%, from(#dde9f0), to(#3fc5f8), color-stop(.6,#79b2ec),color-stop(.7,#2e91e5));
}
/* @end */
/* @group Top Menu */
.topmenu {
    background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.1)), color-stop(.9, rgba(255,255,255,.25)));
    background-color: #000;
    border-bottom: 1px solid rgba(0,0,0,.4);
    height: 33px;
    padding: 0 6px;
}
.topmenu li {
    float: left;
    list-style: none;
    padding: 5px 4px;
    text-align: center;
    height: 45px;
}
.topmenu li a {
    -webkit-border-radius: 11px;
    color: rgba(255,255,255,.9);
    display: block;
    font: bold 12px Helvetica, Arial, Verdana, sans-serif;
    padding: 4px 12px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    max-width: 85px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.topmenu li.more {
	padding-right: 0;
}
.topmenu li.more a {
    color: rgba(255,255,255,.85);
    background: rgba(0,0,0,.75);
    -webkit-box-shadow: -1px 0 2px rgba(255,255,255,.4);
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}
.topmenu li a:active, .topmenu li a.enabled {
    color: rgb(255,255,255);
    background: rgba(255,255,255,.2);
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.4);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.topmenu li.more a:active, .topmenu li.more a.enabled {
    background: rgba(0,0,0,.9);
    -webkit-box-shadow: -1px 0 4px rgba(255,255,255,.6);
}
/* @end */
/* @end */
/* @group Transitions */
.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 350ms;
}
.slide.in {
    -webkit-animation-name: slideinfromright;
}

.slide.out {
    -webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
    -webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
    -webkit-animation-name: slideouttoright;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}

.slideup.in {
    -webkit-animation-name: slideup;
    z-index: 10;
}

.slideup.out {
    -webkit-animation-name: dontmove;
    z-index: 0;
}

.slideup.out.reverse {
    z-index: 10;
    -webkit-animation-name: slidedown;
}

.slideup.in.reverse {
    z-index: 0;
    -webkit-animation-name: dontmove;
}


@-webkit-keyframes slideup {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slidedown {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}


/* Hackish, but reliable. */

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}
/* @end */
/* @group Image Handling */
.thumnailLink {
	display: block;
	float: right;
	border: 1px solid #000;
	background: #fff;
	padding: 1px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.thumbnailImg {
	max-width: 120px;
	max-height: 120px;
	border: 0;
	margin-bottom: -4px;
}
.fullImage {
	max-width: 320px;
	max-height: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.cellImage {
	max-width: 320px;
	max-height: 320px;
	padding-top: 50%;
	padding-left: 50%;
}
.fullImageContent {
	background: #000;
	height: 100%
}
body.landscape .fullImage {
	max-width: 480px;
	max-height: 174px;
}
body.landscape .cellImage {
	max-width: 480px;
	max-height: 174px;
}
#loadingImage-light {
    display:none;
}
.dark #loadingImage {
    display:none;
}
.dark #loadingImage-light {
    display: block;
}
/* @end */
/* @group Header */
#header {
	font: bold 21px Helvetica;
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	height: 44px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, .6) 0 -1px 0;
	overflow: hidden;
	-webkit-user-select: none;
}
#header .page-title {
	height: 44px; 
	line-height: 44px; 
	max-width: 180px;
	margin: 0 auto;
	text-align: center; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap; 
}
.landscape #header .page-title {
	max-width: 320px;
}
#header .button {
	display: block;
	font: bold 12px Helvetica;
	color: #fff;
	height: 30px;
	line-height: 30px; 
	position: absolute;
	padding: 0 7px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.6) 0 -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#header .default.button.prev,
#header .default.button.next {
    display: none;
    width: 7px;
    font-size: 18px;
    top: 7px;
}
#header .default.button.prev {
    right: 43px;
}
/* @end */
/* @group Table Views */
.table-view .section {
	padding: 0;
    margin: 0;
}
.table-view li {
	border-bottom: 1px solid #e0e0e0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
	height: 44px;
	overflow: hidden;
	-webkit-margin-top-collapse: separate;
	-webkit-margin-bottom-collapse: separate;
	-webkit-box-sizing: border-box;
}
.table-view .section>li:first-of-type {
	border-top: 1px solid #e0e0e0;
	height: 45px;
	margin-top: -1px;
}
.table-view .section>li:last-of-type {
	top: -1px;
	border-bottom: 1px solid #e0e0e0;
	height: 45px;
	margin-bottom: -1px;
}
.table-view .row-label {
	font-weight: bold;
	font-size: 16px;
	padding: 10px 10px 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.table-view .row-sublabel {
	color: #555;
	font-size: 12px;
}
.table-view .row-arrow {
	background: url(assets/tableview-next.png) no-repeat;
	width: 10px;
	height: 13px;
	position: absolute;
	left: auto;
	right: 9px;
	top: 14px;
	pointer-events: none;
}
.table-view a {
	display: block;
	width: auto;
	height: 47px;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.table-view a.selected, 
.table-view a:active {
	background-position: 0 0;
}
.table-view.scroll a,
.table-view.scroll a:active {
	background: none;
}
.table-view.scroll a:active .row-label {
    color: #000;
}
.table-view.scroll a:active .row-sublabel {	
    color: #555;
}
.table-view a.selected .row-label, 
.table-view a:active .row-label, 
.table-view a.selected .row-sublabel, 
.table-view a:active .row-sublabel {
	color: #fff;
}
.table-view a.selected .row-arrow, 
.table-view a:active .row-arrow {
	background-position: 0 -13px;
}
.table-view.end .row-arrow {
	display: none;
}
.table-view.grouped .section, 
.content-view.grouped {
	border: 1px solid #9b9b9b;
	clear: left;
	margin: 17px 9px;
	-webkit-border-radius: 8px;
}
.table-view.grouped .section>li {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.table-view.grouped .section>li:first-of-type {
	border-top-color: transparent;
}
.table-view.grouped .section>li:last-of-type {
	border-bottom-color: transparent;
	height: 44px;
	margin-bottom: -2px;
}
.table-view.grouped .section>li:first-of-type a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.table-view.grouped .section>li:last-of-type a {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	height: 43px;
}
.table-view.grouped h1 {
	font-size: 17px;
	font-weight: bold;
	float: left;
	color: #4d576d;
	text-shadow: #fafafa 0 1px 0;
	margin: 0;
	padding: 8px 0 8px 19px;
}
.table-view.grouped.entries .section {
	background: none;
	border: 0;
}
.table-view.grouped.entries .section>li {
	border: 0;
	margin-bottom: 10px;
	height: auto;
}
.table-view.grouped.entries a, 
.table-view.grouped.entries .entry {
	background-color: #fff;
	border: 1px solid #9b9b9b;
	-webkit-border-radius: 8px;
	padding: 10px;
	height: auto;
	-webkit-background-size: auto 100%;
}
.table-view.grouped.entries .entry a {
	background-color: transparent;
	border: 0;
	color: #325cb0;
	display: inline;
	padding: 0;
}
.table-view.grouped.entries .section>li:first-of-type {
	border-top-color: transparent;
}
.table-view.grouped.entries .section>li:last-of-type {
	border-bottom-color: transparent;
	height: auto;
	margin-bottom: 0;
}
.table-view.grouped.entries .section>li:last-of-type a {
	height: auto;
}
.table-view.grouped.entries .row-label {
	font-size: 14px;
	font-weight: normal;
	white-space: normal;
	margin-right: 10px;
	padding: 0;
}
.table-view.grouped.entries .row-sublabel {
	margin-top: 5px;
	margin-right: 12px;
	text-align: right;
}
.table-view.entries h1 {
	font-size: 17px;
	font-weight: bold;
	float: left;
	color: #4d576d;
	text-shadow: #fafafa 0 1px 0;
	margin: 0;
	padding: 8px 0 8px 19px;
}
.table-view.entries .row-arrow {
	top: 41%;
}
.table-view.grouped.wrap {
	min-height: 0;
}
.table-view.grouped.wrap .section {
	margin-top: 0;
}
.table-view.grouped.wrap .section>li {
	height: auto;
}
.table-view.grouped.wrap .answer {
	display: inline-table; 
	white-space: normal;
}
.table-view.grouped.wrap .answer input, 
.table-view.grouped.wrap .answer label {
	display: table-cell;
}
.table-view.grouped.wrap .answer label {
	color: #000;
	padding: 3px;
}
.table-view.sums li, 
.table-view.sums a {
	height: 60px;
}
.table-view.sums a {
	height: 60px;
	padding-right: 15px;
	-webkit-background-size: auto 100%;
}
.table-view.sums .section>li:last-of-type a {
	height: 60px;
}
.table-view.sums .row-label {
	font-size: 14px;
}
.table-view.sums .row-sublabel {
	padding: 2px 0 2px 10px;
	width: auto;
	max-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.table-view.sums .section>li:first-of-type, 
.table-view.sums .section>li:last-of-type {
	height: 60px;
}
.table-view.sums .section>li:last-of-type {
	margin-top: 0;
}
.table-view.sums .row-arrow {
	top: 22px;
}
.table-view.sums .row-label {
	padding: 5px 10px 0 10px;
}
.table-view.sums .row-sublabel  {
	padding: 2px 10px 2px 10px;
}
.table-view.imgs .row-img {
	background: #fff url(assets/placeholder-img.png) no-repeat 50% 50%;
	display: inline-block;
	float: right;
	margin-right: 12px;
	width: 60px;
	height: 60px;
	-webkit-background-size: auto 100%;
}
.table-view.grouped.imgs .section>li:first-of-type .row-img {
	-webkit-border-top-left-radius: 8px;
}
.table-view.grouped.imgs .section>li:last-of-type .row-img {
	-webkit-border-bottom-left-radius: 8px;
}
.table-view.imgs .section>li:last-of-type {
	margin-top: 0;
}
/* @end */
/* @group Content Views */
.content-view {
	background: #fff;
	padding: 10px;
}
.content-img {
    display: inline-block;
    float: right;
    margin: 12px 0 10px 10px;
    overflow: hidden;
}
.content-img img {
    margin-bottom: -4px;
    max-width: 160px;
    max-height: 240px;
}
.content-view h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0;
}
.content-view h1 a {
	color: #325cb0;
	text-decoration: none;
}
.content-view p {
	font-size: 13px;
	margin: .65em 0;
	word-break: break-word;
}
.content-view .postdate {
	color: #777;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 .2em;
}
.content-view.about {
	text-align: center;
}
.content-view.about h1 {
	font-size: 15px;
}
.content-view.about p {
	margin-bottom: 18px;
}
.content-view.about .logo {
	margin: 3px auto 8px;
}
/* @end */
/* @group Buttons */
.button-row {
	display: inline-table; 
	width: 100%;
}
.button-cell {
	display: table-cell;
}
.lg-button {	
	border-width: 0 14px;
	color: #000;
	cursor: pointer;
	display: block;		    
	font-size: 20px;
	font-weight: bold;
	line-height: 46px;	 
	margin: 3px 10px;
	width: auto;			
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;	
	-webkit-border-image: url(assets/button-default.png) 0 14 46 14;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.lg-button.selected,
.lg-button:active  {	
	color: #fff;
	text-shadow: #000 0 1px 1px;	
	-webkit-border-image: url(assets/button-default.png) 46 14 0 14;
}
.lg-button.black {
	color: #fff;
	text-shadow: #000 0 1px 1px;	
	-webkit-border-image: url(assets/button-black.png) 0 14 46 14;
}
.lg-button.black.selected,
.lg-button.black:active  {	
	-webkit-border-image: url(assets/button-black.png) 46 14 0 14;
}
.lg-button.blue {
	color: #fff;
	text-shadow: #000 0 1px 1px;
	-webkit-border-image: url(assets/button-blue.png) 0 14 0 14;	
}
.lg-button.black-left {	
	color: #fff;
	border-width: 0 5px 0 12px;
	text-shadow: #000 0 1px 1px;	 
	-webkit-border-image: url(assets/button-left.png) 0 5 0 12;		
}
.lg-button.black-right {
	color: #fff;
	border-width: 0 12px 0 5px;
	text-shadow: #000 0 1px 1px;
	-webkit-border-image: url(assets/button-right.png) 0 12 0 5;
}
/* @end */
/* @group Page Types */
.mfeed .content-view {
    min-height: 480px;
}
/* @group Twitter */

.mtwitter div.twitteruser, .mfacebook div.header {
   	border-bottom: 1px solid rgba(0,0,0,.4);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.21, rgb(214,214,214)),
        color-stop(0.65, rgb(235,235,235))
    )
}
.mtwitter div.twitteruser div.avatar {
    float: left;
    margin: 10px;
    height: 48px;
    width: 48px;
    -webkit-border-radius: 8px;
}
.mtwitter div.twitteruser p.username {
	position: relative;
	top: 3px;
    font-size: 20px;
    font-weight: bold;
    color: rgba(0,0,0,.8);
    padding-top: 8px;
    margin: 0;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
}
.mtwitter div.twitteruser p.userinfo {
    font-size: 13px;
    color: #666;
    padding: 2px;
    margin: 0 0 20px 0;
	position: relative;
	top: 2px;
}
.mtwitter div.twitteruser a {
    display: inline !important;
    color: #fff;
    text-decoration: none;
}
.mtwitter div.twitteruser p.userinfo span {
    color: #333;
}
.mtwitter div.tweetdate {
    text-align: right;
    color: #CECECE;
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
}
/* @end */
/* @group Facebook Fan Page */
.mfacebook div.header {
    padding: 8px 0 8px 15px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
.mfacebook div.header a {
    text-decoration: none;
    color: #3b5998;
}
.mfacebook div.header a:hover {
    text-decoration: underline;
}
.mfacebook div.header a img.profileimage {
    float: left;
    height: 40px;
    width: 40px;
    margin: 3px 0 4px 0;
    padding: 0 10px 0 0;
    border: 0;
}
.mfacebook div.header div.action {
    padding: 0 0 0 8px;
}
.mfacebook div.header div.action div.name a {
    font-size: 11px;
}
.mfacebook div.header div.action div.name a span {
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}
.mfacebook div.header div.action div.button {
    padding-top: 5px;
}
.mfacebook div.header div.action div.button a {
    margin: 1px 0 0 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0390625) 0 1px 0;
    border: 1px solid #999;
    background: rgb(238,238,238) url(assets/fbsprite.png);
    display: inline-block;
    padding: 3px 6px;
    vertical-align: top;
}
.mfacebook div.header div.action div.button a:active {
    background-image: none;
}
.mfacebook div.header div.action div.button a span {
    color: #333;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: auto;
    display: block;
    line-height: 14px;
}
.mfacebook div.header div.action div.button a span span {
    background: transparent url(assets/fbsprite.png) 0 -410px no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin: -2px 5px 0 0;
    width: 16px !important;
}
/* @end */
/* @group Poll */
.mpoll h1 {
    font-size: 24px;
}
/* @end */
/* @group YouTube */
.myoutube .page-content .listItem {
	background-color: #fff;
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	display: block;
	float: left;
	height: 90px;
	margin: 0;
	position: relative;
	width: 100%;
	text-decoration: none;
	color: #000;
}
.myoutube .page-content .listItem .listDetail {
	margin-left: 125px;
	margin-right: 5px;
	overflow: hidden;
	height: 90px;
}
.myoutube .page-content .listItem .listDetail h2 {
	margin: .5em 0 .5em 0;
	font-size: 9pt;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 2.5em;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.myoutube .page-content .listItem .listDetail p.desc {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 8pt;
	max-height: 2.6em;
	word-wrap: break-word;
	white-space: pre-wrap;
	margin: 0;
}
.myoutube .video-content {
	padding: 10px;
	height: 100%;
}
.myoutube .video-content .wrapper {
	border-color: rgb(172, 172, 172);
	-webkit-border-radius: 8px !important;
	display: block;
	background-color: #fff;
	padding: 10px;
}
.myoutube .video-content .video-embed {
	float: left;
	margin-right: 5px;
	display: block;
	width: 120px;
	height: 90px;
	overflow: hidden;
}
.myoutube .video-content .wrapper .listItem {
	border-bottom: 0;
	background-color: transparent;
}
.myoutube .video-content .wrapper .listDetail {
	margin-left: 0;
}
/* @end */
/* @group Photos */
.mphotos .page-content {
	padding: 1px;
}
.mphotos .page-content a.thumbnail {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	display: block;
	float: left;
	height: 75px;
	margin: 2px 0 0 2px;
	position: relative;
	width: 75px;
}
.mphotos .page-content .cell {
    float:left;
}
/* @end */
/* @group Map */
.mmap {
	background-color: #000;
}
body.profile .mmap .map-container {
	width: 320px;
	height: 415px;
}
body.landscape .mmap .map-container {
	width: 480px;
	height: 255px;
}
body.profile .navTop .mmap .map-container {
	width: 320px;
	height: 382px;
}
body.landscape .navTop .mmap .map-container {
	width: 480px;
	height: 222px;
}
body.profile .navBottom .mmap .map-container {
	width: 320px;
	height: 366px;
}
body.landscape .navBottom .mmap .map-container {
	width: 480px;
	height: 206px;
}
/* @end */
/* @end */
/* @group Loading */
#loading {
	font-family: Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
    position: absolute;
    z-index: 3;
    top: 43%;
    left: 43%;
}
img#loadingImage, img#loadingImage-light {
	width: 30px; 
	height: 30px; 
	-webkit-animation-name: "loadingImageAnimation"; 
	-webkit-animation-duration: .75s; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes loadingImageAnimation {
	0% {
		-webkit-transform: rotate(0deg);
	}
	8.32% {
		-webkit-transform: rotate(0deg);
	}
	8.33% {
		-webkit-transform: rotate(30deg);
	}
	16.66% {
		-webkit-transform: rotate(30deg);
	}
	16.67% {
		-webkit-transform: rotate(60deg);
	}
	24.99% {
		-webkit-transform: rotate(60deg);
	}
	25% {
		-webkit-transform: rotate(90deg);
	}
	33.32% {
		-webkit-transform: rotate(90deg);
	}
	33.33% {
		-webkit-transform: rotate(120deg);
	}
	41.66% {
		-webkit-transform: rotate(120deg);
	}
	41.67% {
		-webkit-transform: rotate(150deg);
	}
	49.99% {
		-webkit-transform: rotate(150deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	58.32% {
		-webkit-transform: rotate(180deg);
	}
	58.33% {
		-webkit-transform: rotate(210deg);
	}
	66.66% {
		-webkit-transform: rotate(210deg);
	}
	66.67% {
		-webkit-transform: rotate(240deg);
	}
	74.99% {
		-webkit-transform: rotate(240deg);
	}
	75% {
		-webkit-transform: rotate(270deg);
	}
	83.32% {
		-webkit-transform: rotate(270deg);
	}
	83.33% {
		-webkit-transform: rotate(300deg);
	}
	91.66% {
		-webkit-transform: rotate(300deg);
	}
	91.67% {
		-webkit-transform: rotate(330deg);
	}
	99.99% {
		-webkit-transform: rotate(330deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

/* @end */