rs*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;font-size:13px;}
pre,code,address,caption,cite,code,em,strong,th{
font-size:1em;
font-weight:bold;
font-style:normal;
}
.vipicon {
background: #0079C1;
background: -webkit-gradient(linear, left top, left bottom, from(#00438D), to(#75B4E5));
background: -moz-linear-gradient(top, #00438D, #75B4E5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00438D', endColorstr='#75B4E5');
color: white;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: white;
font: 12px/100% Arial, Helvetica, sans-serif;
padding: 1px 2px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
input,label,select,option,textarea,button,fieldset,legend{font-family: 'DM Sans', sans-serif;font-size:13px;}
hr{
display:inherit;
height: inherit;
}
ul, ol{list-style:none outside;}
fieldset,img{border:none;}
a{color:#0ab2e6;text-decoration:none;}
a:hover{color:#147;text-decoration:underline;}
.clear{clear:both;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}
/* Hello IE 6 */
html{_background:url(resources/helloie6.png) no-repeat center top;_padding:93px 0 0;}
/* Wrapper */
#wrapper{overflow:hidden;margin:0 auto;width:900px;}
/* layout */
#content,#content_post{float:left;width:992px;padding:20px 0 0;}
#content .postlist{float:left;overflow:hidden;width:740px;}
#content_post .post{margin:0 auto;padding:5px 0 6px;width:82%;text-align:left;}
#sidebar{float:right;overflow:hidden;margin:0 0 0 20px;width:230px;text-align:left;}
.post .entry li,.post .more-link,.gotop,#sidebar ul li ul li a,.showidget ul li,.iStudiopagenav a,.iStudiopagenav span,.post-nav a,.commentpager a.page-numbers,.commentpager span,#page-links a,#page-links span{background:transparent url(../resources/navlib.png) no-repeat;}
.search .search_text,.search .search_textfocus,.search .search_submit,.search .search_submithover,.search .search_submitactive,#sidebar h3{background:transparent url(../resources/sbarlib.png) no-repeat;}
/* Search */
.search{display:block;padding:1px 0;margin:0 0 6px;width:230px;height:22px;}
.search .search_text,.search .search_textfocus,.search .search_submit,.search .search_submithover,.search .search_submitactive{border:none;}
.search .search_text,.search .search_textfocus{float:left;background-position:left -25px;padding:4px 0 0 9px;width:192px;height:18px;color:#5f6a72;font-size:12px;}
.search .search_text:hover{background-position:left -47px;}
.search .search_textfocus{background-position:left -69px;}
.search .search_submit,.search .search_submithover,.search .search_submitactive{float:left;background-position:right -25px;width:29px;height:22px;}
.search .search_submithover{background-position:right -47px;}
.search .search_submitactive{background-position:right -69px;}
/* Post */
.post{overflow:hidden;border-bottom:3px double #ebeded;margin:0 5px 10px;padding:6px;text-align:left;}
.post .title h3{float:right;padding:3px 0 0;font-size:12px;color:#a5acb0;}
.post .title h2{color:#1b232a;font-size:18px;font-weight:700;line-height:25px;text-shadow:1px 1px 2px #aaa;}
.post .title h2 a{color:#1b232a;}
.post .title h2 a:hover{text-decoration:underline;}
.post .title small,.post .title small a{color:#a5acb0;}
.post .title .sticky{display:inline;background:transparent url(../resources/sticky.png) no-repeat center;padding:0 12px;width:24px;height:24px;}
.post .entry{font-size:12px;margin:5px 0;line-height:180%;text-shadow:0 1px 0 #e5e5e5;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6{display:block;}
.post .entry h1{font-size:2em;font-weight:bold;margin:.67em 0;}
.post .entry h2{font-size:1.5em;font-weight:bold;margin:.83em 0;}
.post .entry h3{font-size:1.17em;font-weight:bold;margin:1em 0;}
.post .entry h4{font-weight:bold;margin:1.33em 0;}
.post .entry h5{font-size:0.83em;font-weight:bold;margin:1.67em 0;}
.post .entry h6{font-size:0.67em;font-weight:bold;margin:2.33em 0;}
.post .entry b,.post .entry strong{font-weight:bolder;}
.post .entry i,.post .entry cite,.post .entry em,.post .entry var,.post .entry dfn{font-style:italic;}
.post .entry small{font-size:smaller;}
.post .entry th,.post .entry td{display:table-cell;vertical-align:inherit;padding:1px;}
.post .entry th{font-weight:bold;padding:1px;}
.post .entry td{text-align:inherit;padding:1px;}
.post .entry p{margin:10px 0;}
.post .entry b,.post .entry strong{font-weight:700;}
.post .entry i,.post .entry em{font-style:italic;}
.post .entry img{background:transparent url(../resources/loading.gif) no-repeat center;}
.post .entry img,.post .entry a img{border:2px solid #d7d9d9;padding:1px;}
.post .entry img:hover,.post .entry a:hover img{background:#fff;border-color:#09f;}
.post .entry a{padding:1px 3px;color:#0fade5;text-decoration:underline;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.post .entry a:hover{background-color:#0fade5;color:#fff;text-decoration:none;text-shadow:1px 1px 0 #0964a0;}
.post .entry ol,.post .entry ul{clear:both;margin:0 2em;}
.post .entry ol li{background:none;list-style:decimal inside;}
.post .entry ul li{background-position:-51px -204px;text-indent:1.2em;list-style:none;}
.post .entry blockquote,.post .entry code{clear:both;display:block;overflow:auto;border:1px solid #eee;margin:1em 40px;padding:4px 10px;width:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.post .entry blockquote{background:#ebf3fc url(../resources/blockquote.png) repeat;border-color:#ccc;color:#777;text-shadow:1px 1px 0 #fff;}
.post .entry code{background:#1895dc url(../resources/code.png) repeat;border-color:#0964a0;color:#fff;font-family: 'DM Sans', sans-serif;text-shadow:1px 1px 0 #0964a0;}
.post .postmeta{}
.post .postmeta a{padding:1px 3px;color:#1b4486;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.post .postmeta a:hover{background:#17d;color:#fff;text-decoration:none;text-shadow:0 1px 0 #1b4486;}
.post .more-link,.gotop{float:right;display:block;overflow:hidden;height:13px;line-height:13px;font-size:9px;text-indent:999em;}
.post a.more-link{background-position:0 -75px;margin:2px 0 0;padding:1px;width:37px;}
.post a.more-link:hover{background-color:transparent;background-position:0 -90px;}
.gotop{background-position:0 -105px;margin:9px 0;width:31px;}
.gotop:hover{background-position:0 -118px;}
.post .entry div.but_down a span{text-shadow:0 1px 0 #fff;}
/* Downloads Button */
.post .entry div.but_down a{float:left;display:block;background:transparent url(../resources/dlbutton.png) no-repeat left top;border:none;padding:0 0 0 40px;height:33px;font:12px Tahoma, Arial;color:#123;text-decoration:none;}
.post .entry div.but_down a span{float:left;display:block;background:transparent url(../resources/dlbutton.png) no-repeat right top;padding:0 10px 0 0;line-height:33px;cursor:pointer;}
.post .entry div.but_down a:hover{color:#000;}
/* Sidebar */
#sidebar a{color:#828a8f;}
#sidebar h3{display:block;background-color:#e7e7e7;background-position:0 0;padding:0 0 0 12px;width:218px;height:25px;line-height:25px;color:#5f6a72;font-weight:700;font-size:12px;text-shadow:0 1px 0 #fff;}
#sidebar ul{padding:6px 0;}
#sidebar ul li ul,#sidebar ul li div,#sidebar .widget_text div,#sidebar .widget_calendar div,#sidebar .widget_tag_cloud div{display:block;background:#f8f8f8;border:1px solid #cfcfcf;border-top:none;padding:3px 0;width:228px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;}
#sidebar ul li div{padding:4px 14px;width:200px;}
#sidebar ul li div *{border:none;padding:0;}
#sidebar ul li div * div{border:none;padding:0;width:auto;}
#sidebar ul li ul div{border:none;padding:0;width:auto;}
#sidebar ul li ul li{padding:1px 12px;}
#sidebar ul li ul li a{display:block;overflow:hidden;background-position:right -172px;margin:0;padding:0 16px 0 0;width:auto;height:18px;text-decoration:none;}
#sidebar ul li ul li a:hover{background-position:right -139px;color:#1b232a;text-decoration:underline;}
#sidebar ul li ul.children{background:none;border:none;padding:0;}
#sidebar ul li ul.children li{padding:0;}
#sidebar ul li ul ul{background:inherit;border:none;padding:0;}
#sidebar ul li ul ul li{padding:1px 0;}
#sidebar ul li ul ul li a{text-indent:1em;}
#sidebar ul li.comment a{display:inline;color:#1b232a;}
#sidebar ul li.comment a:hover{color:#09f;}
#sidebar ul .current-cat a{color:#1b232a;}
.widget_text div,.widget_calendar div,.widget_tag_cloud div{padding:3px 9px;width:210px;}
#wp-calendar{width:200px;}
/* ShowWidget */
.showidget{background:#e0e0e0 url(../resources/topwidgets.png) no-repeat;margin:5px 15px 10px;padding:5px 10px;width:180px;height:115px;text-shadow:0 1px 0 #fff;}
.showidget ul{overflow:hidden;display:block;width:auto;height:100px;line-height:21px;}
.showidget ul li{background-position:-50px -15px;text-indent:1.2em;}
.showidget ul li a{color:#09f;text-shadow:0 1px 0 #fff;}
.showidget ul li a:hover{color:#222;}
/* Comments */
.postcomments,.sidecomments{overflow:hidden;margin:0 auto;text-align:left;}
.postcomments{width:82%;}
.sidecomments{width:90%;}
h3#comments, h3#respond,#cmtswitcher .addcomment,#cmtswitcher .addtrackback,#cmtswitcher a.tab,#cmtswitcher a.curtab{background:transparent url(../resources/comments.png) no-repeat;}
h3#comments, h3#respond{background-position:0 -36px;font-style:italic;font-variant:small-caps;margin:10px 0;padding-left:26px;font-size:14px;font-weight:700;color:#5f6a72;}
h3#comments{background:none;margin:2em 0;padding:0;}
div#comments{border-top:1px solid #ebeded;}
#commentlist{margin:0;padding:0;}
#commentlist ol,#commentlist li{list-style:none;}
#cmtswitcher{margin: 0 0;font-size:10px;}
#cmtswitcher a.tab,#cmtswitcher a.curtab{float:right;display:block;padding:5px 8px;color:#0ab2e6;text-decoration:none;}
#cmtswitcher a.tab:hover,#cmtswitcher a.curtab:hover{color:#147;text-decoration:none;}
#cmtswitcher a.tab{background-position:0 -72px}
#cmtswitcher a.curtab{background-position:center -64px;color:#147;font-weight:700;}
#cmtswitcher .addcomment,#cmtswitcher .addtrackback{float:left;display:block;margin:5px;padding-left:20px;height:16px;line-height:16px;font-size:11px;}
#cmtswitcher .addcomment{background-position:0 0;}
#cmtswitcher .addtrackback{background-position:0 -17px;}
#thecomments, #thetrackbacks{margin:0;}
#thetrackbacks{display:none;}
#thecomments .messagebox,#thetrackbacks .messagebox{margin:15px;font-size:12px;line-height:180%;}
#commentnavi{padding:10px 15px;font-size:11px;text-align:center;}
p.comments{font-size:1em;font-weight:700;margin:10px 20px;}
p.comments a{font-style:italic;font-weight:400;color:#5f6a72;text-decoration:underline;}
.commentlist,.pingbacklist{margin:0 10px;}
.commentlist li,.pingbacklist li{padding:3px 0;}
.commentlist li .list{overflow:hidden;color:#333;font-size:12px;line-height:18px;}
.commentlist li .list a{color:#888;}
.pingbacklist li .list a{color:#1b4486;}
.commentlist .list,.pingbacklist .list{padding:0 20px;}
.commentlist li .list .gravatar,.commentlist li .list .gravatar2{background:transparent url(../resources/gavatar2.png) no-repeat;height:32px;width:32px;padding:2px 3px 3px;}
.commentlist li .list .gravatar img,.commentlist li .list .gravatar2 img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.list .out,.list .inc{margin:6px 0;width:100%;}
.list .out .icon,.list .inc .icon{width:48px;height:48px;}
.list .icontd,.list .inc .icontd{width:48px;}
.list .out .topleft,.list .out .topright,.list .out .bottomleft,.list .out .bottomright,.list .inc .topleft,.list .inc .topright,.list .inc .bottomleft,.list .inc .bottomright{background:transparent url(../resources/bubbles.png) no-repeat;}
.list .out .top,.list .out .bottom,.list .inc .top,.list .inc .bottom{background:transparent url(../resources/horizontal.png) repeat-x;}
.list .out .left,.list .out .right,.list .inc .left,.list .inc .right{background:transparent url(../resources/vertical.png) repeat-y;}
.list .out .topleft{background-position:left top;height:9px;width:18px;}
.list .out .topright{background-position:-18px top;height:9px;width:11px;}
.list .out .bottomleft{background-position:left -9px;width:18px;height:12px;}
.list .out .bottomright{background-position:right -9px;width:11px;height:12px;}
.list .out .top{background-position:top;font-size:1px;height:9px;}
.list .out .bottom{background-position:0 -9px;height:12px;}
.list .out .left{background-position:left;width:18px;}
.list .out .right{background-position:-18px 0;width:11px;}
.list .inc .topleft{background-position:0 -21px;height:9px;width:11px;}
.list .inc .topright{background-position:-11px -21px;height:9px;width:18px;}
.list .inc .bottomleft{background-position:0 bottom;width:11px;height:12px;}
.list .inc .bottomright{background-position:right bottom;width:18px;height:12px;}
.list .inc .top{background-position:0 -21px;font-size:1px;height:9px;}
.list .inc .bottom{background-position:bottom;height:12px;}
.list .inc .left{background-position:-29px 0;width:11px;}
.list .inc .right{background-position:right;width:18px;}
.list .out .conmts{background:#dcdcdc;color:#000;text-shadow:0 1px 0 #eee;}
.list .inc .conmts{background:#c0e668;color:#000;text-shadow:0 1px 0 #dfa;}
.commentlist .list .commentmetadata{}
.commentlist .list .commentmetadata a{color:#777;}
.commentlist .list .commentmetadata a:hover{color:#1b4486;}
.commentlist .list .comment_textr{text-align:right;}
.commentlist .list cite{color:#1b4486;font-weight:700;font-size:1em;}
.commentlist .list cite a{color:#1b4486;}
.pingbacklist .list small{color:#777;}
.pingbacklist .list cite{color:#1b4486;font-weight:700;}
.pingbacklist .list cite a{color:#1b4486;}
.reply{padding-bottom:18px;margin:0 10px;text-align:left;}
.reply .text{border:1px solid #889194;width:260px;height:13px;}
.reply .text, .reply textarea{background:#fff url(../resources/input_bg.png) repeat-x;margin:3px 0;padding:3px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.reply textarea{border:1px solid #889194;width:500px;}
.reply .text:focus,.reply textarea:focus{border-color:#f57900;-moz-box-shadow:0 0 5px #aaa;-webkit-box-shadow:0 0 5px #aaa;-khtml-box-shadow:0 0 5px #aaa;}
.reply small{position:relative;bottom:5px;font-size:1em;}
.reply small{position:relative;bottom:5px;font-size:1em;}
.reply p{font-size:1em;color:#666;}
.reply p a{font-weight:700;color:#000;}
.reply p label{margin-left:5px;}
.reply .submit,.reply .submit_move,.reply .submit_down{overflow:hidden;display:block;background:transparent url(../resources/submit.png) no-repeat;border:none;outline:none;margin:5px 0;width:130px;height:24px;color:#d7d7d7;line-height:24px;text-indent:999em;text-shadow:none;}
.reply .submit{background-position:0 0;}
.reply .submit_move{background-position:0 -24px;}
.reply .submit_down{background-position:0 -48px;}
/* Navigation */
.navigation{clear:both;padding:5px 30px;text-align:center;}
.navigation a{padding:0;color:#1b4486;}
.navigation a:hover{}
.navigation .alignleft a,.navigation .alignright a{border:1px solid #ebeded;padding:5px 12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.navigation .alignleft a:hover,.navigation .alignright a:hover{background:#eee;border-color:#ccc;color:#000;}
/* next & previous post navigation */
.post-nav{clear:both;font-size:95%;}
.post-nav a, .post-nav a:visited{color:#999;text-decoration:none;}
.post-nav a:hover{color:#000;text-decoration:none;}
.post-nav .previous a{float:left;padding-left:20px;background-position:0 -32px;}
.post-nav .next a{float:right;padding-right:20px;text-align:right;background-position:right -55px;}
/* post page navigation */
.iStudiopagenav a,.iStudiopagenav span,.commentpager a.page-numbers,.commentpager span,#page-links a,#page-links span{display:inline-block;overflow:hidden;margin:0 0;width:12px;height:12px;font-size:9px;line-height:12px;text-indent:999em;}
.iStudiopagenav a{background-position:-24px 0;}
.iStudiopagenav a:hover{background-position:-36px -12px;}
.iStudiopagenav .space{background-position:-36px 0;}
.iStudiopagenav .prevpage{background-position:0 0;color:#a5acb0;margin:0 10px 0 0;}
.iStudiopagenav .prevpage:hover{background-position:0 -12px;color:#1b232a;}
.iStudiopagenav .nextpage{background-position:-12px 0;color:#a5acb0;margin:0 0 0 10px;}
.iStudiopagenav .nextpage:hover{background-position:-12px -12px;color:#1b232a;}
.iStudiopagenav .lastpage{background-position:-36px 0;}
.iStudiopagenav .lastpage:hover{background-position:-36px -12px;}
.iStudiopagenav .activepage{background-position:-24px -12px;color:#000;}
/* comments navigation */
.commentpager{line-height:16px;}
.commentpager a.prev.page-numbers{background-position:0 0;color:#a5acb0;margin:0 10px 0 0;}
.commentpager a.prev.page-numbers:hover{background-position:0 -12px;color:#1b232a;}
.commentpager a.next.page-numbers{background-position:-12px 0;color:#a5acb0;margin:0 0 0 10px;}
.commentpager a.next.page-numbers:hover{background-position:-12px -12px;color:#1b232a;}
.commentpager a.page-numbers{background-position:-24px 0;}
.commentpager a.page-numbers:hover{background-position:-36px -12px;}
.commentpager span.pages{background-position:-36px 0;}
.commentpager span.current{background-position:-24px -12px;color:#000;}
.commentpager span.dots{background-position:-36px 0;}
/* page-links */
#page-links{clear:both;padding:5px 20px;text-align:center;}
#page-links a{background-position:-24px 2px;padding:0;}
#page-links a:hover{background-position:-36px -10px;}
#page-links a span{background:none;padding:0;}
#page-links span{background-position:-24px -10px;color:#000;}
/* Archive */
.archive{overflow:hidden;background:#f5f7f7;margin:0 30px 10px;padding:5px 15px;text-align:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.archive .title{color:#999;font-size:13px;font-style:italic;text-align:left;}
/* Archives */
#archives #arslink{float:left;display:block;margin:0 0 10px;padding:0;width:100%;list-style-type:none;}
#archives #arslink li{float:left;border:none;margin:2px;padding:0;width:24%;list-style:none outside;line-height:23px;text-align:center;}
#archives #arslink li a{display:block;background:#fff;border:1px solid #eee;padding-left:5px;color:#147;font-size:12px;text-decoration:none;}
#archives #arslink li a:hover{background:#0fade5;border-color:#08f;color:#fff;text-shadow:0 1px 0 #08f;}
#archives{width:100%;}
#archives .line{padding:10px 0 0;}
#archives ul{clear:left;margin:0 0 10px 0;list-style-type:none;}
#archives ul li{background-position:-51px -200px;border-bottom:1px solid #eee;line-height:250%;text-indent:0;}
#archives ul li a{display:block;padding:0 0 0 1.2em;border:none;color:#0fade5;}
#archives ul li a:hover{border-color:#08f;color:#fff;}
/* linkpage */
#linkpage{padding:0 0 10px 0px;}
#linkpage h2{color:#1b232a;font-size:18px;font-weight:700;line-height:25px;text-shadow:1px 1px 2px #999; margin-bottom:6px;}
#linkpage ul li{list-style-type:none;display:block;width:100%;float:left;margin:0 0 10px;padding:0;}
#linkpage ul li ul li{width:32%;float:left;list-style:none;line-height:23px;height:23px;margin:2px 1px;text-align:center;border:1px solid #fff;}
#linkpage ul li ul li a{display:block;border:1px solid #eee;font-size:12px;text-decoration:none;color:#147;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
#linkpage ul li ul li a:hover{background:#0fade5;border-color:#08f;color:#fff;text-shadow:0 1px 0 #08f;}
/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}
/* error 404 */
body.error{background-position:0 -114px;}
body.error #wrapper{width:720px;margin:66px auto 0;}
body.error img{background:transparent url(../resources/eding.gif) no-repeat center;}
body.error p.button,body.error a.backhome{display:block;overflow:hidden;}
body.error p.button{margin:20px auto;width:102px;height:24px;}
body.error a.backhome{background:transparent url(../resources/404button.png) no-repeat;margin:-1px 0 0 -1px;width:104px;height:26px;line-height:23px; text-indent:999em;}
body.error a.backhome:hover{background-position:0 -26px;}
body.error a.backhome:active{background-position:0 -52px;}
/* jGrowl message */
#jGrowl.jGrowl .message{text-shadow:0 1px 0 #000;}
#jGrowl.jGrowl .message a{color:#fff;}
/* Flickr */
#flickr_badge_uber_wrapper{margin-bottom:20px;padding:15px 5px;width:200px;text-align:center;}
#flickr_badge_wrapper{float:left;margin-left:10px;}
.flickr_badge_image{float:left;margin:5px 5px 0 5px!important;margin:5px;}
.flickr_badge_image img{border:2px solid #ccc;padding:1px;}
.flickr_badge_image img:hover{border-color:#39f;}
#flickr_badge_source{text-align:left;margin:0 5px 0 5px;}
#flickr_badge_icon{float:left;margin-right:5px;}
#flickr_www{display:block;padding:0 5px!important;font:11px Arial, Helvetica, Sans serif!important;color:#3993ff!important;}
#flickr_badge_uber_wrapper a{background:none;color:#3993ff;padding:0;}
#flickr_badge_wrapper{padding-bottom:0;}
#flickr_badge_source{font:11px Arial, Helvetica, Sans serif!important;color:#666!important;}
/* RandomShow */
#RandomShow{margin:0 0 15px;}
#RandomShow img{background:transparent url(../resources/loading.gif) no-repeat center;}
/* Made on a Mac */
fieldset,img {
border:0;
}
html {
height:100%;
margin-bottom: 1px;
}
body {
position:relative;
font-family: 'DM Sans', sans-serif;
font-size:12px;
line-height:150%;
color:#888888;
}
body.font-small {
font-size:11px;
}
body.font-medium {
font-size:12px;
}
body.font-large {
font-size:13px;
}
body.width-thin{
width:780px;
}
.deleteAlbumSection{
display: inline-block;float: left;margin: 20px 0px 0px;
}
#banner {
width:100%;
height:250px;
background: #ffffff url(../images/sitepromo_background.png) 50% 0 repeat-x;
}
#signupTable{
color:#404040;
font-size:18px;
font-family: 'DM Sans', sans-serif;
/* text-shadow:0 1px 0 #3C86B5;
*/
}
#LoginsignupTable{
color:#404040;
font-size:18px;
font-family: 'DM Sans', sans-serif;
padding:60px 30px 0 10px;
}
#LoginsignupTable1{
color:#404040;
font-size:16px;
font-family: 'DM Sans', sans-serif;
text-shadow:0 1px 0 #999;
padding:90px 30px 0 15px;
}
.loginTable1{
margin:30px auto;
width: 380px;
height:380px;
background: #ffffff url(../images/login_page_background2.png) 100% 0 no-repeat;
}
#mainsignupTable{
color:#404040;
font-size:14px;
font-family: 'DM Sans', sans-serif;
text-shadow:0 1px 0 #999;
padding:90px 30px 0 15px;
}
#mainsignupTable1{
color:#404040;
font-size:14px;
font-family: 'DM Sans', sans-serif;
text-shadow:0 1px 0 #999;
padding:60px 30px 0 15px;
}
.pwdreq{
display:none;
margin-left: 10px;
margin-top: 5px;
font-size: 30px;
overflow: hidden;
}
.valid-password-text {
font-size: 16px;
line-height: 1.5;
color: #8BDA36;
}
.valid-password-text:after {
content: url("../assets/vendor/themify-icons/SVG/green_check_vector.svg");
margin-left: 5px;
}
.invalid-password-text {
color: #FD3133;
line-height: 1.5;
font-size:16px;
}
.inputboxname{
font-size: 16px;
margin-left: 10px;
margin-bottom: 6px;
line-height: 1.5;
}
.signupTextInput{
width: 100%;
height: 35px;
font-size: 16px;
border-radius: 8px;
border: 1px solid #ECF7FF;
}
.signupTextInput1{
width: 150px;
height: 22px;
}
.signupTextInput2{
width: 130px;
height: 22px;
}
.loginTextInput{
width: 240px;
height: 22px;
}
.loginTextInput1{
width: 100%;
height: 46px;
font-size:14px;
border-radius: 8px;
border: 1px solid #ECF7FF;
}
#agreeText{
width: 100%;
font-size:80%;
text-align:center;
width:=95%;
margin-top:10px;
}
#agreeText1{
width:100%;
font-size:80%;
text-align:center;
width=95%;
margin-top:10px;
}
#RegisterText
{
padding-top:10px;
text-align:left;
font-size:18px;
color:#666;
}
#signupBody {
margin:0 auto;
position: relative;
width:345px;
height:450px;
text-align:left;
}
#loginBody {
margin:0 auto;
position: relative;
width:275px;
height:450px;
text-align:center;
}
.signupTable{
margin:30px auto;
width: 395px;
height:450px;
}
.loginTable{
margin:30px auto;
width: 274px;
height:380px;
background: #ffffff url(../images/loginbg.gif) 50% 0 no-repeat;
}
.routinecell{
position: relative;
height: 22px;
width:100%;
overflow: hidden;
text-overflow: ellipsis;
}
.xlink A{cursor:hand}
span#logo,img#logo {
position:absolute;
top:10px;
border:0;
}
div#middle {
width:auto;
clear:both;
margin:10px 0 0;
}
div#middle .background {
min-height:140px;
}
div#middle .layoutright {
background:none;
}
div#middle .withoutleft div#main {
margin:0 12px;
}
div#mainmiddle {
margin:0 0 10px;
}
div#right {
background:#f0f0f0;
float:left;
margin:20px 25px 0 0;
padding:20px 20px 20px 30px;
width:260px;
/* Rounded corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px solid white;
/* Multiple border colors in Gecko */
-moz-border-top-colors: #8f8f8f white;
-moz-border-right-colors: #8f8f8f white;
-moz-border-bottom-colors: #8f8f8f white;
-moz-border-left-colors: #8f8f8f white;
/* Compensate for Webkit. Not as nice, but works. */
-webkit-box-shadow: 0 -1px 2px #8f8f8f;
/* Background subtle gradient, with fallback to solid color */
background: #e3e3e3;
background: -moz-linear-gradient(top, #a4a4a4, #e3e3e3);
background: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#e3e3e3));
}
.clearingfix:after {
content:".";
display:block;
line-height:0;
clear:both;
visibility:hidden;
}
.clearingfix {
display:block;
}
.floatbox {
overflow:hidden;
}
div#searchbox {
position:absolute;
float:right;
top:7px;
right:10px;
left:750px;
height:34px;
color:#fff;
}
div#searchbox ul {
list-style:none;
float:left;
margin:0;
padding:0;
}
div#searchbox li.searchtext {
width:280px;
height:23px;
margin:0 10px 0 0;
padding:2px 0 0;
}
div#searchbox li.searchbutton {
width:60px;
height:23px;
}
div#searchbox input.searchinput {
width:290px;
background:none;
border:none;
color:#FFF;
font-family: 'DM Sans', sans-serif;
}
div#searchbox input.searchsubmit {
height:23px;
width:60px;
background:none;
border:none;
cursor:pointer;
}
img#rss-link {
top:112px;
right:30px;
/*
left:-135px;
*/
}
img#contact-link {
position:absolute;
top:60px;
/*
left:-140px;
*/
}
.JefitMainTable{margin-top:10px; width:992px; vertical-align:top;}
.JefitMainTable td{vertical-align:top;}
.MiddleColumn{
padding-left:10px;
}
div.comment {
line-height:180%;
margin:0 0 21px;
padding:19px 25px;
/* Just a box */
/* Rounded corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px solid white;
/* Multiple border colors in Gecko */
-moz-border-top-colors: #8f8f8f white;
-moz-border-right-colors: #8f8f8f white;
-moz-border-bottom-colors: #8f8f8f white;
-moz-border-left-colors: #8f8f8f white;
/* Compensate for Webkit. Not as nice, but works. */
-webkit-box-shadow: 0 -1px 2px #8f8f8f;
/* Background subtle gradient, with fallback to solid color */
background: #e3e3e3;
background: -moz-linear-gradient(top, #a4a4a4, #e3e3e3);
background: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#e3e3e3));
}
div.comment div.time-comments div.author-name {
float:right;
background:url(../images/author.png) 0 2px no-repeat;
padding:0 0 0 23px;
}
div.comment div.time-comments div.author-name a:link,div.comment div.time-comments div.author-name a:visited {
color:#69C;
text-decoration:none;
}
div.comment div.time-comments div.author-name a:hover {
color:#000;
text-decoration:none;
}
div.comment-admin {
background:#F5F4F0;
/*
border:#DDD 1px solid;
*/
line-height:180%;
margin:0 0 21px;
padding:19px 25px;
}
div.comment-admin div.time-comments div.author-name {
float:right;
background:url(../images/visitor.png) 0 2px no-repeat;
padding:0 0 0 23px;
}
div#commentform {
background:#333 url(../images/comment-form-bg.jpg) 22px 21px no-repeat;
text-align:left;
margin:0;
border:1px solid #d4d4d4;
padding:59px 17px 5px 25px;
}
div#commentform li {
margin:0 0 11px;
}
div#commentform li label {
width:175px;
display:block;
float:left;
position:relative;
}
div#commentform li input {
width:375px;
}
div#commentform-user {
background:#333 url(../images/comment-form-bg-user.jpg) 22px 21px no-repeat;
text-align:left;
margin:0;
border:1px solid #d4d4d4;
padding:50px 17px 5px 25px;
}
div#commentform-user li {
color:#FFF;
margin:0 0 11px;
}
div#commentform-user li a:link,div#commentform-user li a:visited {
color:#69C;
text-decoration:none;
}
div#commentform-user li a:hover {
color:#030201;
text-decoration:none;
}
ol.trackback {
margin:0 0 0 20px;
}
ol.trackback li {
list-style:decimal;
}
ol.trackback li a {
color:#c00;
}
div.sidebox {
background:#fff;
border:#05304f 1px solid;
margin:0 0 20px;
padding:15px 18px;
}
div.sidebox div.sidebox-heading {
/*
border-bottom:#CCC 1px solid;
*/
margin:0 0 10px;
}
div.sidebox div.sidebox-heading h2 {
font-size:180%;
font-weight:400;
color:#000;
font-family: 'DM Sans', sans-serif;
margin:0 0 6px;
}
div.sidebox ul {
list-style:none;
margin:0;
padding:0;
}
div.sidebox ul li ul {
list-style:none;
margin:5px 0 -2px;
padding:0;
}
div.banners img {
padding:2px;
}
div.error {
font-size:12px;
color:#549cd8;
border-top:2px solid #fe7b7a;
border-bottom:2px solid #fe7b7a;
background:#FFD6D6;
margin:0 0 15px;
padding:5px 15px;
}
div.success {
font-size:12px;
color:#041a27;
border:1px solid #999;
background:#ccc;
margin:0 0 15px;
padding:5px 15px;
}
div.single-cats {
border-top:#CCC 1px solid;
margin:20px 0 0;
padding:10px 0 0;
}
div.single-cats div.cats {
float:left;
margin:6px 0 0;
}
div.single-cats div.cats a:link,div.single-cats div.cats a:visited {
text-decoration:none;
color:#69C;
}
div.single-cats div.cats a:hover {
text-decoration:none;
color:#69C;
}
div.navigation {
margin:0 0 20px;
}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul,ol,div#middle .layoutright div#main {
margin:0;
padding:0;
list-style:none;
word-spacing: normal;
}
ul li,ol li {
list-style:none;
margin:0;
padding:0;
}
a:hover,div.navigation a {
color:#33b5e5;
text-decoration:none;
}
div#main,div#content {
width:auto;
}
div.comment div.time-comments,div.comment-admin div.time-comments {
font-size:90%;
color:#6a6e71;
margin:0 0 10px;
padding:7px;
/* Rounded corners */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 2px solid #e1e1e1;
/* Multiple border colors in Gecko */
-moz-border-top-colors: #8d8d8d #cfcfcf;
-moz-border-right-colors: #8d8d8d #cfcfcf;
-moz-border-bottom-colors: #8d8d8d #cfcfcf;
-moz-border-left-colors: #8d8d8d #cfcfcf;
/* Compensate for Webkit. Not as nice, but works. */
-webkit-box-shadow: 0 -1px 2px #8d8d8d;
}
div.comment div.time-comments div.time,div.comment-admin div.time-comments div.time {
float:left;
background:url(../images/clipboard_paste_document_text.png) 0 2px no-repeat;
padding:0 0 0 23px;
}
div.comment div.time-comments div.time-awaiting,div.comment-admin div.time-comments div.time-awaiting {
float:left;
background:url(../images/minus_circle.png) 0 2px no-repeat;
padding:0 0 0 23px;
}
div.comment div.time-comments div.num-comments,div.comment-admin div.time-comments div.num-comments {
float:right;
background:url(../images/balloon__pencil.png) 0 4px no-repeat;
padding:0 0 0 23px;
}
div.comment div.time-comments div.num-comments a,div.comment-admin div.time-comments div.num-comments a {
color:#6a6e71;
}
div.comment div.time-comments div.num-comments a:hover,div.comment-admin div.time-comments div.num-comments a:hover {
color:#6a6e71;
text-decoration:none;
}
div.comment h1,div.comment-admin h1 {
font-size:200%;
font-weight:500;
line-height:100%;
color:#000;
margin:0 0 20px;
}
div.comment img,div.comment-admin img {
float:left;
border:#DDD 1px solid;
margin:5px 20px 15px 0;
padding:4px;
}
div.comment img.avatar,div.comment-admin img.avatar {
float:left;
border:#DDD 1px solid;
margin:5px 15px 10px 0;
padding:4px;
}
div.comment div.icons-readmore,div.comment-admin div.icons-readmore {
color:#6a6e71;
margin:15px 0 0;
}
div.comment div.icons-readmore div.icons,div.comment-admin div.icons-readmore div.icons,div.alignleft {
float:left;
color: #6a6e71;
}
div.comment div.icons-readmore div.icons a,div.comment-admin div.icons-readmore div.icons a,div.single-cats div.icons a {
float:left;
display:block;
width:30px;
height:30px;
margin:0 5px 0 0px;
}
div.comment div.icons-readmore div.icons a.one,div.comment-admin div.icons-readmore div.icons a.one,div.single-cats div.icons a.one {
background:url(../images/icon.png) 0 0 no-repeat;
}
div.comment div.icons-readmore div.icons a.two,div.comment-admin div.icons-readmore div.icons a.two,div.single-cats div.icons a.two {
background:url(../images/icon.png) -33px 0 no-repeat;
}
div.comment div.icons-readmore div.icons a.three,div.comment-admin div.icons-readmore div.icons a.three,div.single-cats div.icons a.three {
background:url(../images/icon.png) -65px 0 no-repeat;
}
div.comment div.icons-readmore div.icons a.four,div.comment-admin div.icons-readmore div.icons a.four,div.single-cats div.icons a.four {
background:url(../images/icon.png) -98px 0 no-repeat;
}
div.comment div.icons-readmore div.icons a.five,div.comment-admin div.icons-readmore div.icons a.five,div.single-cats div.icons a.five {
background:url(../images/icon.png) -131px 0 no-repeat;
}
div.comment div.icons-readmore div.readmore,div.comment-admin div.icons-readmore div.readmore {
float:right;
margin:5px 0 0;
background:url(../images/post-bg.jpg)repeat-x;
/* Rounded corners */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 2px solid white;
/* Multiple border colors in Gecko */
-moz-border-top-colors: #9e9d9d white;
-moz-border-right-colors: #9e9d9d white;
-moz-border-bottom-colors: #9e9d9d white;
-moz-border-left-colors: #9e9d9d white;
/* Compensate for Webkit. Not as nice, but works. */
-webkit-box-shadow: 0 -1px 2px #9e9d9d;
}
div.comment div.icons-readmore div.readmore a.more,div.comment-admin div.icons-readmore div.readmore a.more {
background: url(../images/arrow.png) 91% 4px no-repeat;
border:#CCC 1px solid;
color:#666;
padding:2px 35px 3px 10px;
}
img.wp-smiley,div.comment p img.wp-smiley,div.comment-admin p img.wp-smiley {
border:0;
background:none;
float:inherit;
margin:0;
padding:0;
}
div#commentform li textarea,div#commentform-user li textarea {
width:550px;
height:200px;
}
div#commentform li input,div#commentform li textarea,div#commentform-user li input,div#commentform-user li textarea {
background-image:url(../images/form_bg.jpg);
background-repeat:repeat-x;
border:1px solid #FFF;
font-size:12px;
color:#777;
font-family: 'DM Sans', sans-serif;
padding:4px;
}
div#commentform li input.submitbutton,div#commentform-user li input.submitbutton {
border:0;
width:auto;
background:none;
padding:0;
}
div.sidebox ul li,div.sidebox ul li ul li {
background:url(../images/arrow_000_medium.png) 0px 5px no-repeat;
padding:4px 0 4px 23px;
border-bottom:#ebf2fb 1px solid;
}
div.single-cats div.icons,div.alignright {
float:right;
}
.description{
height:90px;
overflow:scroll;
}
.thumbnail {
float:left;
height:142px;
line-height:170px;
margin:0 10px 0 0;
overflow:hidden;
padding:5px;
text-align:center;
width:142px;
}
.thumbnail a img {
float:left;
width: 130px;
height: 130px;
padding: 5px;
background:#e5e5e5;
border:1px solid #fff;
}
#bodypartTable{
width: 600px;
height: 500px;
background:url(../images/bodyparts_600_630_background.jpg) 0 no-repeat;
}
#bodypartTable1{
width: 790px;
height: 750px;
/* background:url(../images/bodyparts1_blue_790_750.jpg) 0 no-repeat; */
}
#bodypartTable2{
width: 100%;
height: 500px;
background:url(../images/exercisedatabase_background1.jpg) 0 no-repeat;
background-position: center;
min-width: 790px;
margin-bottom: 100px;
}
.buttonTableLeft{
margin-top:45px;
height: 500px;
float:left;
width:100px;
margin-left:230px;
}
#exercisebiceps
{
margin-top:85px;
}
#exerciseback
{
margin-top:95px;
}
#exerciseglutes
{
margin-top:80px;
}
#exerciselowerlegs
{
margin-top:80px;
}
.buttonTableMiddle{
text-align:center;
float:left;
margin:480px 80px 0px 85px;
width:150px;
}
#exerciseall
{
margin-top:60px
}
.buttonTableRight{
margin-top:50px;
height: 500px;
float:left;
width:100px;
margin-left:60px;
}
#exerciseshoulders
{
}
#exercisechest
{
margin-top:80px;
}
#exerciseforearms
{
margin-top:60px;
}
#exerciseabs
{
margin-top:75px;
}
#exerciseupperlegs
{
margin-top:110px;
}
.exerciseblueButton
{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:14px;
padding-right:14px;
padding-bottom: 10px;
padding-top:10px;
}
.exerciseblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
#featuredexerciseheader
{
border-bottom:1px solid #d4d4d4;
padding-bottom:5px;
float:left;
width:780px;
margin-top:40px;
}
#featuredexercisetext
{
color:#4d4f53;
font-size:16px;
padding-top:20px;
}
#exercisedatabaseheader
{
height:24px;
width:780px;
border-bottom:1px solid #CCC;
padding-bottom:5px;
margin-top:40px;
}
#exercisedatabasetext
{
color:#4d4f53;
font-size:16px;
padding-top:20px;
}
#bodypartheader
{
border-bottom:1px solid #d4d4d4;
padding-bottom:5px;
float:left;
width:780px;
margin-top:40px;
}
#bodyparttext
{
color:#4d4f53;
font-size:16px;
padding-top:20px;
}
#exerciseleftpanelheader
{
border-bottom:1px solid #d4d4d4;
padding-bottom:5px;
float:left;
width:190px;
margin-top:40px;
}
#exerciseleftpaneltext
{
color:#4d4f53;
font-size:16px;
padding-top:20px;
}
#exerciselefttext
{
font-size:12px;
margin-left:10px;
}
#exerciserighttext
{
float:right;
font-size:11px;
}
#exercisesearchtext
{
margin-left:10px;
margin-top:2px;
}
#exercisesearchheader
{
margin-top:10px;
text-align: center;
}
/* Routine Database */
#featuredroutinefirst
{
width:790px;
height:120px;
margin-top:10px;
padding-bottom:20px;
text-align:justify;
}
#featuredroutinesecond
{
width:790px;
height:120px;
margin-top:10px;
padding-bottom:20px;
text-align:justify;
}
#featuredroutineheader
{
width:790px;
height:40px;
border-bottom:1px solid #CCC;
padding-bottom:5px;
}
#routineleftpanelheader
{
border-bottom:1px solid #d4d4d4;
padding-bottom:5px;
float:left;
margin-top:40px;
}
#routineleftall
{
margin-top:20px;
}
#routineleftgeneral
{
margin-top:10px;
}
#routineleftbulking
{
margin-top:10px;
}
#routineleftcutting
{
margin-top:10px;
}
#routineleftsport
{
margin-top:10px;
}
#routinelefttext
{
font-size:11px;
margin-left:10px;
}
#routinerighttext
{
float:right;
font-size:11px;
}
/* Products Page */
#productsheaderlighttext
{
color:#8F8F8F;
font-size:24px;
}
#productsectionlighttext
{
color:#8F8F8F;
font-size:24px;
}
#productsectiondarktext
{
color:#6B6B6B;
font-size:24px;
padding-bottom:15px;
margin-top:10px;
}
#productsublighttext
{
color:#8F8F8F;
font-size:24px;
}
#productsubdarktext
{
color:#6B6B6B;
font-size:24px;
padding-bottom:15px;
margin-top:10px;
}
/* Products Page iPhone Pro */
#iphoneprocontentcontainer
{
width:800px;
padding-right:80px;
padding-left:80px;
float:left;
}
#iphoneroutinecontentcontainer
{
width:900px;
padding-right:30px;
padding-left:30px;
float:left;
margin-top:60px;
border-bottom:1px solid #CCC;
padding-bottom:60px;
}
#androidtabletroutinecontentcontainer
{
width:992px;
float:left;
margin-top:80px;
border-bottom:1px solid #CCC;
padding-bottom:80px;
}
#iphoneintrocontentcontainer
{
width:992px;
float:left;
border-bottom:1px solid #CCC;
margin-top:60px
}
#androidtabintrocontentcontainer
{
width:992px;
float:left;
border-bottom:1px solid #CCC;
margin-top:50px
}
#iphonerecordingcontentcontainer
{
width:900px;
padding-right:40px;
padding-left:40px;
float:left;
margin-top:60px;
border-bottom:1px solid #CCC;
padding-bottom:60px;
}
#androidtabletrecordingcontentcontainer
{
width:992px;
float:left;
margin-top:60px;
border-bottom:1px solid #CCC;
padding-bottom:60px;
}
#iphoneprofilecontentcontainer
{
width:800px;
padding-right:80px;
padding-left:80px;
float:left;
margin-top:60px;
padding-bottom:60px;
}
#androidtabletprofilecontentcontainer
{
width:992px;
float:left;
margin-top:60px;
padding-bottom:60px;
}
#iphoneprofiledetailcontainer
{
float:left;
display:inline-block;
width:800px;
}
#iphonelogscontentcontainer
{
width:900px;
padding-right:40px;
padding-left:40px;
float:left;
border-bottom:1px solid #CCC;
margin-top:60px;
padding-bottom:60px;
}
#androidtabletlogscontentcontainer
{
width:992px;
float:left;
border-bottom:1px solid #CCC;
margin-top:60px;
padding-bottom:60px;
}
#iphoneintroducetext
{
float:left;
font-size:24px;
padding-bottom: 20px;
margin-left:90px;
}
#productsintroducesubtext
{
font-size:14px;
line-height: 1.2em;
color:#979797;
}
#productsintroducesubtext2
{
font-size:14px;
line-height: 1.2em;
color:#979797;
margin-top:20px;
}
#iphoneintroduceimage
{
margin-left:140px;
float:left;
margin-top:40px;
}
#iphoneroutinemanagertext
{
float:left;
padding-bottom: 15px;
margin-top:40px;
margin-left:50px;
width:320px;
}
#androidtabletroutinemanagertext
{
float:left;
padding-bottom: 15px;
margin-left:10px;
width:300px;
}
#productsdetailtext
{
float:left;
font-size:14px;
color:#979797;
margin-top:10px;
}
#androidtabletproductsdetailtext
{
float:left;
font-size:14px;
color:#979797;
margin-top:10px;
padding-right:500px;
}
#productsubtext
{
font-size:14px;
color:#979797;
}
#productsubtext2
{
color:#979797;
margin-top:10px;
float:left;
}
#iphonefreeprofile
{
font-size:14px;
color:#6B6B6B;
margin-left:5px;
float:left;
padding-top:10px
}
#iphonestatprogress
{
padding-top:110px;
font-size:14px;
margin-left:5px;
color:#6B6B6B;
float:left
}
#iphoneliftingprogress
{
padding-top:80px;
font-size:14px;
margin-left:5px;
color:#6B6B6B;
float: left
}
#iphoneprogresspictures
{
font-size:14px;
color:#6B6B6B;
padding-top:10px;
margin-left:5px;
float:left
}
#iphonegoalprogress
{
padding-top:70px;
font-size:14px;
color:#6B6B6B;
margin-left:5px;
float:left
}
#iphoneprofilerightside
{
float:left;
margin-top:110px;
width:190px
}
#iphoneprofileleftside
{
float:left;
margin-top:80px;
width:190px;
}
#productprofileheadtext
{
padding-top:10px;
font-size:14px;
color:#6B6B6B;
float:left
}
#productprofileheadtext1
{
padding-top:70px;
font-size:14px;
color:#6B6B6B;
float:left;
}
#androidtabletprofileheadtext
{
font-size:14px;
padding-top: 10px;
color:#6B6B6B;
float:left;
}
#productprofileheadtext2
{
padding-top:90px;
font-size:14px;
color:#6B6B6B;
float:left;
}
#androidtabletprofileheadtext2
{
padding-top:10px;
font-size:14px;
color:#6B6B6B;
float:left;
}
#productprofileheadtext3
{
font-size:14px;
padding-top:50px;
color:#6B6B6B;
float:left;
}
#androidtabletprofileheadtext3
{
font-size:14px;
padding-top:10px;
color:#6B6B6B;
float:left;
}
#productspacing
{
float:left;
margin-top:30px;
}
#productsintrotextcontainer
{
float:left;
margin-top:20px;
width:300px
}
#producttabletintrotextcontainer
{
float:left;
margin-top:20px;
width:300px
}
#producticonspacing
{
float:left ;
width:45px;
}
#producticonspacing1
{
float:left ;
width:45px;
margin-top:100px;
}
#producticonspacing2
{
margin-top:70px;
float:left ;
width:45px;
}
#producticonspacing3
{
margin-top:60px;
float:left ;
width:45px;
}
#androidtabletproducticonspacing
{
float:left ;
width:45px;
}
#androidtabletproducticonspacing1
{
float:left ;
width:90px;
}
#producticonspacing4
{
margin-top:80px;
width:90px;
float:left
}
#producticonspacing5
{
margin-top:40px;
width:45px;
float:left;
}
#androidtableticonspacing5
{
width:45px;
float:left;
}
#androidworkoutsummarymanagertext
{
float:left;
padding-bottom: 15px;
margin-left:100px;
width:300px;
}
#iphonelogsmanagertext
{
float:left;
padding-bottom: 15px;
margin-left:40px;
width:300px;
}
#iphoneprogresslogsmanagertext
{
float:left;
padding-bottom: 15px;
margin-left:100px;
width:300px;
}
#iphonestatsmanagertext
{
float:left;
width:300px;
}
#iphoneprofilecontentcontainer
{
float:left;
padding-bottom: 40px;
margin-left:40px;
width:300px;
}
#iphonerecordingmanagertext
{
float:left;
width:300px;
margin-left:20px;
}
#iphonelighttext
{
color:#8F8F8F;
font-size:24px;
}
#iphonedarktext
{
color:#6B6B6B;
font-size:24px;
border-bottom: 1px solid #CCC;
padding-bottom:15px;
margin-top:10px;
}
#iphonestatsdarktext
{
color:#6B6B6B;
font-size:24px;
border-bottom: 1px solid #CCC;
padding-bottom:15px;
margin-top:10px;
}
#iphonerecordlighttext
{
color:#8F8F8F;
font-size:24px;
border-bottom: 1px solid #CCC;
padding-bottom:15px;
margin-top:10px;
}
#iphonerecorddarktext
{
color:#6B6B6B;
font-size:24px;
margin-top:10px;
}
#iphoneintroducelighttext
{
color:#8F8F8F;
font-size:26px;
}
#iphoneintroducedarktext
{
color:#6B6B6B;
font-size:60px;
margin-top: 30px;
padding-bottom:20px;
border-bottom: 1px solid #CCC;
}
/* Products Page Android Pro */
#androidrecordingimage
{
float:left;
width:480px;
margin-left:20px;
}
/* */
.BodyPartButton{
margin:27px 0 27px 0;
}
.BodyPartButtonCardio{
margin-top:490px;
}
#bodypartLeft{
font-size:120%;
padding-right:12px;
width: 100%;
height: 450px;
background: #ffffff url(../images/partsbg.gif) 50% 0 no-repeat;
}
#jefitwindow{
font-size:110%;
padding-right:12px;
width: 100%;
height: 250px;
background: #ffffff url(../images/myjefitbg.gif) 0 0 no-repeat;
}
.jefittableLeft{
font-size:110%;
width: 170px;
background: url(../images/leftside_bg_content.png) 0 0 repeat-y;
}
/* Side Table Style 1 Start. */
.JefitSideTable{
width: 170px;
}
.JefitSideTable th{
padding-left:15px;
text-align:left;
width: 100%;
height: 38px;
}
.JefitSideTable td{
padding-left: 15px;
padding-right: 10px;
}
#JefitSideTableAds {
padding-left: 4px;
}
.hideOverflowText{
padding:0px 5px;
white-space:nowrap;
text-overflow: ellipsis;
}
#JefitSideTableAvatarCell {
padding:0px;
width:85px;
height:80px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
#JefitSideTableAvatarCell2 {
padding-top:10px;
padding-right:3px;
width:60px;
height:70px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
float:left;
}
#JefitSideTablePicFrame {
padding-left: 35px;
}
.JefitSideTableFoot{
height: 19px;
}
#profilepicframe {
width: 100px;
height: 100px;
text-align:center;
background: url(../images/profilepicbgside.png) 0 no-repeat;
}
#profilepic {
margin-top:10px;
}
/* Side Table Style 1 End. */
/* Middle Table Style 1 Start. */
.JefitMiddleTable{
width: 600px;
background: url(../images/middleTable_bg_content.png) 0 0 repeat-y;
}
.JefitMiddleTable th{
padding:5px 5px 0 5px;
vertical-align:top;
text-align:center;
width: 100%;
height: 38px;
background: url(../images/middleTable_bg_head.png) 0 0 no-repeat;
}
.JefitMiddleTable td{
padding: 3px 4px;
}
#JefitMiddleDarkRow{
background: url(../images/middleTable_bg_contentDark.png) 0 0 repeat-y;
position: relative;
}
.JefitMiddleTableFoot{
height: 19px;
background: url(../images/middleTable_bg_foot.png) 0 0 no-repeat;
}
/* Tabbed Javascript Content */
div.TabView
{
height: 1150px;
width:710px;
}
/* Tabs */
div.TabView div.Tabs
{
height: 22px;
width:10px;
background-color:#dedbde;
}
div.TabView div.Tabs a
{
display: inline;
float: left;
margin-right: 1px;
width: 85px;
text-align: center;
height: 22px;
line-height: 21px;
vertical-align: middle;
background-color: #dedbde;
text-decoration: none;
color: #42454a;
}
div.TabView div.Tabs a:hover
{
background-color: #f1f0ee;
}
div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
margin-top: 01px;
height: 21px;
background-color: #f1f0ee; cursor: default;
color: #000;
}
/* Tabbed Pages */
div.TabView div.Pages
{ }
div.TabView div.Pages div.Page
{ }
div.TabView div.Pages div.Page div.Pad
{ padding: 7px 7px; }
/* Image Viewer */
.imagecontainer
{
height:660px;
width:660px;
}
#imageleft
{
background: black;
position:absolute;
height:60px;
width:50px;
vertical-align:middle;
margin-left:300px;
left:0;
margin-top:300px;
opacity:0.5;
}
.photocontainer
{
position: relative;
display: inline-block;
height: auto;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
#imageright
{
background: black;
position:absolute;
height:60px;
width:50px;
vertical-align:middle;
margin-right:70px;
right:0;
margin-top:300px;
opacity:0.5;
}
.deletecontainer
{
}
#deletecomment
{
}
/* Status and Feed Page */
.ActivityFilter {
background-color:#F3F7FC;
width:710px;
font-size:11px;
font-weight:bold;
border-bottom:solid 1px #4876AF;
text-decoration:none;
}
.ActivityFilter a.Myself:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
padding-top:5px;
color: white;
text-decoration:none;
text-shadow: #1A539A 1px 1px;
}
.ActivityFilter a.Everyone:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
padding-top:5px;
color: white;
text-decoration:none;
text-shadow: #1A539A 1px 1px;
}
.ActivityFilter a.Friends:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
padding-top:5px;
color: white;
text-decoration:none;
text-shadow: #1A539A 1px 1px;
}
.ActivityFilter a.Watching:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
padding-top:5px;
color: white;
text-decoration:none;
text-shadow: #1A539A 1px 1px;
}
.changeArrow{
position: relative;z-index: 2;height:inherit;width:200px;vertical-align: middle;display:block;
}
.previousArrow{
float: left;position:absolute;z-index: 5;height:inherit;width:200px;vertical-align: middle;display:inline;left: 0px;top: 0px;
}
.previousArrow:hover{
background:url(../images/prev.png) 0 center no-repeat;
}
.nextArrow{
float: right;position: absolute;z-index: 5;height:inherit;width:200px;vertical-align: middle;display:block;right: 0px;top: 0px;
}
.nextArrow:hover{
background:url(../images/next.png) 150px center no-repeat;
}
.zoominPicture{
position: absolute;z-index: 5;height:inherit;width:390px;display:block;float: left;left: 200px;top: 0px;
}
.zoominPicture:hover{
background:url(../images/zoomin.png) 150px center no-repeat;
}
.emptyLinkStub{position:absolute; width:100%;height:100%;top:0;left: 0;z-index: 1;background-image: url('../images/empty.png');}
.emptyLinkStub:hover{background: ghostwhite;opacity:.3; }
.JefitStatusNav{
background-color:#F3F7FC;
width: 710px;
height:30px;
font-size:12px;
font-weight:bold;
text-decoration:none;
display:block;
border-bottom:solid 2px #4876AF;
}
.JefitStatusNav a.Activity:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-decoration:none;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.About:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Comments:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:8px;
padding-right:8px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Photos:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Friends:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Blog:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Logs:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusNav a.Forum:hover {
background: #4876AF;
background: -webkit-gradient(linear, left top, left bottom, from(#3D6DAA), to(#4876AF));
background: -moz-linear-gradient(top, #3D6DAA, #4876AF);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:2px;
color: white;
text-shadow: #1A539A 1px 1px;
}
.JefitStatusTable{
width: 710px;
}
.JefitStatusMain{
width: 600px;
}
.StatusUpdate
{
height:44px;
width:490px;
padding-bottom:10px;
}
.StatusAreaSmall
{
font-size:14px;
width:370px;
height:1.2em;
color:#777;
}
.StatusAreaExpanded
{
width:475px;
height:60px;
font-size:14px;
color:#222;
}
.FeedInfo
{
}
.JefitFriendTable{
width: 600px;
}
/* */
/*Search Bar */
#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(../images/search_box.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:#FFFFFF; /*important*/
position:absolute; /*important*/
top:7px;
left:11px;
width:250px;
height:27px;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:268px;
width:30px;
height:30px;
}
/* */
/* Memberlist Table */
.JefitMemberList{
vertical-align:top;
width:780px;
}
/* */
.InnerTable{
width:100%;
}
.InnerTable td{
padding:3px 10px;
}
.InnerTable h5{
font-size:70%;
}
.JefitChildTable{
width:600px;
background: url(../images/middleTable_bg_content.png) 0 0 repeat-y;
}
.JefitChildTable th{
color:#999;
text-align:left;
width: 100%;
height:30px;
background: url(../images/childtable_bg_head.png);
}
.JefitChildTable td{
padding:3px 4px;
}
.JefitChildTable2{
width:600px;
background:#FFF;
}
.JefitChildTable2 th{
text-align:center;
width: 100%;
height:24px;
background-color:#F2F2F2; /*Original #E5EFF5*/
border-bottom:solid 1px #999;
border-top: none; /*Original #999*/
}
.JefitChildTable2 td{
padding:3px 4px;
}
.JefitChildTableFoot2{
height: 19px;
background:;
}
.JefitCommentChildTable2{
width:600px;
background:#FFF;
}
.JefitCommentChildTable2 th{
text-align:center;
width: 100%;
height:24px;
background-color:#F2F2F2; /*Original #E5EFF5*/
border-bottom:solid 1px #999;
border-top: none;
}
.JefitCommentChildTable2 td{
padding:3px 4px;
background-color:none;
}
.JefitCommentChildTableFoot2{
height: 19px;
background:;
}
.Jefit790Column {
width:790px;
padding-left:10px;
}
.JefitMiddleTable780{
vertical-align:top;
width:780px;
background: url(../images/middletable780_bg_content.png) 0 0 repeat-y;
}
.JefitMiddleTable780 th{
padding-left:15px;
text-align:left;
width: 100%;
height: 38px;
background: url(../images/middleTable780_bg_head.png) 0 0 no-repeat;
}
#JefitMiddleTable780head2{
padding-left:15px;
text-align:left;
width: 100%;
height: 31px;
background: url(../images/middleTable780_bg_head2.png) 0 0 no-repeat;
}
.JefitMiddleTable780 td{
padding:3px 5px;
}
.JefitMiddleDarkRow780 {
background:url(../images/middletable780_bg_contentDark.png) 0 0 no-repeat;
}
.JefitMiddleTableFoot780 {
height:19px;
background: url(../images/middletable780_bg_foot.png) 0 0 no-repeat;
}
.JefitMiddleTable960{
margin-top:10px;
width:992px;
vertical-align:top;
background: url(../images/middleTable960_bg_content.png) 0 0 repeat-y ;
}
.JefitMiddleTable960 th{
padding-left:15px;
text-align:left;
width:100%;
height:31px;
background: url(../images/middleTable960_bg_head.png) 0 0 no-repeat;
}
.JefitMiddleTable960 td{
padding:3px 5px;
}
.JefitMiddleDarkRow960 {
background:;
}
.JefitMiddleTableFoot960 {
height:19px;
background: url(../images/middleTable960_bg_foot.png) 0 0 no-repeat;
}
.JefitMiddleTable525 {
width:525px;
vertical-align:top;
background:url(../images/middleTable525_bg_content.png) 0 0 repeat-y;
}
.JefitMiddleTable525 th{
padding-left:15px;
text-align:left;
width:100%;
height:31px;
background:url(../images/middleTable525_bg_head.png) 0 0 no-repeat;
}
.JefitMiddleTable525 td{
padding:3px 5px;
}
.JefitMiddleTableFoot525 {
height:19px;
background:url(../images/middleTable525_bg_foot.png) 0 0 no-repeat;
}
.JefitMiddleTable425 {
width:425px;
vertical-align:top;
background:url(../images/middleTable425_bg_content.png) 0 0 repeat-y;
}
.JefitMiddleTable425 th{
padding-left:15px;
text-align:left;
width:100%;
height:31px;
background:url(../images/middleTable425_bg_head.png) 0 0 no-repeat;
}
.JefitMiddleTable425 td{
padding:3px 5px;
}
.JefitMiddleTableFoot425 {
height:19px;
background:url(../images/middleTable425_bg_foot.png) 0 0 no-repeat;
}
#JefitMiddleTable250 {
width:220px;
height:220px;
vertical-align:top;
}
#profilepicedit{
padding:2px;width: 98%;height:auto ;top:-20px;text-align:center;background: white;position: relative;border:1px solid #B0B0B0;border-radius:3px;display: none;
}
.leftPanel{ padding:5px 10px 10px 10px;}
.leftList{padding:5px 10px 0 10px;margin-top: 5px;}
.leftList li{vertical-align: middle;border-bottom:1px solid #EEEEEE;padding: 5px 0px 5px 0px;font-weight: bold;width: 100%;position: relative;}
.leftList li img{width:20px; height:20px;vertical-align: middle;margin: 0px 5px;}
img.friendavatar{width: 60px;height: 60px;}
.leftListSub{display: block;margin-left: 30px;padding-left: 5px;}
.leftListSub li{font-weight: normal;border: none;padding: 2px 0px;}
img.leftProfilePic{
width:220px; height:220px; border-radius: 50%;
}
#leftProfilePicCell {
height:220px;
width:220px;
vertical-align:top;
background-repeat:no-repeat;
background-color: #fff;
border-radius: 50%;
-moz-box-shadow: 1px 1px 2px #D5D5D5;
-webkit-box-shadow: 1px 1px 2px #D5D5D5;
box-shadow: 1px 1px 5px #D5D5D5";
}
#goProfileHomeBar {
position: relative;
bottom: 30px;
width: 220px;
height: 30px;
line-height: 30px;
background-color: #000000;
color: #ffffff;
font-weight: bold;
opacity: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
#editProfilePic {
position: relative;
bottom: 250px;
height: 25px;
float: right;
color: #ffffff;
background-color: #000000;
opacity: 0;
padding: 5px;
}
#editProfilePic > a:link {
color: #ffffff;
}
#editProfilePic > a:visited {
color: #ffffff;
}
#editProfilePic > a:hover {
color: #3498db;
text-decoration: underline;
}
#leftProfilePicCell:hover #goProfileHomeBar {
opacity: 0.5;
}
#leftProfilePicCell:hover #editProfilePic {
opacity: 0.5;
}
/*#goProfileHomeBar:hover:after {*/
/*content: "Go Profile Home";*/
/*color: #ffffff;*/
/*background-color: #000000;*/
/*}*/
/*#goProfileHomeBar:hover {*/
/*opacity: 0.5;*/
/*}*/
.pictureThumb{
position: relative;
display: inline-block;
margin: auto;
height: 42px;
width: 42px;
background-repeat:no-repeat;
background-color: #fff;
border-radius:4px;
border:1px solid #D5D5D5;
-moz-box-shadow: 1px 1px 2px #D5D5D5;
-webkit-box-shadow: 1px 1px 2px #D5D5D5;
box-shadow: 1px 1px 5px #D5D5D5";
}
#JefitLeftTable250_1 {
padding:15px;
width:220px;
height:220px;
vertical-align:top;
}
.JefitMiddleTable520 {
width:520px;
height:250px;
vertical-align:top;
background:url(../images/middletable520_content_bg.png) 0 0 repeat-y;
}
.JefitMiddleTable520 th{
padding-left:15px;
text-align:center;
width:100%;
height:31px;
background:url(../images/middletable520_head_bg.png) 0 0 no-repeat;
}
.JefitMiddleTable520 td{
padding:3px 5px;
}
.JefitMiddleTableFoot520{
height:16px;
background:url(../images/middletable520_foot_bg.png);
}
.JefitMiddleTable520_1 {
width:520px;
height:250px;
vertical-align:top;
background:url(../images/middletable520_content_bg.png) 0 0 repeat-y;
}
.JefitMiddleTable520_1 th{
padding-left:15px;
text-align:center;
width:100%;
height:31px;
background:url(../images/middletable520_head1_bg.png) 0 0 no-repeat;
}
.JefitMiddleTable520_1 td{
padding:3px 5px;
}
.JefitMiddleTableFoot520_1{
height:16px;
background:url(../images/middletable520_foot_bg.png);
}
.JefitTable790{
width:100%;
padding-bottom:10px;
}
.JefitTable790 td{
padding-right:8px;
}
.JefitTable790_1{
width:100%;
padding-bottom:10px;
background-repeat:no-repeat;
}
#740cell{
padding-left:10px;
width:740px;
}
/* Middle Table Style 1 End. */
/* Features Page */
#FeaturesTable{
height:370px;
width:992px;
}
#FeaturesTableiPhonePro{
height:450px;
width:992px;
}
#FeatureInfo
{
height:150px;
width:960;
background:url(../images/featuresinfo_960_150_2.png);
}
#FeaturesTable1{
height:530px;
width:992px;
background:url(../images/featurestablewhite_930_350.png);
}
#FeaturesTable2{
height:330px;
width:992px;
background:url(../images/featurestablewhite_930_350.png);
}
#FeatureInfo1
{
height:450px;
width:992px;
}
#FeatureInfo1_1
{
height:300px;
width:992px;
}
#FeatureInfo2
{
height:180px;
width:992px;
}
#FeatureInfo3
{
height:250px;
width:992px;
}
#TestimonialInfo
{
height:130px;
width:790px;
}
#TestimonialInfo1
{
background-image:url(../images/Testimonial_bg.png);
height:100px;
width:790px;
}
#TestimonialInfo2
{
background-image:url(../images/Testimonial_email.png);
background-repeat:no-repeat;
height:130px;
width:790px;
}
/* CSS Buttons */
a.button {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #ffffff;
padding: 7px 20px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjU0NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #565451 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#565451)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#565451 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#565451 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#565451 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#565451 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#565451',GradientType=0 ); /* IE6-8 */
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 1px solid #b3b1b3;
-moz-box-shadow:
2px 2px 2px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
-webkit-box-shadow:
2px 2px 2px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
text-shadow:
2px 2px 2px rgba(000,000,000,0.5),
0px 2px 2px rgba(255,255,255,0.3);
position:relative;
}
a.confirm {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #ffffff;
padding: 4px 14px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjU0NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #565451 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#565451)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#565451 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#565451 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#565451 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#565451 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#565451',GradientType=0 ); /* IE6-8 */
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 1px solid #b3b1b3;
-moz-box-shadow:
1px 1px 1px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
-webkit-box-shadow:
1px 1px 1px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
text-shadow:
0px 2px 2px rgba(000,000,000,0.5),
0px 1px 0px rgba(255,255,255,0.3);
position:relative;
}
a.info {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
color: #ffffff;
padding: 1px 2px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjU0NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #565451 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#565451)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#565451 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#565451 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#565451 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#565451 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#565451',GradientType=0 ); /* IE6-8 */
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 1px solid #b3b1b3;
-moz-box-shadow:
1px 1px 1px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
-webkit-box-shadow:
1px 1px 1px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(255,255,255,0);
text-shadow:
0px 2px 2px rgba(000,000,000,0.5),
0px 1px 0px rgba(255,255,255,0.3);
position:relative;
}
a.signup {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
color: #ffffff;
padding: 6px 13px;
background: -moz-linear-gradient(
top,
#c7e5fc 0%,
#268cd1);
background: -webkit-gradient(
linear, left top, left bottom,
from(#c7e5fc),
to(#268cd1));
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 0px solid #ffffff;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.6),
inset 0px 0px 0px rgba(255,255,255,0.4);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.6),
inset 0px 0px 0px rgba(255,255,255,0.4);
text-shadow:
1px 1px 2px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
/*Status Wrap*/
.statuswrap
{
}
/*Accordion Menu*/
.AccordionTitle, .AccordionContent, .AccordionContainer
{
position:relative;
width:200px;
margin-top:10px;
}
.AccordionTitle
{
height:20px;
overflow:hidden;
cursor:pointer;
font-family: 'DM Sans', sans-serif;
font-size:8pt;
color:#666;
text-shadow:#000;
font-weight:bold;
vertical-align:middle;
text-align:center;
background-repeat:repeat-x;
display:table-cell;
/* background-color:#FFF;
*/
background-image:url(../images/accordion_background_repeat.png);
-moz-user-select:none;
}
.AccordionContent
{
height:0px;
overflow:auto;
display:none;
background:#F0F0F0;
font-size:12px;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}
/*AccordionContainer*/
.AccordionContainer
{
/* border-top: solid 1px #C1C1C1;
border-bottom: solid 1px #C1C1C1;
border-left: solid 1px #C1C1C1;
border-right: solid 1px #C1C1C1;*/
}
/* Routine Side Bar */
.menu1 {
color:white;
background: #000;
font-family: 'DM Sans', sans-serif;
font-weight:bold;
font-size:12px;
}
.menu2 {
background: #ffff00;
color: blue;
font-family: 'DM Sans', sans-serif;
font-size:12px;
line-height: 19px;
}
/*Tab Bar Container */
.tabbed_content {
background-color:#FFF;
width:992px;
}
.tabs {
height: 62px;
position: relative;
}
.tabs .moving_bg {
padding: 15px;
background-color:#CCC;
background-image:url(../images/arrow_down_gray.png);
position: absolute;
width: 120px;
z-index: 190;
left: 0;
padding-bottom: 30px;
background-position: bottom left;
background-repeat: no-repeat;
border-radius:5px;
}
.tabs .tab_item {
display: block;
float: left;
padding: 15px;
width: 125px;
color: #000;
text-align: center;
z-index: 200;
position: relative;
cursor: default;
}
.tabbed_content .slide_content {
overflow: hidden;
background-color: #FFFFFF;
position: relative;
width: 992px;
}
.tabslider {
width: 5000px;
}
.tabslider ul {
float: left;
width: 992px;
margin: 0px;
padding: 0px;
}
.tabslider ul a {
color: #ffffff;
text-decoration: none;
}
.tabslider ul a:hover {
color: #aaaaaa;
}
.tabslider ul li {
padding-bottom: 7px;
}
/*Status Wrap End*/
#bodypartRight{
font-size:120%;
width: 100%;
border:1px solid #a3a09e;
}
.calenderDay{
font-size:130%;
color:#fff;
font-weight:bold;
text-align:right ;
height: 80px;
border:solid;
border-color:#DDD;
border-left:0;
border-bottom:0;
border-width: 1px;
background-color:#F3F3F3;
}
.picCell{
width:170px;
height:106px;
background:url(../images/pic_small_bg.png);
background-position:center;
background-repeat:no-repeat;
}
.picCell3{
width:180px;
height:116px;
background:url(../images/pic_small_bg1.png);
background-position:center;
background-repeat:no-repeat;
}
.picCell2{
text-align:center;
width:330px;
height:230px;
background:url(../images/pic_big_bg.png) 50% 0 no-repeat;
}
.textPadding{
padding:30px;
}
.myjefittable{
font-size:120%;
width: 100%;
text-overflow: ellipsis;
border:0px solid #a3a09e;
}
.myjefittable td{
vertical-align:middle;
text-overflow: ellipsis;
padding:5px;
font-size: 14px;
}
.myjefittable h5{
font-size:70%;
}
.darkrow{
background:#F4F4F4;
text-overflow: ellipsis;
}
.lightrow{
height:25px;
text-overflow: ellipsis;
overflow:hidden;
}
/* CSS For Members.PHP */
#CommunityTable{
width:930px;
height:700px;
background:#ffffff;
}
#CommunityImage{
width:930px;
height:200px;
background:#ffffff;
text-align: justify;
}
/* 404 Image */
#404Image{
background:url(../images/404_Error_Image.png);
}
/*Privacy Page*/
#SharingText
{
color: #333;
font-size:14px;
text-align:left;
}
#CustomizeSettings
{
color: #333;
font-size:12px;
padding-left:60px;
}
#WhatOthersSee
{
font-size:12px;
color:#666;
padding-left:10px;
}
#PrivacyHeader
{
font-size:18px;
color:#000;
text-align:left;
font-weight:bold;
}
#YourSetting
{
font-size:12px;
color:#666;
padding-left:820px;
}
th{
font-weight:bold;
text-align:center;
}
/****Home Page start******/
#featuresRow{
position: relative;
width:992px;
height:200px;
display:block;
}
.featuresleftbox
{
width:240px;
height:200px;
background:url(../images/main_features_table.png)0 0 no-repeat;
float:left;
}
.productsmiddlebox
{
width:240px;
height:200px;
background: url(../images/main_products_table.png) 0 0 no-repeat;
float:left;
}
.exercisesrightbox
{
width:240px;
height:200px;
background: url(../images/main_exercises_table.png) 0 0 no-repeat;
float:left;
}
.routinesendbox
{
width:240px;
height:200px;
background: url(../images/main_routines_table.png) 0 0 no-repeat;
margin-left:720px;
}
#signupRow {
position: relative;
width:100%;
height:380px;
display:block;
}
#signupRow1 {
position: relative;
width:100%;
height:380px;
display:block;
padding-top:10px;
}
div#signupRow a:hover{
color:#cccccc;
text-decoration:none;
}
.signupLeft{
width: 280px;
height:380px;
background:url(../images/main_login_background.png) 0 0 no-repeat;
float:left;
}
.signupLeft1{
width: 280px;
height:380px;
float:left;
}
.middleofmiddle{
margin-left:290px;
width:670px;
height:100%;
background:url(../images/middle.jpg) 0 0 no-repeat;
}
#middleofmiddle1{
width:400px;
height:100%;
text-align:center;
float:left;
}
.signupRight{
margin-left:390px;
overflow:hidden;
height:100%;
background: url(../images/update.gif) 0 0 no-repeat;
}
.signupRight1{
width:280px;
height:380px;
}
.JefitMiddleSignUpTable{
width: 395px;
}
.signupRightPost{
vertical-align: top;
height: 1.1em;
line-height: 1.1em;
font-size: 1.1em;
white-space: nowrap;
overflow: hidden;
width: 240px;
height:205px;
padding:63px 10px 0 10px;
}
.signupRightPost1{
vertical-align: top;
height: 140px;
line-height: 1.1em;
font-size: 1.1em;
white-space: nowrap;
overflow: hidden;
width: 250px;
padding:50px 0px 0 10px;
}
.signupRightFollow{
overflow: hidden;
width: 280px;
height:115px;
padding:55px 0 50px 0;
background: #ffffff url(../images/followbg.gif) 50% 0 no-repeat;
}
#signupRightTestimonials{
width: 280px;
height:380px;
}
/*Crossfader */
.testimonial {
text-align:left;
float:left;
width:100%;
margin-bottom:15px;
}
#testimonials1 .cf_wrapper {
display:block;
width:310px;
height:310px;
margin:30px 0 0 10px;
}
#testimonials1 .cf_element span.name{
display:block;
margin-top:2px;
font-style:italic;
}
#testimonials1 .cf_wrapper img{
float:left;
display:block;
margin-right:10px;
}
.cf_wrapper { position: relative;}
.cf_element {
display:block;
float:left;
top: 15px;
left: 0;
width: 310px;
height: 380px;
}
img#signupButton{
margin-top:20px;
}
img#followIcon{
margin-left:30px;
}
img#followIcon2{
margin-left:5px;
}
/** Testimonial Image**/
.testimonialimage
{
height:100px;
width:75px;
}
/****************** Search Box for AutoComplete **************************/
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}
.suggestionList li:hover {
background-color: #659CD8;
}
/******** Home Revamp ***********/
#featuresRow1
{
width:992px;
height:310px;
display:block;
margin-top:40px
}
.productsmiddlebox1
{
width:310px;
height:310px;
float:left;
}
.exercisesrightbox1
{
width:310px;
height:310px;
float:left;
margin-left:18px;
}
.routinesendbox1
{
width:310px;
height:310px;
margin-left:655px;
}
.signup1
{
width:992px;
height:30px;
/*background:url(../images/signup_bar_960_50.png)0 0 no-repeat;*/
background-color: #888888;
margin-left:2px;
border-radius:5px;
padding-top:12px;
}
#communitytable1
{
position: relative;
width:992px;
height:405px;
display:block;
}
#communitymembers{
width:480px;
height:400px;
text-align:center;
background:url(../images/main_communitymembers_480.png) 0 0 no-repeat;
}
.statusupdate{
overflow:hidden;
width:480px;
height:400px;
background:url(../images/main_statusupdates_480.png) 0 0 no-repeat;
}
.featuresleftbox1
{
width:310px;
height:310px;
float:left;
margin-left:10px;
}
.updatenotes1
{
width:310px;
height:310px;
float:left;
}
.testimonials1
{
width:310px;
height:310px;
float:right;
}
.downloadtable1
{
width:992px;
height:50px;
background:url(../images/Downloads_table.png) 0 0 no-repeat;
}
.downloadtable475
{
width:475px;
height:50px;
background:url(../images/download_jefit2.png) 0 0 no-repeat;
}
/****Home Page end******/
#star ul.star {
LIST-STYLE: none;
MARGIN: 0;
PADDING: 0;
WIDTH: 85px;
HEIGHT: 20px;
POSITION: relative;
FLOAT: left;
BACKGROUND: url('../images/stars.gif') repeat-x;
CURSOR: pointer;
}
#star li {
PADDING: 0;
MARGIN: 0;
FLOAT: left;
DISPLAY: block;
WIDTH: 85px;
HEIGHT: 20px;
TEXT-DECORATION: none;
text-indent: -9000px;
Z-INDEX: 20;
POSITION: absolute;
PADDING: 0;
}
#star li.curr {
BACKGROUND: url('../images/stars.gif') left 25px;
FONT-SIZE: 1px;
}
#star div.user {
LEFT: 12px;
POSITION: relative;
FLOAT: left;
FONT-SIZE: 13px;
font-family: 'DM Sans', sans-serif;
COLOR: #888;
}
#uploadProfilePic
{
display: block;
width: 220px;
height: 220px;
background: url("../images/noProfilePic220.png") no-repeat 0 0;
}
#uploadProfilePic:hover
{
background-position: 0 -220px;
}
#uploadAvatar
{
display: block;
width: 80px;
height: 80px;
background: url("../images/nopropic.gif") no-repeat 0 0;
}
#uploadAvatar:hover
{
background-position: 0 -80px;
}
.meter-wrap, .meter-wrap2,.meter-wrap3{
position: relative;
}
.meter-wrap, .meter-value, .meter-text {
/* The width and height of your image */
width: 770px; height: 30px;
}
.meter-wrap, .meter-value {
background: #bdbdbd url(../images/transparent_770_30.png) top left no-repeat;
}
.meter-wrap2, .meter-value2, .meter-text2 {
/* The width and height of your image */
width: 170px; height: 30px;
}
.meter-wrap2, .meter-value2 {
background: #bdbdbd url(../images/transparent_170_30.png) top left no-repeat;
}
.meter-wrap3, .meter-value3, .meter-text3 {
/* The width and height of your image */
width: 220px; height: 30px;
}
.meter-wrap3, .meter-value3 {
background: #bdbdbd url(../images/transparent_220_30.png) top left no-repeat;
}
.meter-text, .meter-text2, .meter-text3{
position: absolute;
top:0; left:0;
padding-top: 5px;
color: #fff;
text-align: center;
width: 100%;
}
#meter-text a{
color:#FFFFFF;
}
#meter-text a:hover{
color:#000;
}
#hor-minimalist_2
{
font-size: 12px;
width: 100%;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist_2 th
{
font-size: 12px;
color:#333;
padding: 2px 2px;
text-align: left;
}
#hor-minimalist_2 td
{
color: #333;
padding: 2px 2px 0px 2px;
}
#hor-minimalist_3
{
font-size: 12px;
width: 100%;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist_3 th
{
font-size: 12px;
color:#333;
padding: 4px 4px;
text-align: center;
}
#hor-minimalist_3 td
{
color: #333;
padding: 2px 2px 0px 2px;
}
/* Slide Toggle */
h2.trigger {
height: 46px;
line-height: 46px;
width: 600px;
font-size: 1.1em;
}
h2.trigger a {
text-decoration: none;
display: block;
}
h2.active {
background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
h2.trigger1 {
height: 46px;
line-heigh: 46px;
width:790px;
font-size:1.1em;
margin-top:20px;
}
h2.trigger1 a {
text-decoration: none;
display:block;
}
h2.active1 {
background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
overflow: hidden;
width: 600px;
clear: both;
}
.toggle_container .block {
background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
.toggle_container1{
overflow: hidden;
width: 790px;
clear: both;
}
.toggle_container1 .block{
background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
/* ######### CSS for MYJEFIT Tabs. Remove if not using ######### */
.myJEFITTab{
display:block;
padding: 0;
float:left;
width: 560px;
height:23px;
margin-top:9px; margin-left:2px;
}
.myJEFITTab ul{
margin:0;
margin-left: ;/*margin between first menu item and left browser edge*/
padding: 0;
}
.myJEFITTab li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.myJEFITTab a{
float: left;
display: block;
font: bold 11px Arial;
color: #757575;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 4px 16px 6px;
border-radius:2px;
}
.myJEFITTab a:hover{
background-color: #D6D6D6;
color: #0A90C5;
border-radius:2px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #BCBCBC));
background-image: -webkit-linear-gradient(top, #F5F5F5, #BCBCBC);
background-image: -moz-linear-gradient(top, #F5F5F5, #BCBCBC);
background-image: -ms-linear-gradient(top, #F5F5F5, #BCBCBC);
background-image: -o-linear-gradient(top, #F5F5F5, #BCBCBC);
background-image: linear-gradient(top, #F5F5F5, #BCBCBC);
border:solid 1px #B8B8B8;
text-shadow: 0 1px 0 #CCC;
}
.myJEFITTab a.selected{
height: 24px;
color: #0A90C5;
background-color: #ffffff;
border-top:solid 1px #B8B8B8;
border-left:solid 1px #B8B8B8;
border-right:solid 1px #B8B8B8;
}
.trainingTab{
display:block;
padding: 0;
float:left;
width: 560px;
height:23px;
margin-top:9px; margin-left:2px;
}
.trainingTab ul{
margin:0;
margin-left: ;/*margin between first menu item and left browser edge*/
padding: 0;
}
.trainingTab li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
.trainingTab a{
float: left;
display: block;
font-size: 16px;
font-weight:bold;
color: #757575;
margin: 0 4px 0 0; /*Margin between each menu item*/
padding: 4px 16px 6px;
border-radius:2px;
}
.trainingTab a:hover{
color: #4d4f53;
border-radius:2px;
border-left:solid 1px #B8B8B8;
border-top:solid 1px #B8B8B8;
border-right:solid 1px #B8B8B8;
}
.trainingTab a.selected{
height: 14px;
color: #4d4f53;
background-color: #ffffff;
border-top:solid 1px #B8B8B8;
border-left:solid 1px #B8B8B8;
border-right:solid 1px #B8B8B8;
}
#test960{width:992px; background-color:red;height:100px;}
#homeQuickAction{ width:100%;font-size: 22sp;color: #ccc;color:#666666;padding-top: 5px;border-top: dotted thin #ccc;}
.homeQuickActionItem{float:left;}
.homeQuickActionItem:hover{background:#eee;color:black;}
.homeQuickActionSeperator{float: left;width:1%;color: #ccc;}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
#verticalmenu1{
font-size:12px;
font-weight:bold;
width:auto;
}
#verticalmenu1 ul{
margin: 0;
padding: 0;
}
#verticalmenu1 li{
list-style: none;
}
ul.v1top-level {background-color:#EEEEEE;}
ul.v1top-level li {
border-top: 1px #fff solid;
text-transform:uppercase;
color: #8F8F8F;
}
ul.v1sub-level {
display: none;
}
li:hover .v1sub-level {
background: #fff;
border: gray solid;
border-width: 1px;
display: block;
position: absolute;
left: 100px;
top: 2px;
}
ul.v1sub-level li {
border: none;
float:left;
width:190px;
}
#verticalmenu1 a {
color: gray;
cursor: pointer;
display:block;
height:25px;
line-height: 25px;
text-indent: 10px;
text-decoration:none;
width:100%;
}
#verticalmenu1 a:hover{
color:#fff;
}
#verticalmenu1 li:hover {
background: gray;
position: relative;
}
.statusContainer{
width:100%;
/*border: solid 1px #ddd;*/
height:auto;
padding: 5px;
margin-top:10px;
border-radius:2px;
display: inline-block;
}
#statusText{
color:#666;
overflow: hidden;
margin-top:5px;
width:100%;
height:auto;
min-height:20px;
height:auto !important; /* for IE as it does not support min-height */
height:20px;
}
textarea.statusBox{
width:530px;
height:40px;
border-radius: 3px;
line-height:1;
border:none;
resize:none;
}
@media only screen and (max-width: 600px) {
textarea.statusBox{
width: 330px;
}
}
textarea.commentleaveBox{
width:430px;
height:45px;
border-radius: 5px;
line-height:1;
border:none;
resize:none;
}
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;
}
.slidingDiv {
height:auto;
background-color: #FFF;
padding:20px;
margin-top:10px;
border-top:1px solid #eee;
}
.slidingDivMainPage {
height:350px;
background-color: #FFF;
border-bottom:solid 1px #BDBDBD;
}
.show_hide {
display:none;
}
/* Index Features Panel */
.indexfeature
{
margin-left:5px;
margin-top:5px
}
.indexfeatureheader
{
font-size:16px;
margin-top:10px;
}
/* Index 3 Panel Styles */
.indexproductspacing
{
margin-left:15px;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
}
.indexexercisespacing
{
margin-left:15px;
margin-top:5px;
margin-right:10px;
}
.indexroutinespacing
{
margin-left:15px;
margin-top:5px;
margin-right:10px;
}
.indexpanelborder
{
border-bottom:solid 1px #BDBDBD;
padding-bottom:5px;
}
.indeximagespacing
{
margin-left:16px;
margin-top:8px;
}
.indexsignupspacing
{
font-size:24px;
margin-left:20px;
margin-top:5px;
color:#FFF;
}
.indexfeaturedin
{
width:992px;
padding-top:420px;
}
/* Blue Button */
.blueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #69C;
border-radius: 5px;
border-bottom-color: #333;
border: none;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #fff;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: bold;
height: 25px;
padding: 4px 5px;
}
.blueButton:hover{
background-color: green;
cursor:pointer;
}
.statusaddButton{
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ccc));
background-image: -webkit-linear-gradient(top, #fff, #ccc);
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -ms-linear-gradient(top, #fff, #ccc);
background-image: -o-linear-gradient(top, #fff, #ccc);
background-image: linear-gradient(top, #fff, #ccc);
border: 1px solid #DFDFDF;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #898989;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 8px 0;
text-align: center;
text-shadow: 0 1px 0 #eee;
}
.statusaddButton:hover{
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4E4E4), color-stop(100%, #CCCCCC));
background-image: -webkit-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -moz-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -ms-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -o-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: linear-gradient(top, #E4E4E4, #CCCCCC);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
color: #666;
text-shadow: 0 1px 0 #ddd;
}
.statusaddButton:active{
border: 1px solid #aaa;
color: #333;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.statusblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:8px;
padding-right:8px;
padding-bottom: 5px;
padding-top:5px;
}
.statusblueButton:hover{
background-color: #2190C7;
color: white;
cursor:pointer;
}
.loginblueButton
{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #0086C9;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
height: 40px;
width:100px;
margin-top:20px;
margin-left:190px;
padding-left:20px;
padding-right:20px;
padding-bottom: 10px;
padding-top:10px;
}
.loginblueButton:hover
{
background-color: #2190C7;
cursor:pointer;
}
.frontproductsblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:8px;
padding-right:8px;
padding-bottom: 5px;
padding-top:5px;
margin-top:90px;
margin-left:250px;
}
.frontproductsblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.frontexerciseblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:8px;
padding-right:8px;
padding-bottom: 5px;
padding-top:5px;
margin-top:60px;
margin-left:235px;
}
.frontexerciseblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.frontroutineblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:8px;
padding-right:8px;
padding-bottom: 5px;
padding-top:5px;
margin-left:235px;
}
.frontroutineblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.fronttestimonialblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
padding-left:8px;
padding-right:8px;
padding-bottom: 5px;
padding-top:5px;
margin-top:55px;
margin-left:250px;
}
.fronttestimonialblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.statusdownloadButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 12px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
height: 35px;
padding-left:10px;
padding-right:10px;
padding-bottom: 8px;
padding-top:8px;
}
.statusdownloadButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.featuresblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: bold;
height: 25px;
padding-left:30px;
padding-right:30px;
padding-bottom: 10px;
padding-top:10px;
}
.featuresblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
/* New Products Page Layout */
.productheaderbox
{
width:992px;
float:left;
margin-top:40px;
padding-bottom:5px;
margin-left:10px;
}
.productheadertext
{
margin-left:5px;
color:#6B6B6B;
font-size:24px;
font-weight:bold;
}
.productsubtext
{
font-size:14px;
margin-left:30px;
margin-top:10px;
width:680px;
color:#6B6B6B;
float:left;
}
.productcontent
{
width:992px;
display:inline-block;
float:left;
margin-top:10px;
padding-bottom: 40px;
border-bottom:1px solid #CCC;
}
.productstayfocusedcontentholder
{
width:430px;
float:left;
margin-left:40px;
}
.productcreatecontentholder
{
width:430px;
float:left;
margin-left:40px;
}
.productrecordcontentholder
{
width:410px;
float:left;
margin-left:60px;
margin-top:10px;
}
.productmotivationcontentholder
{
width:410px;
float:left;
margin-left:20px;
margin-top:20px;
}
.productcontentbottom
{
width:992px;
display:inline-block;
float:left;
margin-top:10px;
padding-bottom: 40px;
}
.productsynccomputer
{
width:320px;
float:left;
}
.productsyncphone
{
width:200px;
margin-top:40px;
margin-left:10px;
float:left;
}
.productdetailcontent
{
float:left;
width:470px;
}
.productdetailsubcontent
{
float:left;
width:470px;
margin-top:30px
}
.productrecordlogsubcontent
{
float:left;
width:470px;
margin-top:20px;
}
.productdetailheader
{
float:left;
font-size:14px;
margin-left:10px;
margin-top:5px;
font-weight:bold;
}
.productdetailsub
{
float:left;
width:300px;
margin-left:10px;
margin-top:5px;
color:#8F8F8F;
}
.productimage
{
width:470px;
float:left;
}
.productsignupimage
{
width:430px;
float:left;
margin-left:40px;
}
.producttopimage
{
float:left;
width:300px;
}
.producttopheadertext
{
color:#6B6B6B;
font-size: 30px;
font-weight:bold;
}
.producttopminortext
{
color:#6B6B6B;
font-size:18px;
margin-top:15px;
}
.producttopsubtext
{
margin-top:20px;
color:#8F8F8F;
}
.producttopsubbutton
{
margin-top:30px;
}
.producttopsubboldtext
{
margin-top:20px;
font-weight:bold;
font-size:14px;
}
.productrecordlogtopsubcontent
{
float:left;
width:470px;
}
.productcomputerworkswithtext
{
margin-left:65px;
width:320px;
color:#888;
}
.productphoneworkswithtext
{
width:230px;
margin-top:45px;
color:#888
}
/* Routine Button */
.routineButton{
color:#ABABAB;
font: bold 12px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.routineButton:hover{
color:#3F3F3F;
font: bold 12px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.routineselectionButton
{
color: #333;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border-radius:10px;
box-shadow: inset 0 2px 1px 0 #aaaaaa, 0 0 0 0 #eeeeee;
text-align: center;
text-shadow: 0 1px 0 #eee;
padding-left:5px;
padding-right:5px;
-webkit-background-clip: padding-box;
padding-top:5px;
padding-bottom:5px;
font: bold 12px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.routineselectionButton:hover{
color:#3F3F3F;
font: bold 12px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
#workoutroutinetable{
margin: auto;
margin-top: 30px;
margin-bottom:20px;
width: 40%;
text-align: center;
border: 1px solid #cbcbcb;
background-color: #fafafa;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#workoutroutinetable th{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
font-size: 14px;
line-height: 14px;
padding: 22px 0;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.9);
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 0 1px 1px #fff;
}
#workoutroutinetableheader{
color:#555;
background-color:#F5F5F5;
padding-top: 10px;
padding-bottom: 10px;
}
#workoutroutinetable th{
border-top: 2px solid #fefefe;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 13px 0;
}
#workoutdaytable{
margin: auto;
margin-top: 30px;
margin-bottom:20px;
width: 80%;
text-align: center;
border: 1px solid #cbcbcb;
background-color: #fafafa;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#workoutdaytable th{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
font-size: 14px;
line-height: 14px;
padding: 22px 0;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.9);
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 0 1px 1px #fff;
}
#workoutdaytable th{
border-top: 2px solid #fefefe;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 13px 0;
}
#addexercisedaytable
{
margin: auto;
margin-top: 30px;
margin-bottom:20px;
width: 90%;
text-align: center;
border: 1px solid #cbcbcb;
background-color: #fafafa;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#addexercisedaytable th{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
font-size: 14px;
line-height: 14px;
padding: 22px 0;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.9);
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 0 1px 1px #fff;
}
#addexercisedaytable th{
border-top: 2px solid #fefefe;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 13px 0;
}
#addworkoutlogs
{
margin: auto;
margin-top: 30px;
margin-bottom:20px;
width: 90%;
text-align: center;
border: 1px solid #cbcbcb;
background-color: #fafafa;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#addworkoutlogs th{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
font-size: 14px;
line-height: 14px;
padding: 22px 0;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.9);
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 0 1px 1px #fff;
}
#addworkoutlogs th{
border-top: 2px solid #fefefe;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 13px 0;
}
#createcustomexercises
{
margin: auto;
margin-top: 30px;
margin-bottom:20px;
width: 90%;
text-align: center;
border: 1px solid #cbcbcb;
background-color: #fafafa;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#createcustomexercises th{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
font-size: 14px;
line-height: 14px;
padding: 22px 0;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.9);
border-top-left-radius:5px;
border-top-right-radius:5px;
text-shadow: 0 1px 1px #fff;
}
#createcustomexercises th{
border-top: 2px solid #fefefe;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 13px 0;
}
#nameworkoutday
{
border-radius:2px;
margin-top: 15px;
margin-bottom: 15px;
margin-left:10px;
margin-right:10px;
}
.confirmText{
border: none;
border-width: 0;
color: #0ab2e6;
font-size: 12px;
height: 25px;
}
.confirmText:hover{
text-decoration:underline;
cursor:pointer;
}
/* News Feed Share Workout Session */
.shareworkoutsessionfeed{width: 500px; height: 190px; margin-top: 10px; background-image: url('../images/summary_background_5.jpg');}
.workoutsessionfeedleft{width: 70px; height: 70px; float: left; margin-left: 15px; padding-bottom:2px;}
.workoutsessionfeedright{width: 360px; height: 40px; margin-left: 12px; float: left; font-size: 12px;color:#666666; margin-top:10px;}
.workoutsessionfeedblock{width: 360px; height: 40px; margin-left: 97px; margin-top:8px; float: left; font-size: 12px;color:#666666;}
.workoutsessionmainText{width:92px; margin-top:5px; margin-left:2px; font-size:12px; color:#8E8E8E;}
.workoutsessiondatetext{width: 360px; height: 20px; margin-left: 10px;float: left;font-size: 28px; margin-top: 18px; font-weight: bold; color: #FFFFFF;}
}
/* News Feed Update Images */
.shareroutinefeed{width: 480px; margin-top: 10px;}
.shareroutinefeedblock1{width: 140px; float: left; margin-left: 15px; margin-top: 10px;}
.bigfeedleft{width: 70px; height: 70px; float: left; margin-left: 15px;}
.bigfeedright{width: 350px; height: 100px; margin-top:5px; margin-left:10px; float: left; font-size: 12px;color:#666666;}
.bigfeedTitle{font-size: 28px; margin-top:9px; font-weight: bold; overflow: hidden;height: 35px;}
.strongText{font-size:18px;font-weight: bold;}
/* Update Body Stat News Feed Styles */
.updatestatfeedTitle{
font-size:22px;
margin-top:5px;
font-weight:bold;
margin-left:10px;
color:#191919;
}
.updatestatfeedright{
width:370px;
height:100px;
float:left;
}
.updatestatfeedleft{
width:80px;
height:70px;
float:left;
margin-left:25px;
}
.updatestatfeed{
width:500px;
height:190px;
margin-top:10px;
background-image:url('../images/summary_background_5.jpg');
}
.updatestatfeedblock{
width:92px;
margin-top:5px;
padding-left:24px;
font-size:12px;
color:#666666;
}
.updatestatmainText{
width:92px;
margin-top:5px;
padding-left:24px;
font-size:12px;
color:#8E8E8E;
}
.updatestatminorText{
width:92px;
margin-top:5px;
font-size:20px;
font-weight:bold;
color:#666666;
}
.updatestatspartText{
width:90px;
padding-left:22px;
font-size:11px;
color:#888;
}
.updatestatsvalueText{
width:90px;
padding-left:24px;
font-size:14px;
font-weight:bold;
color:#666666;
}
/* Update Body Stat Goal News Feed Styles */
.updategoalfeedTitle{
font-size:22px;
margin-top:5px;
font-weight:bold;
margin-left:10px;
color:#191919;
}
.updategoalfeedleft{
width:70px;
height:70px;
float:left;
margin-left:20px;
}
.updategoalfeedright{
width:360px;
height:100px;
float:left;
}
.updategoalfeed{
width:500px;
height:190px;
margin-top:10px;
background-image:url('../images/summary_background_5.jpg');
}
.updategoalfeedblock{
width:92px;
margin-top:5px;
padding-left:24px;
font-size:12px;
color:#666666;
}
.updategoalmainText{
width:92px;
margin-top:5px;
padding-left:24px;
font-size:12px;
color:#8E8E8E;
}
.updategoalminorText{
width:92px;
margin-top:5px;
font-size:20px;
font-weight:bold;
color:#666666;
}
.updategoalpartText{
width:80px;
padding-left:22px;
font-size:11px;
color:#888;
}
.updategoalvalueText{
width:80px;
padding-left:24px;
font-size:14px;
font-weight:bold;
color:#666666;
}
/* Achieve Body Stat News Feed Styles */
.achievegoalfeedTitle{
font-size:22px;
margin-top:5px;
font-weight:bold;
margin-left:10px;
color:#191919;
}
.achievegoalfeedleft{
width:70px;
height:70px;
float:left;
margin-left:15px;
}
.achievegoalfeedright{
width:360px;
height:100px;
float:left;
}
.achievegoalfeed{
width:470px;
height:190px;
margin-top:10px;
background-image:url('../images/summary_background_5.jpg');
}
.achievegoalblock{
width:92px;
margin-top:5px;
padding-left:24px;
font-size:12px;
color:#666666;
}
.achievegoalmainText{
width:92px;
margin-top:5px;
padding-left:20px;
font-size:12px;
color:#666666;
}
.achievegoalminorText{
width:92px;
margin-top:5px;
font-size:20px;
font-weight:bold;
color:#666666;
}
.achievegoalpartText{
width:80px;
padding-left:22px;
font-size:11px;
color:#888;
}
.achievegoalvalueText{
width:80px;
padding-left:24px;
font-size:14px;
font-weight:bold;
}
.aboutmeBox{padding:5px;color:#4d4f53;position: relative;margin-top: 5px;border: 1px #dcdcdc solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;color:#666;}
.compareHeader,.compareHeader2{font-size:14px;padding:10px 0px;font-weight: bold;color:#4d4f53;position: relative;background:ghostwhite;margin-top: 5px;}
.picturebottom{z-index: 2;width: 100%;height:25px;position: absolute;bottom: 0px;padding: 5px 5px 0px 5px; background-color:rgba(0,0,0,0.6); filter:alpha(opacity=60);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.picturebottom p{color: #ffffff;font-weight: bold;font-size:18px;display: inline;}
.picturebottom span{color: #ffffff;font-weight: normal;font-size:12px;}
.picturebottom a{color:#ffffff;}
.largePicturedate{font-size: 14px;font-weight: bold;width:100px;text-align: center; position: relative; top: -20px;}
.beforeAfterPic{width:50%;height: 280px; padding-bottom:20px;position:relative;}
.photofeed{height:100px;margin: 10px 0px 5px 0px;}
.buttonList160{border-top: 1px solid #c0c0c0;padding: 0 5px;margin-bottom: 10px;}
.buttonList160 li{padding: 5px 0;border-bottom: 1px dotted #c0c0c0;}
.buttonList160 li:HOVER{background: #96BCD4;color: white;}
.newsfeedcell a:link,.newsfeedcell a:visited{color:#69c;}
.pageCell{border: solid 1px #ccc; padding: 3px 5px; display: inline;margin-right: 2px; cursor: pointer;}
.pageCell:HOVER,.albumInfo:HOVER{background-color: #D5E2ED; color: white;}
.albumCell{width: 100%; height: 100px; margin-top: 5px;background-position: center; background-repeat: no-repeat;text-align:left;vertical-align: bottom; background-size: contain;}
.albumInfo{width: 145px; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; background-color: none;overflow: hidden;position: relative;}
#createAlbumDiv{display: none; border: solid 1px #ccc; width: 600px; padding: 10px; margin: 5px auto;position:relative;-moz-border-radius: 4px;border-radius: 4px;left:10px;}
.albumDescription{display: inline-block; width: 760px; padding: 3px 5px;position:relative;}
.naviText{font-weight:bold;margin-right: 20px;padding-bottom: 5px;}
.newsfeedcell{margin-top:5px;padding-bottom:5px;width:100%;float:left;height:auto;border-bottom: dotted 1px #ccc;}
.avatarcell50{float: left;width:50px;padding-right: 5px;display: inline-block;height: 50px;}
.feedcontentcell{width:515px;display:inline-block;float:left;overflow:hidden;position: relative;min-height: 50px; margin-left:5px;}
.deletebox{width:28px;display:none;position:absolute;float: right;right: 0px;top: 0px;z-index: 999;}
.main960{width:992px; padding-top: 10px; height:107px;}
#mainMyJefit960{width:100%; height:60px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;background-color:#F8F8F8;background-repeat:repeat-x;}
.main960_members{width:100%; padding-top: 10px; height:125px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.myjefit_middletop{padding-left:5px; padding-top:5px; padding-bottom:1px;}
.left220{width:220px;float:left;display: inline-block;}
.middle560{width:572px;float:left;margin: 0 20px;}
.right160{width:160px;float:right;}
.left790{width:790px;float:left;padding-right: 10px;}
.middle730{width:730px;margin-left: 10px; float:right}
.left170{width:170px;float:left; display: inline-block}
.right780{width:780px;float:left;padding-left: 10px;}
#friendlist{font-size: 12px; width: 100%; border-collapse: collapse; text-align: left;margin-top: 5px;}
.feedcommentbox{width:100%;padding:5px;background-color:#F7F7F7;display: none;height:auto;float:left;position:relative;}
.avatar30{width:30px;height:30px;display: block;float:left;position:relative;}
.commentcontainer2{margin-top:5px;margin-left:385px;display:block;}
.commentcell{
/*width: 510px; */
/*padding: 5px;*/
background-color: #F7F7F7;
/*display: block; */
height: auto;
border-bottom: solid 1px #fff;
/*float: left;*/
}
.picturecommentcell{width: 100%; padding: 5px; background-color: #F7F7F7; display: block; height: auto; border-bottom: solid 1px #fff; float: left;}
.picturecommenttime{color: #999;float: left;display: block;position: relative;width: 100%;text-decoration-color: red;}
.picturecommenttime a:link {color:#999;}
.commentcell2{
/*width: 465px; */
/*margin-left: 5px;*/
display: block; height: auto; float: left;position: relative;overflow: hidden;}
.threecomments{
/*width: 482px; */
/*display: block;*/
height: auto;
/*float: left;*/
}
.conerdGreyBox{background-color: #F7F7F7; padding: 5px; border-radius:4px; border:1px solid #EAEAEA;}
.friendCell2{display: inline-block; margin-top: 5px; width: 32%;text-align: center;}
.friendname{display:block;width:50px; overflow: hidden;white-space:nowrap;}
#userlikescontainer{
background-color: #F7F7F7;
border-bottom:1px solid #eee;
/*width: 510px;*/
/*height:25px;*/
}
textarea.feedcommenttextbox{
margin: 0 5px;
width:390px;
height:25px;
line-height:1;
border:none;
resize:none;
}
@media only screen and (max-width: 600px) {
textarea.feedcommenttextbox{
width: 190px;
}
}
#flowerdivcontainer {width: 100%; height: 100%; display: block; float: left;}
img#preloaderAnimation
{
position: relative;
top: 50%;
left: 50%;
}
div#preLoaderDiv
{
position: fixed;
_position: absolute;
_top:expression(eval(document.body.scrollTop));
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1000;
}
div#preLoaderDiv
{
background-color: black;
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Profile Pop-Up Window */
#popupmodal {
visibility:hidden;
width:360px;
height:330px;
padding:8px;
background:rgba(0,0,0,.3);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
position:fixed;
top:30% !important;
left:50% !important;
margin-top:-94px !important;
margin-left:-180px !important;
z-index:101;
}
#popupheading {
width:360px;
height:44px;
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom:1px solid #bababa;
-webkit-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-moz-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-webkit-border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
font-size:16px;
font-weight:bold;
text-align:center;
line-height:44px;
color:#444444;
text-shadow:0px 1px 0px #fff;
}
#popupbutton {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
text-align:center;
line-height:28px;
}
#popupbutton:hover {
background-color: green;
cursor:pointer;
}
#popupbuttoncontent {
width:360px;
height:280px;
background:#fcfcfc;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
box-shadow:0px 1px 3px rgba(0,0,0,.25);
-webkit-border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
border-radius:0px 0px 4px 4px;
}
#popupbuttoncontent p {
font-size:13px;
font-weight:normal;
color:#555555;
width:100%;
height:auto;
float: left;
}
/* New Reveal Modal */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
/* About Me Modal */
.aboutme-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.aboutme-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.aboutme-modal.small { width: 200px; margin-left: -140px;}
.aboutme-modal.medium { width: 400px; margin-left: -240px;}
.aboutme-modal.large { width: 600px; margin-left: -340px;}
.aboutme-modal.xlarge { width: 800px; margin-left: -440px;}
.aboutme-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
/* Tips Modal */
.tips-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.tips-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.tips-modal.small { width: 200px; margin-left: -140px;}
.tips-modal.medium { width: 400px; margin-left: -240px;}
.tips-modal.large { width: 600px; margin-left: -340px;}
.tips-modal.xlarge { width: 800px; margin-left: -440px;}
.tips-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
/* Profile Additional Information Window */
#addinfomodal {
visibility:hidden;
width:360px;
height:600px;
padding:8px;
background:rgba(0,0,0,.3);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
position:fixed;
top:30% !important;
left:50% !important;
margin-top:-94px !important;
margin-left:-180px !important;
z-index:101;
}
#addinfoheading {
width:360px;
height:44px;
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom:1px solid #bababa;
-webkit-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-moz-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-webkit-border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
font-size:16px;
font-weight:bold;
text-align:center;
line-height:44px;
color:#444444;
text-shadow:0px 1px 0px #fff;
}
#addinfobutton {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
text-align:center;
line-height:28px;
}
#addinfobutton:hover {
background-color: green;
cursor:pointer;
}
#addinfobuttoncontent {
width:360px;
height:500px;
background:#fcfcfc;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
box-shadow:0px 1px 3px rgba(0,0,0,.25);
-webkit-border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
border-radius:0px 0px 4px 4px;
}
#addinfobuttoncontent p {
font-size:13px;
font-weight:normal;
text-align:left;
padding:5px;
line-height:22px;
color:#555555;
width:100%;
height:auto;
float: left;
margin:19px 0;
}
#modal {
visibility: hidden;
width:375px;
height:515px;
padding:8px;
background:rgba(0,0,0,.3);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
position:fixed;
top:30% !important;
left:50% !important;
margin-top:-94px !important;
margin-left:-180px !important;
z-index:101;
}
#heading {
width:360px;
height:44px;
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom:1px solid #bababa;
-webkit-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-moz-box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
box-shadow:
inset 0px -1px 0px #fff,
0px 1px 3px rgba(0,0,0,.08);
-webkit-border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:44px;
color:#444444;
text-shadow:0px 1px 0px #fff;
}
#buttoncontent {
width:360px;
height:400px;
background:#fcfcfc;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
box-shadow:0px 1px 3px rgba(0,0,0,.25);
-webkit-border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
border-radius:0px 0px 4px 4px;
}
#buttoncontent p {
font-size:13px;
font-weight:normal;
text-align:left;
padding:5px;
line-height:22px;
color:#555555;
width:100%;
height:auto;
float: left;
margin:12px 0;
}
/* Are you sure button */
.areyousurebutton {
width:138px;
height:33px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight:bold;
line-height:33px;
color:#fff;
text-shadow: none;
opacity: 0.9;
/*text-shadow:0px 1px 0px rgba(0,0,0,.2);*/
/*-webkit-border-radius:3px;*/
/*-moz-border-radius:3px;*/
/*border-radius:3px;*/
/*-webkit-box-shadow:*/
/*inset 0px 1px 0px rgba(255,255,255,.5),*/
/*0px 1px 2px rgba(0,0,0,.3);*/
/*-moz-box-shadow:*/
/*inset 0px 1px 0px rgba(255,255,255,.5),*/
/*0px 1px 2px rgba(0,0,0,.3);*/
/*box-shadow:*/
/*inset 0px 1px 0px rgba(255,255,255,.5),*/
/*0px 1px 2px rgba(0,0,0,.3);*/
float:left;
}
.areyousurebutton img {
float:left;
width:33px;
height:33px;
position: relative;
top: -5px;
}
.areyousurebutton.green {
/*background: -webkit-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);*/
/*background: -moz-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);*/
/*background: linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );*/
/*color:#FFF;*/
/*border:1px solid #5b8821;*/
/*font-family: "Helvetica Neue", Arial, sans-serif;*/
/*font-size: 13px;*/
/*margin:0 5px 0 33px;*/
background-color: rgba(116,185,49,1);
color:#FFF;
/*border:1px solid #5b8821;*/
font-family: 'Montserrat', sans-serif;
font-size: 13px;
margin:0 5px 0 33px;
}
.areyousurebutton.red {
/*background: -webkit-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);*/
/*background: -moz-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);*/
/*background: linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );*/
background-color: rgba(243,71,85,1);
color:#FFF;
/*border:1px solid #b0333e;*/
font-family: 'Montserrat', sans-serif;
font-size: 13px;
margin:0 33px 0 5px;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.4);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.picturepostButton
{
color: gray;
background:#fff;
border: solid;
border-color: #dddddd;
border-width: 1px;
border-radius: 3px;
padding: 3px 5px;
cursor: pointer;
}
.picturepostButton:hover
{
opacity: 1;
background-color: #e6e6e6;
}
.createpostButton
{
color: gray;
background:#fff;
border: solid;
border-color: #dddddd;
border-width: 1px;
border-radius: 3px;
padding: 3px 5px;
cursor: pointer;
}
.createpostButton:hover
{
opacity: 1;
background-color: #e6e6e6;
}
.postButton
{
color: gray;
background:#fff;
float: right;
border: solid;
border-color: #dddddd;
border-width: 1px;
border-radius: 3px;
padding: 3px 5px;
cursor: pointer;
margin-bottom:5px;
}
.postButton:hover
{
opacity: 1;
background-color: #e6e6e6;
}
.addpostButton
{
color: gray;
background:#fff;
float: right;
border: solid;
border-color: #dddddd;
border-width: 1px;
border-radius: 3px;
padding: 3px 5px;
cursor: pointer;
margin-top: 15px;
margin-bottom: 15px;
margin-left:10px;
margin-right:10px;
}
.addpostButton:hover
{
opacity: 1;
background-color: #e6e6e6;
}
.tinyDelButton
{
font-weight: bold;
float: right;
border: solid;
border-color: #dddddd;
border-width: 1px;
border-radius: 2px;
line-height: 100%;
padding: 1px;
padding-top: 0px;
cursor: pointer;
}
.tinyDelButton:hover
{
opacity: 0.5;
color: #ffffff;
background-color: #69C;
}
.progressPictureFrame{
width: 100px; height:100px;text-align: center;
display:block; border-radius:2px; border:1px solid #eee;
margin-bottom:15px;position: relative;}
.frameText1{border-bottom:1px dashed #ccc;margin-bottom: 3px;}
.frameText2{margin:5px 0px 5px 20px;font-weight: bold;font-size:24px;}
.frameText2 a{color:#0086C9;}
/* Progress Bar */
.bar_mortice {
height: 12px;
background: #B7B7B7;
border: 1px solid #BCBCBC;
}
/*.progress {*/
/*height: 12px;*/
/*background: #FFF;*/
/*float: left;*/
/*}*/
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
TINY
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.mortice_tiny {
height: 10px;
background: #B7B7B7;
border-width: 1px;
}
.progress_tiny {
height: 8px;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.rounded {
-moz-border-radius: 10px;
border-radius: 10px;
}
.rounded .rounded {
border-radius: 5px;
}
.rounded_tiny {
-moz-border-radius: 5px;
border-radius: 5px;
}
.rounded_tiny .rounded_tiny {
border-radius: 2px;
}
/* BLUE */
.blue {
background: #4BAFE1;
}
.blue_mortice {
background: #DAE2E5;
}
/*.progress {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}*/
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
COLORS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.green {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAFF00', endColorstr='#8c0',GradientType=0 );}
.blue {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AAFF', endColorstr='#0093dd',GradientType=0 );}
/* New Button Styles */
.frontTab
{
width: 180px;
height: 40px;
position: relative;
display: table-cell;
cursor: pointer;
border: 1px solid;
border-color: #dddddd;
border-bottom-color: white;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: white;
text-align: center;
vertical-align: middle;
}
.backTab
{
width: 180px;
height: 40px;
position: relative;
display: table-cell;
cursor: pointer;
border: 1px solid;
border-color: white;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #dddddd;
text-align: center;
vertical-align: middle;
}
.contentBox
{
width: 544px;
height: auto;
border: 1px solid;
border-radius:2px;
border-color: #dddddd;
border-top-color:white;
}
.friendRow
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
margin: 10px;
padding: 10px;
}
.friendCell
{
display: table-cell;
/*border: solid 1px;*/
height: auto;
}
#suggestions {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 1px;
border-style: solid;
border-width: 1px;
border-color: #dddddd;
width: 220px;
background-color: #ffffff;
visibility: hidden;
}
.unclickable
{
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4E4E4), color-stop(100%, #CCCCCC));
background-image: -webkit-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -moz-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -ms-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -o-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: linear-gradient(top, #E4E4E4, #CCCCCC);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
border-radius:4px;
color: #666;
text-shadow: 0 1px 0 #ddd;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.unclickable:hover
{
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4E4E4), color-stop(100%, #CCCCCC));
background-image: -webkit-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -moz-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -ms-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: -o-linear-gradient(top, #E4E4E4, #CCCCCC);
background-image: linear-gradient(top, #E4E4E4, #CCCCCC);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
border-radius:4px;
color: #666;
text-shadow: 0 1px 0 #ddd;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
#suggestions li:hover
{background-color: #dddddd;}
/* My Workout Routines */
.workoutRoutineList
{
height: 40px;
vertical-align: middle;
display: inline-block;
text-align: center;
overflow:hidden;
line-height: 40px;
}
#workoutdaybackground
{
background: -webkit-linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
background: linear-gradient(top, #e9eaec 0%,#d4d4d6 100%);
border-radius:2px;
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
}
#workoutdayspacing
{
padding-top:5px;
padding-bottom: 5px;
margin-left:5px;
}
#workoutdayname
{
color:#333;
font-size:14px;
float: left;
}
#workoutname
{
color:#333;
padding-left:15px;
float: left;
}
#workoutdaydetailmuscle
{
width:12%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left
}
#workoutdaydetailexercise
{
width:50%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left
}
#workoutdaydetailtimer
{
width:11%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left
}
#workoutdaydetailreps
{
width:8%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left
}
#workoutdaydetailsets
{
width:8%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left
}
#workoutdaydetailtrack
{
width:11%;
text-align: center;
color: #909090;
background-color: #F5F5F5;
float: left;
}
#exercisedayoverflow
{
font-size: 12px;
font-weight: bold;
color: #FF0000;
}
#FeatureInfo.mobile
{
width:100%;
}
/* Swiper Stylings */
.pagination1 {
text-align: center;
margin-top: 5px;
padding-bottom:10px;
}
.pagination1 .swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #999;
box-shadow: 0px 1px 2px #555 inset;
margin: 0 3px;
cursor: pointer;
}
.pagination1 .swiper-active-switch {
background: #fff;
}
.sw-title {
padding: 5px 20px;
font-size: 41px;
margin: 50px 0 20px;
font-family: 'DM Sans', sans-serif;
line-height: 50px;
color: #222;
font-weight: 300;
border-bottom: 1px solid #555;
}
.sw-content {
background: #fff;
border-radius: 5px;
}
/* Swiper Styles */
.swiper-container {
margin:0 auto;
overflow:hidden;
position:relative;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
.swiper-wrapper {
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
}
.disclaimer_collapsible {
background-color: white;
color: #777;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
.disclaimer_active, .disclaimer_collapsible:hover {
background-color: #f1f1f1;
}
.disclaimer_content {
padding: 0 18px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
}
@media only screen and (max-device-width: 400px) {
div.app-store-button {
margin-top: 50px;
width: 40% !important;
}
div.play-store-button {
margin-top: -40px;
width: 40% !important;
}
}
@media only screen and (max-device-width: 300px) {
div.app-store-button {
margin-top: 10px;
width: 50% !important;
}
div.play-store-button {
margin-top: 10px;
width: 50% !important;
}
}
.swiper-slide {
float: left;
}
.swiper1, .swiper1 .swiper-slide{
width: auto;
height: 440px;
max-height: 100%;
max-width: 100%;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
width: 320px;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,0.5);
border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
#mobileintroducetext
{
color:#0099cc;
font-size:20px;
padding-left:55px;
font-family: 'DM Sans', sans-serif;
font-weight:bold;
}
#mobileintroducesubtext
{
font-size:16px ;
padding-top:5px ;
line-height:1.5em ;
font-family: 'DM Sans', sans-serif;
text-align:center;
}
#FeatureInfo.mobile
{
height:450px;
width:100%;
}
#mobilesectionheadertext
{
float:left;
margin-top:5px;
margin-left:5px;
font-size:18px;
}
#mobilesectionheadertext1
{
margin-top:20px;
text-align: center;
font-family: 'DM Sans', sans-serif;
font-size: 24px;
font-weight: bold;
color: #272727;
line-height: 20px;
}
#mobilgetstarteddetailtext
{
margin-top:5px;
font-size:18px;
font-weight:bold;
text-align:center;
}
#mobilewelcomesectionheadertext
{
float:left;
margin-top:5px;
margin-left:90px;
font-size:24px;
font-weight:bold;
line-height: 1.4em;
}
#mobilegetstartedcontenttext
{
margin-top:15px;
float:left;
font-size:14px;
}
#mobilecontenttext
{
margin-top:10px;
margin-left:5px;
float:left;
width:100%;
}
#mobilecontenttext1
{
margin-top:20px;
color: #888;
font-size: 14px;
text-align:center;
padding-left:5px;
padding-right:5px;
}
#mobileiconspacing
{
float:left;
margin-left:5px;
}
/* Login Page */
#loginheader
{
border-bottom:1px solid #CCC;
height:168px;
width:480px;
background-image:url('../images/loginpanel_header.jpg');
}
#loginheadertext
{
padding-bottom:10px;
font-size:60px;
padding-left:20px;
padding-top:110px;
font-family: 'DM Sans', sans-serif;
font-weight:bold;
}
#joinheadertext
{
padding-bottom:30px;
font-size:60px;
padding-left:90px;
padding-top:50px;
font-family: 'DM Sans', sans-serif;
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
}
#logincontentbox
{
width:480px;
background-color: #FFF;
margin-left:250px;
padding:20px;
border-radius:5px;
margin-top:60px;
box-shadow: 0px 3px 3px #000;
}
.loginboxspacing
{
margin-top:10px;
}
#loginspacing
{
margin-top:12px;
width: 100%;
display: inline-flexbox;
}
#captchaboxspacing
{
margin-top: 15px;
}
#forgotpasswordlogin
{
margin-left: 120px;
text-align: right;
color:#303030;
font-family: 'DM Sans', sans-serif;
font-weight:normal;
font-size: 16px;
text-decoration: underline;
}
#remembermetext
{
font-family: 'DM Sans', sans-serif;
font-weight:normal;
font-size: 18px;
line-height: 26px;
color:#303030;
}
#checkpassword {
display: none;
}
/* Customize the label (the container) */
.container {
display: inline-block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 26px;
width: 26px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#newtoalready
{
text-align: center;
font-family: 'DM Sans', sans-serif;
font-weight:normal;
font-size:18px;
color:#303030;
margin: 20px;
}
#createanaccounttext
{
float:left;
margin-left:5px;
font-family: 'DM Sans', sans-serif;
font-size:13px;
font-weight:bold;
}
#createaccountarea
{
width: 100%;
padding-bottom: 20px;
}
.bysignuptext
{
padding: 10px;
font-family: 'DM Sans', sans-serif;
font-size:14px;
font-weight:normal;
text-align: center;
color: #8A8A8F;
line-height: 1.5;
}
#usernameinfosent
{
background-color: #333;
text-align: center;
color:#FFF;
font-weight:bold;
padding: 5px;
}
#registrationerrormessage
{
background-color: #f2dede;
text-align: center;
color:#a94442;
font-weight:bold;
font-size:14px;
margin: auto;
border:1px solid #ebccd1;
padding-top:10px;
padding-bottom:10px;
width:480px;
}
#invaliderrormessage
{
text-align: center;
color:#FD3133;
font-weight:bold;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
}
#loginbackground
{
float:left;
background-image:url('../images/loginpage_background.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 660px;
width: 2000px;
overflow-x: hidden;
margin-left:-500px;
}
#signupbackground1
{
width: 100%;
min-height: 100vh;
background-color: #DBE8F4;
}
#loginbackground1
{
background:url('../images/loginbg.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 100vh;
padding-bottom: 40px;
}
#signuploginlogo{
padding-top: 40px;
padding-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
width: 8%;
}
#logincontentbox1
{
width:100%;
margin-right:auto;
margin-left:auto;
border-radius:10px;
background-color:#ebf7ff;
padding: 20px 40px 20px 40px;
}
#signuplogintitle
{
padding-top: 20px;
font-size:40px;
font-family: 'Montserrat', sans-serif;
font-weight:bold;
text-transform: uppercase;
text-align: center;
color: #303030;
}
#signinmethod {
font-size:18px;
font-family: 'DM Sans', sans-serif;
font-weight: normal;
text-align: center;
color: #6e6e6e;
}
.signin-button {
border-radius: 12px;
box-shadow: 0px 4px 10px #00000014;
height: 60px;
width: 60px;
margin:12px
}
#registersection {
width: auto;
margin: auto;
display: inline-block;
}
.registericon{
height: 100%;
width: 100%;
border-radius: 12px;
cursor:pointer;
}
.loginblueButton1
{
background-color: #50B6FF;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
border-radius: 20px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
height: 40px;
width: 100%;
padding-bottom: 10px;
padding-top:10px;
text-transform: uppercase;
}
.loginblueButton1:hover
{
background-color: #7CC9FF;
cursor:pointer;
}
#signupbackground
{
float:left;
background-image:url('../images/loginpage_background.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 760px;
width: 2000px;
overflow-x: hidden;
margin-left:-500px;
}
#jefitsignupTable{
background-color: #f2dede;
color:#a94442;
font-size:18px;
font-family: 'DM Sans', sans-serif;
text-align: center;
height:150px;
width:660px;
padding-top:25px;
padding-left:20px;
padding-right:20px;
border-radius:6px;
border: 1px solid #ebccd1;
margin: 30px auto auto;
/* text-shadow:0 1px 0 #3C86B5;
*/
}
#informationprotecttext
{
font-size: 12px;
text-align: center;
font-family: 'DM Sans', sans-serif;
}
#agreetojefittext
{
padding-top: 10px;
font-size: 12px;
text-align: center;
font-family: 'DM Sans', sans-serif;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-device-width : 500px)
{
#loginbackground1
{
background-size: auto;
height: 100vh;
}
#signuploginlogo{
min-width: 30%;
}
#logincontentbox1
{
border-radius: 30px;
padding-left: 2%;
padding-right: 2%;
}
#signuplogintitle{
font-size: 70px;
padding: 30px;
}
#signinmethod {
font-size: 50px;
padding: 40px;
}
#registersection {
width: auto;
vertical-align: top;
}
.signin-button {
height: 120px;
width: 120px;
border-radius: 20px;
margin: 12px;
}
.registericon{
height: 100%;
width: 100%;
border-radius: 30px;
display: table-row;
}
.loginblueButton1
{
border-radius: 50px;
height: 100px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
font-size: 40px;
}
.loginblueButton1:hover
{
background-color: #7CC9FF;
cursor:pointer;
}
.loginboxspacing{
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
.inputboxname{
font-size: 40px;
margin-left: 20px;
}
.signupTextInput{
width: 100%;
height: 80px;
font-size:40px;
border-radius: 16px;
}
.loginTextInput1{
width: 100%;
height: 80px;
font-size:40px;
border-radius: 16px;
}
#forgotpasswordlogin{
font-size: 40px;
margin-left:200px;
}
#remembermetext {
font-size: 40px;
}
#newtoalready{
font-size:50px;
padding: 20px;
}
#createaccountarea
{
padding-bottom: 10px;
}
#createanaccounttext{
margin-left:5px;
font-size:40px;
}
.bysignuptext
{
font-size:40px;
}
.pwdreq{
font-size: 50px;
}
.valid-password-text {
color: #8BDA36;
}
.valid-password-text:after {
content: url("../assets/vendor/themify-icons/SVG/green_check_vector.svg");
margin-left: 5px;
}
#captchaboxspacing{
margin-top: 20px;
margin-bottom: 160px;
}
.g-recaptcha {
transform:scale(3);
transform-origin:0 0;
position: relative;
max-width: 300px;
overflow: hidden;
}
#invaliderrormessage {
font-size: 40px;
}
#cb_cookieuser_navbar.cb_cookieuser_navbar {
transform: scale(1.75);
}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-device-width : 501px)
and (max-device-width : 769px)
{
#loginbackground1
{
background-size: cover;
height: 100vh;
}
#signuploginlogo{
min-width: 20%;
}
#logincontentbox1
{
min-width: 92%;
border-radius: 30px;
padding-left: 2%;
padding-right: 2%;
}
#signuplogintitle{
font-size: 50px;
padding: 40px;
}
#signinmethod {
font-size: 40px;
padding: 40px;
}
#registersection {
width: auto;
vertical-align: top;
}
.signin-button {
height: 120px;
width: 120px;
border-radius: 20px;
margin: 12px;
}
.registericon{
height: 100%;
width: 100%;
border-radius: 30px;
display: table-row;
}
.loginblueButton1
{
border-radius: 50px;
height: 100px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
font-size: 40px;
}
.loginblueButton1:hover
{
background-color: #7CC9FF;
cursor:pointer;
}
.loginboxspacing{
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
.inputboxname{
font-size: 32px;
margin-left: 20px;
}
.signupTextInput{
width: 100%;
height: 80px;
font-size:32px;
border-radius: 16px;
}
.loginTextInput1{
width: 100%;
height: 80px;
font-size: 32px;
border-radius: 16px;
}
#forgotpasswordlogin{
margin-left: 350px;
font-size: 32px;
}
#loginspacing
{
margin:20px;
width: 100%;
display: inline-flexbox;
}
#remembermetext {
font-size: 32px;
}
#newtoalready{
font-size:35px;
padding: 40px;
}
#createaccountarea
{
padding-bottom: 0px;
}
#createanaccounttext{
margin-left:5px;
font-size:40px;
}
.bysignuptext
{
font-size:40px;
}
.pwdreq{
font-size: 50px;
}
.valid-password-text {
color: #8BDA36;
}
.valid-password-text:after {
content: url("../assets/vendor/themify-icons/SVG/green_check_vector.svg");
margin-left: 5px;
zoom: 1.5;
}
#captchaboxspacing{
margin-top: 20px;
margin-bottom: 160px;
}
.g-recaptcha {
transform:scale(3);
transform-origin:0 0;
position: relative;
max-width: 300px;
overflow: hidden;
}
#invaliderrormessage {
font-size: 32px;
}
#cb_cookieuser_navbar.cb_cookieuser_navbar {
transform: scale(1.5);
}
#password-check {
zoom: 1.5;
}
#password-confirm-check {
zoom: 1.5;
}
}
@media only screen and (min-device-width: 699px) {
.valid-password-text {
color: #8BDA36;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-device-width: 480px) {
}
/* Styles */
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
@media screen and (max-width: 640px)
{
}
@media screen and (max-width: 800px) {
}
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
#logincontentbox1
{
max-width: 540px;;
}
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {
}
/* Main Jefit Landing Page Changes */
#mobileselection:hover
{
opacity: 0.7;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
color:white;
padding:5px;
position:relative;
margin-bottom:2em;
}
#mobileselection:after{
content:'';
display:block;
position:absolute;
top:-105px; /*should be set to -border-width x 2 */
left:45px;
width:0;
height:0;
border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
#websiteselection:hover
{
opacity: 0.7;
opacity: 0.7;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
color:white;
padding:5px;
position:relative;
margin-bottom:2em;
}
#websiteselection:after{
content:'';
display:block;
position:absolute;
top:-105px; /*should be set to -border-width x 2 */
left:45px;
width:0;
height:0;
border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
#serviceselectionindex
{
width:992px;
float:left;
padding-top:20px;
padding-bottom:20px;
border-bottom: 1px solid #DEDDDD;
background-color: #FAFAFA;
}
#serviceiconspacing
{
float:left;
width:320px;
text-align: center;
}
#servicetextspacing
{
float:left;
width:320px;
text-align: center;
font-size:11px;
font-weight: bold;
color:#555;
}
#welcomepanelindex
{
border-top:1px solid #DEDDDD;
float:left;
padding-bottom: 40px;
padding-top:10px;
background-color: #FAFAFA;
border-bottom: 1px solid #DEDDDD;
}
#welcomepaneltext
{
text-align:center;
margin-top:20px;
float:left;
width:560px;
font-size:24px;
color:#333333;
padding-left:200px;
padding-right:200px;
line-height: 36px;
font-weight:bold;
}
#welcomepanelsubtext
{
width:700px;
margin-top:20px;
float:left;
text-align: center;
margin-left:120px;
color:#626d71;
font-size: 14px;
}
#welcomeimagescontainer
{
float:left;
width:810px;
margin-top:20px;
padding-bottom:20px;
margin-left:110px;
}
#welcomeiconspacing
{
width:240px;
float:left;
text-align: center;
}
#welcomepanelcontainer
{
margin-top:10px;
width:992px;
float:left;
}
#welcometextcontainer
{
width:220px;
float:left;
text-align:center;
color:#888;
font-size:11px;
padding-left:10px;
padding-right:10px;
}
#welcomefeaturespacing
{
width:240px;
float:left;
text-align:center;
font-weight:bold;
}
#welcomelearnmorespacing
{
width:240px;
float:left;
text-align:center;
font-size:11px;
}
#welcomeleftphones
{
width:263px;
float:left;
}
#welcomecentericon
{
width:242px;
float:left;
margin-top:140px;
}
#welcomerightcomputer
{
width:455px;
float:left;
}
#productheadertext
{
float:left;
width: 992px;
margin-top:10px;
}
#productindexcontainer
{
float:left;
margin-top:40px;
padding-bottom:20px;
/* border-bottom: 1px solid #E8E8E8; */
}
#productheaderindex
{
font-size:17pt;
color:#333333;
font-weight: bold;
width:992px;
text-align: center;
float:left;
}
#productsubheadtextindex
{
margin-top:10px;
width:620px;
color:#898989;
margin-left:160px;
text-align: center;
float:left;
font-size:10pt;
}
#productfeaturecontainer
{
float:left;
width:992px;
height:450px;
}
#leftproductcontainer
{
float:left;
width:192px;
text-align: center;
}
#rightproductcontainer
{
float:left;
width:192px;
text-align: center;
}
#tabletcontainer
{
float:left;
width:192px;
text-align: center;
}
#producticontop
{
margin-top:120px;
width:80px;
margin-left:56px;
}
#tableticontop
{
width:80px;
margin-left:56px;
}
#webisteproducticontop
{
width:80px;
margin-left:56px;
}
#iphoneproducticontop
{
margin-top:80px;
width:80px;
margin-left:56px;
}
#producttabletandroidbadge
{
margin-top:40px;
float:left;
margin-left:210px;
margin-right:210px;
}
#productandroidbadge
{
margin-top:40px;
float:left;
margin-left:25px;
}
#productiphonebadge
{
margin-top:40px;
margin-left:25px;
float:left;
}
#producticonbottom
{
margin-top:40px;
width:80px;
margin-left:56px;
}
#productfeaturetext
{
margin-top:10px;
font-weight:bold;
}
#productfeaturedescriptiontext
{
font-size:11px;
color: #888;
margin-top:5px;
}
#productphonecontainer
{
width:575px;
float:left;
}
#producttabletcontainer
{
width:992px;
float:left;
}
#productwebsitecontainer
{
float:left;
width:992px;
height:550px;
margin-top:20px;
}
#productwebsiteheaderindex
{
font-size:17pt;
color:#333333;
font-weight: bold;
width:992px;
margin-top:30px;
text-align: center;
float:left;
}
#productwebsitefeaturespacing
{
float:left;
width:320px;
}
#productwebsiteiconspacing
{
margin-top:20px;
width:80px;
margin-left:120px;
}
#productwebsiteheader
{
margin-left:10px;
margin-top:30px;
font-weight:bold;
text-align: center;
}
#productwebsitedescription
{
margin-left:10px;
font-size:11px;
color:#888;
text-align: center;
margin-top:5px;
}
#productwebsitesignup
{
text-align: center;
float:left;
margin-top:20px;
width:992px;
}
#stayactiveindex
{
padding-top:10px;
padding-bottom:30px;
border-bottom: 1px solid #DEDDDD;
float:left;
}
#stayactiveleft
{
width:560px;
float:left;
margin-top:30px;
}
#stayactiveheadertext
{
font-size:24px;
color:#333333;
font-weight: bold;
}
#stayactivesubtext
{
margin-top:10px;
width:500px;
color:#898989;
}
#stayactivecontainer
{
float:left;
margin-top:20px;
width:560px;
}
#stayactivefeaturecontent
{
float:left;
width:180px;
margin-top:10px;
}
#stayactiveicon
{
margin-left:54px;
width:80px;
}
#stayactivefeatureheader
{
margin-top:10px;
font-weight:bold;
text-align: center;
}
#stayactivefeaturedescription
{
font-size:11px;
margin-top:5px;
color:#8F8F8F;
text-align: center;
}
#communitycontainerindex
{
width:992px;
float:left;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #DEDDDD;
background-color: #FAFAFA;
display:inline-block;
}
#blogcontainer
{
width:280px;
padding-right:10px;
padding-left:10px;
height:379px;
float:left;
border-right:1px solid #DDD;
}
#blogheader
{
font-size:16px;
float:left;
margin-top:5px;
font-weight:bold;
}
#blogposts
{
margin-top:15px;
float:left;
}
#followblog
{
float:left;
margin-left:155px;
margin-top:10px;
color:#0099FF;
font-weight:bold;
}
#testimonialcontainer
{
width:300px;
float:left;
height:379px;
border-right:1px solid #DDD;
padding-left:15px;
padding-right:15px;
}
#testimoinalheader
{
font-size:16px;
font-weight:bold;
margin-top:5px;
}
#twittercontainer
{
width:319px;
float:left;
margin-left:8px;
}
#featuredincontainer
{
width:992px;
padding-top:30px;
padding-bottom:30px;
float:left;
}
.picTimeWrapper
{
height: 25px;
overflow: hidden;
border: solid 1px #ddd;
background: #ffffff;
position: absolute;
z-index: 10;
top: 6px;
font-weight: 300;
}
.comparePicturesOptions
{
cursor: pointer;
padding: 0 10px;
line-height: 25px;
}
.comparePicturesOptions:hover
{
background: #cccccc;
}
/* Premium Account Content */
#premiumbackground
{
width:992px;
padding-top:60px;
float:left;
background-image: url('../images/elite_banner_subscribe.jpg');
background-repeat:no-repeat;
height:400px;
}
#premiumtitle
{
width:840px;
padding-left:60px;
padding-right:60px;
text-align: center;
font-size:4.5em;
line-height: 58px;
font-weight:bold;
margin-top:20px;
color: #fff;
margin-bottom:15px;
letter-spacing: -.5px;
}
#premiumsubtable
{
width:760px;
padding-left:100px;
padding-right:100px;
float:left;
margin-top:20px;
}
#premiumsignupbutton
{
margin-top:280px;
margin-left:190px;
width:992px;
float:left
}
#premiumsubtext
{
text-align:center;
font-size: 26px;
line-height: 30px;
font-weight: normal;
color:#fff;
}
#premiumheadertext
{
font-size: 32px;
color: #272727;
line-height: 40px;
font-weight: bold;
width: 1020px;
}
#premiumnoads
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumnoadscontainer
{
background-color: #FFFFFF;
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumnoadsleft
{
float:left;
width:340px;
}
#premiumnoadsright
{
float:left;
width:680px;
}
#noadsecondarytext
{
margin-top:20px;
font-size:20px;
color:#999;
line-height: 30px;
}
#noadstext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
}
#premiumcomparestats
{
padding-top:40px;
padding-bottom:40px;
margin-left:20px;
width:940px;
float:left;
border-bottom:1px solid #CCC;
}
#comparestatstext
{
width:450px;
font-size:20px;
line-height: 28px;
margin-top:10px;
color:#9d9d9d;
}
#comparestatssubtext
{
margin-top:10px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
}
#comparestatslist
{
margin-left:60px;
margin-top:20px;
}
#comparestatstoplist
{
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#comparestatsoptions
{
margin-top:10px;
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#comparestatsimage
{
float:left;
margin-left:20px;
width:400px;
}
#eliteroutinescontainer
{
background-color: #F9F9F9;
padding-top:80px;
padding-bottom: 80px;
width: 100%;
display: block;
}
#smartroutinestextcontainer
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumroutines
{
margin-top:30px;
margin-bottom:30px;
margin-left:20px;
width:940px;
float:left;
border-bottom:1px solid #CCC;
}
#smartroutinestext
{
width:992px;
margin-top:20px;
text-align: center;
font-size:22px;
color:#999;
line-height: 30px;
}
#smartroutinesubtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
padding-left:80px;
padding-right:80px;
}
#smartroutinedetail
{
width:992px;
display:inline-block;
margin-top:40px;
}
#smartroutinedetailsection
{
width:480px;
float:left;
text-align: center;
}
#smartroutineheaddetailtext
{
font-size:18px;
font-weight:bold;
color:#444;
margin-top:10px;
}
#smartroutinedetailtext
{
color: #777;
font-size: 14px;
line-height: 26px;
margin-top:10px;
padding-left:50px;
padding-right: 50px;
}
/* Compare Stats With Friend */
#premiumcomparestatscontainer
{
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
background: url('../images/compare_stats_landing.jpg');
background-repeat: no-repeat;
background-position: 45% 20%;
background-color: #efefef;
}
#premiumstatscompare
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumstatscomparebottom
{
width:1020px;
margin-top:580px;
padding-left:40px;
padding-right:40px;
}
#comparestatstext
{
width:1020px;
margin-top:20px;
font-size:20px;
line-height: 28px;
color:#9d9d9d;
}
#premiumcomparestatsbottomtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
width:600px;
}
/* End Compare Stats with Friend */
#premiumsupportwidth
{
background-color: #F9F9F9;
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumsupport
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumsupportbottomleft
{
width: 1020px;
float:left;
margin-top:40px;
}
#premiumsupportbottomright
{
width: 1020px;
float:left;
margin-top:60px;
}
#premiumsupporttoptextcontainer
{
float:right;
width:340px;
}
#premiumsupportbottom
{
width:1020px;
display:inline-blosck;
}
#premiumsupportbottomcontainer
{
float:left;
width:480px;
margin-top:230px;
}
#premiumsupportbottomtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
width:720px;
text-align: right;
}
#premiumsupportlist
{
margin-left:100px;
margin-top:65px;
}
#premiumsupporttoplist
{
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#premiumsupportlistoptions
{
margin-top:10px;
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#elitesupporttext
{
width:460px;
margin-top:20px;
font-size:20px;
line-height: 28px;
color:#9d9d9d;
text-align: right;
}
#premiumcomparisontable
{
margin-top:10px;
margin-bottom:20px;
margin-left:110px;
width:790px;
float:left;
}
#apppremiumcomparisontable
{
margin-top:10px;
margin-bottom:20px;
margin-left:60px;
width:840px;
float:left;
}
#comparisonheader
{
font-weight:bold;
font-size:24px;
text-align: center;
padding-bottom:8px;
border-bottom:1px solid #E5E5E5;
margin-top:30px;
}
#comparisonleft
{
width:230px;
margin-left:5px;
margin-right:25px;
text-align: center;
float:left;
margin-bottom:20px;
}
#topspacing
{
margin-top:24px;
font-size:14px;
color:#9d9d9d;
}
#comparisonspacing
{
margin-top:17px;
font-size:14px;
color:#9d9d9d;
}
#comparisonelite
{
width:230px;
margin-left:5px;
margin-right:5px;
float:left;
}
#comparisonpro
{
width:230px;
margin-left:5px;
margin-right:5px;
float:left;
}
#appcomparisonleft
{
width:210px;
margin-left:5px;
margin-right:25px;
text-align: center;
float:left;
margin-bottom:20px;
}
#appcomparisonbasic
{
width:170px;
margin-left:5px;
margin-right:25px;
float:left;
}
#appcomparisonpro
{
width:170px;
margin-left:5px;
margin-right:5px;
float:left;
}
#appcomparisonelite
{
width:170px;
margin-left:25px;
margin-right:5px;
float:left;
}
#elitespacing
{
margin-top:8px;
text-align: center;
}
#eliteheader
{
text-align: center;
font-size:24px;
font-weight:bold;
background-color:#31a4d9;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom:1px solid #E5E5E5;
line-height: 45px;
padding-top:10px;
}
#elitelist
{
margin-top: 22px;
margin-bottom:20px;
}
#comparisonbasic
{
width:230px;
margin-left:5px;
margin-right:25px;
float:left;
}
#basicheader
{
text-align: center;
font-size:24px;
font-weight:bold;
padding-bottom:8px;
border-bottom:1px solid #E5E5E5;
margin-top:30px;
color: #777;
}
#basicspacing
{
margin-top:8px;
text-align: center;
}
#basicspacingtop
{
margin-top:15px;
text-align: center;
}
#basiclist
{
margin-top: 22px;
margin-bottom:20px;
}
#mobilepremiumcomparisontable
{
width:100%;
height:100%;
display:inline-block;
}
#mobilecomparisonheader
{
font-weight:bold;
font-size:18px;
text-align: center;
padding-bottom:5px;
border-bottom:1px solid #E5E5E5;
margin-top:5px;
}
#mobilecomparisonleft
{
width:40%;
margin-left:5px;
text-align: center;
float:left;
}
#mobiletopspacing
{
margin-top:2px;
color:#9d9d9d;
}
#mobilecomparisonspacing
{
color:#9d9d9d;
}
#mobilecomparisonelite
{
width:17%;
margin-left:5px;
margin-right:5px;
float:left;
}
#mobilecomparisonpro
{
width:17%;
margin-left:5px;
float:left;
}
#mobilecomparisonbasic
{
width:17%;
margin-left:5px;
float:left;
}
#mobileelitespacing
{
text-align: center;
}
#mobileeliteheader
{
text-align: center;
font-size:18px;
font-weight:bold;
background-color:#31a4d9;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
line-height: 24px;
margin-top:5px;
}
#mobileelitelist
{
margin-top:2px;
}
#mobilebasicheader
{
text-align: center;
font-size:18px;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px solid #E5E5E5;
color: #777;
margin-top:5px;
}
#mobilebasicspacing
{
text-align: center;
}
#mobilebasicspacingtop
{
text-align: center;
}
#mobilebasiclist
{
margin-top: 2px;
margin-bottom:20px;
}
#premiumbadge
{
width:992px;
height:500px;
padding-bottom:20px;
float:left;
background:url('../images/elite_badge.jpg');
background-repeat:no-repeat;
background-position: 60% 60%;
}
#premiumbadgetextcontainer
{
float:left;
width:500px;
margin-top:260px;
margin-left:400px;
}
#badgetext
{
width:450px;
margin-top:20px;
font-size:20px;
line-height: 28px;
color:#9d9d9d;
}
#badgesubtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
width:440px;
color: #4d4d4d;
}
#premiumsmartroutines
{
padding-top:40px;
padding-bottom:40px;
width:940px;
height:660px;
float:left;
background: url('../images/elite_routines.jpg');
background-repeat: no-repeat;
background-position: 60% 20%;
}
#premiumsupportteamcontainer
{
margin-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumsupporttheteam
{
width:1020px;
margin: 0 auto;
position: relative;
}
#supportteamsubtext
{
margin-top:20px;
font-size:20px;
line-height: 28px;
color:#9d9d9d;
}
#supportteamtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
width:700px;
}
#premiumprogresstracking
{
background-color: #FFFFFF;
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumprogresstrackingcontainer
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumprogresstrackingtext
{
width:992px;
text-align:center;
}
#premiumprogresstrackingimage
{
width:1020px;
margin-top:40px;
padding-bottom:20px;
margin-left:85px;
}
#progresstrackingtext
{
width:1020px;
margin-top:20px;
font-size:20px;
line-height: 28px;
color: #9d9d9d;
}
#progresstrackingsubtext
{
width:800px;
margin-top:20px;
margin-left:100px;
font-size:14px;
line-height: 28px;
color: #4d4d4d;
}
#premiumprinterfriendlyformat
{
padding-top:40px;
padding-bottom:40px;
margin-right:20px;
width:940px;
height:500px;
float:left;
border-top:1px solid #DEDDDD;
border-bottom: 1px solid #DEDDDD;
background-color: #F9F9F9;
background:url('../images/printer_friendly_format.png') no-repeat;
background-position: 100% 40%;
}
#premiumperformancereportcontainer
{
background-color: #F9F9F9;
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumperformancereport
{
width:1020px;
margin: 0 auto;
position: relative;
}
#premiumperformancereportleft
{
float:left;
width:500px;
}
#premiumperformancereportright
{
float:left;
width:450px;
margin-left:50px;
margin-top:20px;
}
#performancereporttext
{
margin-top:20px;
font-size:22px;
color:#999;
line-height: 30px;
}
#performancereportsubtext
{
margin-top:20px;
font-size: 14px;
line-height: 30px;
color: #4d4d4d;
}
#performancereportlist
{
margin-left:60px;
margin-top:20px;
}
#performancereporttoplist
{
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#performancereportlistoptions
{
margin-top:10px;
font-size:14px;
background: url('../images/option_dots.png') no-repeat center left;
padding-left:20px;
}
#premiumprinterfriendlyformatright
{
float:left;
width:450px;
}
#premiumprinterfriendlyformatleft
{
float:left;
width:400px;
margin-top:20px;
}
#premiumemailreportscontainer
{
background-color: #FFFFFF;
padding-top:50px;
padding-bottom: 50px;
width: 100%;
display: block;
}
#premiumemailreport
{
width:1020px;
margin: 0 auto;
position: relative;
}
/****** Payment Page Styles *******/
#paymentleftpanel
{
width:560px;
float:left;
margin-left:40px
}
#paymentrightpanel
{
width:360px;
float:left;
margin-top:20px;
}
#paymentheader
{
width:992px;
margin-left:40px;
}
#paymentheadertext
{
display:inline-block;
border-bottom: 1px solid #ccc;
width:920px;
}
#paymentheadersubtext
{
margin-top:10px;
margin-left:10px;
}
#paymentheaderallfields
{
margin-top:20px;
text-align: right;
}
#paymentheadertextspacing
{
margin-top:10px
}
#paymenteliteheadertext
{
font-weight:bold;
font-size:22px;
padding-bottom: 5px;
float:left;
margin-left:10px;
margin-top:20px;
}
#paymentaccountinfo
{
margin-top:10px;
margin-left: 20px;
margin-bottom:20px;
width:500px;
}
#premiumpaymentinformation, #paypalpayment
{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
width:500px;
border: 1px solid #ccc;
margin-top:30px;
border-radius:4px;
}
#paymentinfoheader
{
width: 100%;
font-weight:bold;
font-size:16px;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
}
#billingaddresspremium
{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
width:500px;
border: 1px solid #ccc;
margin-top:40px;
border-radius:3px;
margin-bottom:20px
}
#billingaddressheader
{
font-weight:bold;
font-size:16px;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
}
#premiumplantype
{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
width:500px;
border: 1px solid #ccc;
margin-top:20px;
border-radius:4px;
background-color:#F9F9F9;
}
#plantypeheader
{
font-size:16px;
font-weight:bold;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
}
#plantypemonthly
{
font-weight:bold;
font-size: 14px;
line-height: 18px;
color: #333333;
}
#plantypeheaderoptions
{
font-weight:bold;
font-size: 14px;
line-height: 18px;
color: #333333;
margin-top:20px;
}
#plantyperadiobutton
{
margin-top:5px;
float:left;
}
#plantypepaymentprice
{
margin-left:10px;
margin-top:2px;
float:left;
}
#plantypedescriptiontext
{
margin-top:10px;
width:450px;
color:#888;
}
#confirmpremium
{
border-radius: 2%;
padding: 10px;
border: 1px solid #dcdcdc;
bottom: 50px;
width: 380px;
margin-top:20px;
margin-bottom:40px;
float:left;
z-index: 199;
background: white;
position: fixed;
}
#confirmheader
{
font-weight:bold;
font-size:16px;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
}
#subscribetoelite
{
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
}
#quickelitefeatures
{
padding-top: 20px;
padding-bottom:20px;
}
.goeliteblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #4FA5F0;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'DM Sans', sans-serif;
line-height: 42px;
font-size: 18px;
font-weight: bold;
height: 25px;
padding-left:30px;
padding-right:30px;
padding-bottom: 14px;
padding-top:14px;
}
.goeliteblueButton:hover{
background-color: #1F72BA;
cursor:pointer;
}
.paymentselection{
width: 178px;background: white;height:100px; display: inline-block;text-align: center;padding: 10px;
}
.paymentselectiondiabled{
width: 178px;background: #dcdcdc;height:100px; display: inline-block;text-align: center;padding: 10px;
}
.paymentselection:hover,.paymentselected{
width: 178px;background: #1e90ff;color:white;height:100px; display: inline-block;text-align: center;padding: 10px;cursor:pointer;
}
.subscribeblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'DM Sans', sans-serif;
line-height: 42px;
font-size: 18px;
font-weight: bold;
height: 40px;
width:220px;
}
.subscribeblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.signupeliteblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'DM Sans', sans-serif;
line-height: 45px;
font-size: 18px;
font-weight: bold;
height: 25px;
padding-left:45px;
padding-right:45px;
padding-bottom: 15px;
padding-top:15px;
}
.signupeliteblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.signupbasicblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #CCC;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
line-height: 42px;
font-size: 16px;
font-weight: bold;
height: 25px;
padding-left:20px;
padding-right:20px;
padding-bottom: 12px;
padding-top:12px;
}
.signupbasicblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
/* Confirmation of Payment Page */
#thankyoutable
{
width:560px;
margin-left: 200px;
margin-right:200px;
border:1px solid #EEEEEE;
border-radius: 4px;
margin-top:40px;
margin-bottom: 240px;
padding-bottom:40px;
padding-top:10px;
padding-left:10px;
padding-right:20px;
}
#thankyouheadertext
{
font-weight:bold;
font-size:22px;
padding-bottom: 5px;
margin-left:10px;
margin-top:20px;
border-bottom:1px solid #ccc;
}
#thankyousubheadertext
{
width:992px;
margin-top:10px;
margin-left:10px;
}
#thankyouheadertextspacing
{
margin-top:10px
}
/* Welcome Email Layout */
#welcomeemailcontainer
{
margin-left:150px;
margin-right:150px;
width:660px;
border:1px solid #ccc;
border-radius: 5px;
margin-bottom:20px;
}
#welcomeemailheader
{
text-align: center;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-left:30px;
margin-right:30px;
margin-top:20px;
}
#welcomeemailheadertext
{
margin-top:20px;
border-bottom: 1px solid #ccc;
margin-left:30px;
margin-right:30px;
}
#welcomeemailheadersub1
{
font-size:20px;
font-weight:bold;
}
#welcomeemailheadersub2
{
margin-top:20px;
font-size:14px;
}
#welcomeemailheadersub3
{
margin-top:20px;
margin-bottom:20px;
font-size:14px;
line-height: 150%;
}
#createandplantable
{
margin-top:10px;
border-bottom: 1px solid #ccc;
display:inline-block;
padding-bottom:5px;
margin-left:30px;
margin-right:30px;
}
#createandplantext
{
width:420px;
float:left;
margin-top:20px;
}
#createandplanimage
{
width:180px;
float:left;
}
#createandplanheadertext
{
font-weight:bold;
font-size:22px;
}
#createandplansubtext
{
margin-top:20px;
padding-right:20px;
color:#666;
font-size:14px;
line-height: 150%;
}
#trackandrecordtable
{
margin-top:20px;
border-bottom: 1px solid #ccc;
display:inline-block;
margin-left: 30px;
margin-right:30px;
padding-bottom:5px;
}
#trackandrecordtabletext
{
width:420px;
float:left;
margin-top:20px;
}
#trackandrecordimage
{
width:180px;
float:left;
}
#trackandrecordheadertext
{
font-weight:bold;
font-size:22px;
}
#trackandrecordsubtext
{
margin-top:20px;
color:#666;
font-size:14px;
line-height: 150%;
}
#syncandsavetable
{
margin-top:10px;
border-bottom: 1px solid #ccc;
display:inline-block;
margin-left:30px;
margin-right:30px;
padding-bottom: 5px;
}
#syncandsavetext
{
width:420px;
float:left;
margin-top:20px;
}
#syncandsaveimage
{
width:180px;
float:left;
}
#syncandsaveheadertext
{
font-weight:bold;
font-size:22px;
}
#syncandsavesubtext
{
margin-top:20px;
padding-right:20px;
color:#666;
font-size:14px;
line-height: 150%;
}
#shareandconnecttable
{
margin-top:20px;
border-bottom: 1px solid #ccc;
padding-bottom:5px;
margin-left:30px;
margin-right:30px;
}
#shareandconnecttext
{
margin-top:10px;
}
#shareandconnectimage
{
margin-left:20px;
margin-top:20px;
}
#shareandconnectheadertext
{
font-weight:bold;
font-size:22px;
}
#shareandconnectsubtext
{
margin-top:20px;
color:#666;
font-size:14px;
line-height: 150%;
}
#welcomeemailsignature
{
margin-top:40px;
padding-bottom:40px;
border-bottom:1px solid #ccc;
margin-left:30px;
margin-right:30px;
}
#welcomeemailsigtext
{
}
#welcomeemailsigsubtext1
{
font-size:14px;
line-height: 150%;
}
#welcomeemailsigsubtext2
{
font-size:16px;
font-weight:bold;
margin-top:20px;
line-height: 150%;
}
#welcomeemailsigimage
{
margin-top:20px;
}
#welcomeemailfooter
{
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
text-align: center
}
.socialNetworkCell
{
height: 100px;
padding: 20px;
border-bottom: solid 1px #d4d4d4;
text-align: center;
vertical-align: middle;
}
.actionblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 25px;
padding-left:8px;
padding-right:8px;
margin-top: 8px;
}
.actionblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.shareblueButton{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
background-color: #2F9DD8;
border-radius: 5px;
border-bottom-color: #333;
border: 1px solid #1A79AD;
border-width: 0;
box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 25px;
padding: 0px 8px;
}
.shareblueButton:hover{
background-color: #2190C7;
cursor:pointer;
}
.page-cover{
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
z-index: 999;
top: 0;
left: 0;
}
.unremovable-page-cover{
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
z-index: 999;
top: 0;
left: 0;
}
#declineOptions{
display: none;
position: fixed;
top: 20%;
left: 30%;
background-color: salmon;
padding: 20px;
border-radius: 5px;
width: 40%;
height: 60%;
z-index: 9999;
}
/* Text Pop Up */
span.dropt {background: #ffffff;font-size: 14px;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
margin: 20px 0 0 0px; padding: 30px 3px 3px 3px;
border-style:solid; border-color:#ccc; border-width:1px; border-radius: 3px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:#ccc; border-width:1px;}
span.dropt:hover span {margin: 10px 0 0 132px; background: lightcyan; z-index:6;color: #000000;}
/*Global loading icon
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
display: none;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('../images/loading_med.gif')
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
display: block;
}
/* Training Reports Button */
input[type="trainingbutton"]
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
width:105px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:4px;
padding-bottom:4px;
margin-right:2px;
cursor: pointer;
}
input[type="trainingbutton"]:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.fixedLogBar
{
display: block;
padding: 6px 0px 5px 0px;
margin: 5px 0px;
border-bottom: solid 1px #eeeeee;
}
.fixedLogBarBlock
{
display: inline-block;
}
.floatLogBar
{
border: solid 1px #dddddd;
padding: 5px 0px;
margin: 5px 0px;
box-shadow: 2px 2px 2px #eeeeee;
background: #ffffff;
cursor: pointer;
}
.session-start-end-save
{
float: right;
color: #888888;
padding: 2px 5px;
cursor: pointer;
}
.session-start-end-save:hover
{
float: right;
color: #f0f0f0;
border: 1px #dddddd;
border-radius: 2px;
padding: 2px 5px;
background-color: #aaaaaa;
cursor: pointer;
}
.session-banner
{
clear: both;
padding: 5px 5px;
text-align: left;
background-color:#EFEFEF;
}
.session-time-edit
{
float: right;
color: #888888;
border: 1px #dddddd;
padding: 2px 5px;
cursor: pointer;
}
.session-time-edit:hover
{
float: right;
color: #f0f0f0;
border: 1px #dddddd;
border-radius: 2px;
padding: 2px 5px;
background-color: #aaaaaa;
cursor: pointer;
}
#create-summary-form
{
position: absolute;
color: #4d4d4d;
display: none;
left: 0px;
background-color: #ffffff;
padding: 10px;
border-radius: 5px;
width: 550px;
z-index: 999;
text-align: center;
}
#create-summary-button
{
margin-top: 20px;
display: inline-block;
color: #888888;
padding: 2px 5px;
cursor: pointer;
}
#create-summary-button:hover
{
margin-top: 20px;
color: #f0f0f0;
border: 1px #dddddd;
border-radius: 2px;
background-color: #aaaaaa;
}
.summary-action-mode
{
padding: 0px 5px;
cursor: pointer;
}
.summary-action-mode:hover
{
color: #f0f0f0;
border: 1px #dddddd;
border-radius: 2px;
padding: 2px 5px;
background-color: #aaaaaa;
cursor: pointer;
}
.log-page-action-button
{
font-size: 12px;
color: #909090;
padding: 2px 5px;
cursor: pointer;
}
.log-page-action-button:hover
{
color: #666666;
}
.float-save-summary-button
{
display: none;
position: fixed;
bottom: 30%;
z-index: 99;
border: 1px #aaaaaa solid;
border-radius: 5px;
color: #4d4d4d;
background: #ffffff;
padding: 5px 8px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
.float-save-summary-button:hover
{
background-color: #aaaaaa;
color: #ffffff;
}
#add-body-stats-div
{
position: absolute;
top: 45px;
color: #4d4d4d;
opacity: 0.9;
display: none;
left: 0px;
background-color: #ffffff;
padding: 10px;
border-radius: 5px;
width: 540px;
z-index: 999;
padding-top:20px;
padding-bottom: 20px;
}
.circle-delete-button
{
border-radius: 50%;
width: 20px;
height: 20px;
background: #FF0000;
color: #eeeeee;
opacity: 0.6;
text-align: center;
vertical-align: middle;
font-size: larger;
box-shadow: 1px 1px 2px #666666;
}
.circle-delete-button:hover
{
cursor: pointer;
position: relative;
top: 1px;
left: 1px;
}
.edit-button:hover
{
cursor: pointer;
position: relative;
top: 1px;
left: 1px;
}
.plus-minus-set
{
border-radius: 5px;
line-height: 15px;
vertical-align: middle;
font-weight: bold;
position: relative;
display: block;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
color:#6b6b6b;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:4px;
padding: 2px;
margin-right:2px;
cursor: pointer;
}
.plus-minus-set:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.expand-body-stats
{
position: relative;
top: 5px;
vertical-align: top;
text-align: right;
font-size: large;
cursor: pointer;
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Webkit */
-ms-transform:rotate(-180deg); /* IE */
-o-transform:rotate(-180deg); /* Opera */
transform:rotate(-180deg); /* future */
}
.fold-body-stats
{
position: relative;
bottom: 15px;
vertical-align: bottom;
text-align: right;
font-size: large;
cursor: pointer;
}
.update-log-button
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
width:140px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:8px;
padding-bottom:8px;
margin-right:2px;
cursor: pointer;
}
.update-log-button:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.bodyfatButton
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:2px;
padding-bottom:2px;
margin-right:2px;
cursor: pointer;
}
.bodyfatButton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.show-add-log
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
width:150px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:8px;
padding-bottom:8px;
margin-right:2px;
cursor: pointer;
}
.show-add-log:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.recalculate-summary-button
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-size:14px;
font-style:normal;
width:146px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:8px;
padding-bottom:8px;
margin-right:2px;
cursor: pointer;
margin-left:200px;
margin-top:15px;
}
.recalculate-summary-button:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.create-summary, .create-note, .edit-note-done, .body-stats-done
{
padding: 5px;
margin-bottom: 10px;
border: 1px solid #aaaaaa;
background: #ffffff;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
}
.create-summary:hover, .create-note:hover, .edit-note-done:hover, .body-stats-done:hover
{
background: #aaaaaa;
color: #ffffff;
}
.add-log-button
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
width:150px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:8px;
padding-bottom:8px;
margin-right:2px;
cursor: pointer;
}
.add-log-button:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.workout-log-action-button
{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dedede;
display:inline-block;
color:#6b6b6b;
font-family: 'DM Sans', sans-serif;
font-style:normal;
width:150px;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
padding-top:8px;
padding-bottom:8px;
margin-right:2px;
cursor: pointer;
}
.workout-log-action-button:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f7f7f7) );
background:-moz-linear-gradient( center top, #e6e6e6 5%, #f7f7f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f7f7f7');
background-color:#e6e6e6;
}
.add-workout-logs-layout
{
/*display: none;*/
clear: both;
text-align: left;
width: 992px;
height: auto;
padding-bottom:60px;
top: 20%;
border-radius: 10px;
border: 1px solid;
position: fixed;
z-index: 999;
background-color: #ffffff;
}
.add-summary-layout
{
display: none;
text-align: left;
width: 538px;
height: auto;
padding: 10px;
top: 30%;
border-radius: 10px;
border: 1px solid;
position: fixed;
z-index: 999;
background-color: #ffffff;
opacity: 0.9;
}
.selected-exercise-tab
{
display: inline-block;
width: 15%;
padding: 10px;
border: solid 1px;
border-bottom: none;
border-radius: 10px 10px 0 0;
cursor: pointer;
}
.unselected-exercise-tab
{
background: #aaaaaa;
color: #ffffff;
display: inline-block;
width: 15%;
padding: 10px;
border: solid 1px;
border-radius: 10px 10px 0 0;
cursor: pointer;
}
.bodypartbar
{
cursor: pointer;
padding: 5px;
}
.exercisebar
{
cursor: pointer;
padding: 5px;
}
.deleteSummary
{
font-weight: bold;
font-size: large;
float: right;
display: none;
border: solid 1px #aaaaaa;
border-radius: 4px;
padding: 1px 2px 2px 2px;
cursor: pointer;
background-color:#FFF;
opacity:0.9;
margin-bottom:2px;
}
.deleteSummary:hover
{
background: #aaaaaa;
color: #ffffff;
}
.add-note-layout
{
display: none;
text-align: left;
width: 538px;
height: auto;
padding: 10px;
top: 30%;
border-radius: 10px;
border: 1px solid;
position: fixed;
z-index: 999;
background-color: #ffffff;
opacity: 0.9;
}
.float-note
{
border: solid 1px #dddddd;
padding: 5px 0px;
margin: 5px 0px;
box-shadow: 2px 2px 2px #eeeeee;
background: #ffffff;
}
.delete-note-button
{
border-radius: 50%;
width: 20px;
height: 20px;
background: #FF0000;
color: #eeeeee;
opacity: 0.6;
text-align: center;
vertical-align: middle;
font-size: larger;
}
.delete-note-button:hover
{
cursor: pointer;
position: relative;
top: 1px;
left: 1px;
}
.edit-note-button:hover
{
cursor: pointer;
position: relative;
top: 1px;
left: 1px;
}
.editable-note
{
display: none;
text-align: left;
width: 538px;
height: auto;
padding: 10px;
border-radius: 10px;
border: 1px solid;
position: absolute;
z-index: 999;
background-color: #ffffff;
opacity: 0.9;
}
.missing-logs
{
display: inline-block;
float: right;
margin-right: 5px;
border: 1px solid #dddddd;
border-radius: 5px;
display: inline-block;
padding: 5px;
cursor: pointer;
}
.missing-logs:hover
{
background: #dddddd;
}
#changeTimezoneButton
{
display: inline-block;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 5px;
margin-left: 10px;
cursor: pointer;
}
#changeTimezoneButton:hover
{
background: #dddddd;
}
/* New Tutorial / Introduction Section for My-JEFIT */
.introjs-overlay {
position: absolute;
z-index: 999999;
background-color: #000;
opacity: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.introjs-fixParent {
z-index: auto !important;
}
.introjs-showElement {
z-index: 9999999 !important;
}
.introjs-relativePosition {
position: relative;
}
.introjs-helperLayer {
position: absolute;
z-index: 9999998;
background-color: #FFF;
background-color: rgba(255,255,255,.9);
border: 1px solid #777;
border: 1px solid rgba(0,0,0,.5);
border-radius: 4px;
box-shadow: 0 2px 15px rgba(0,0,0,.4);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.introjs-helperNumberLayer {
position: absolute;
top: -16px;
left: -16px;
z-index: 9999999999 !important;
padding: 2px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: bold;
color: white;
text-align: center;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
background: #ff3019; /* Old browsers */
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
width: 20px;
height:20px;
line-height: 20px;
border: 3px solid white;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
box-shadow: 0 2px 5px rgba(0,0,0,.4);
}
.introjs-arrow {
border: 5px solid white;
content:'';
position: absolute;
}
.introjs-arrow.top {
top: -10px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:white;
border-left-color:transparent;
}
.introjs-arrow.right {
right: -10px;
top: 10px;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:white;
}
.introjs-arrow.bottom {
bottom: -10px;
border-top-color:white;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:transparent;
}
.introjs-arrow.left {
left: -10px;
top: 10px;
border-top-color:transparent;
border-right-color:white;
border-bottom-color:transparent;
border-left-color:transparent;
}
.introjs-tooltip {
position: absolute;
padding: 10px;
background-color: white;
min-width: 200px;
max-width: 300px;
border-radius: 3px;
box-shadow: 0 1px 10px rgba(0,0,0,.4);
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
-o-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;
}
.introjs-tooltipbuttons {
text-align: right;
}
.introjs-button {
position: relative;
overflow: visible;
display: inline-block;
padding: 0.3em 0.8em;
border: 1px solid #d4d4d4;
margin: 0;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
font: 11px/normal sans-serif;
color: #333;
white-space: nowrap;
cursor: pointer;
outline: none;
background-color: #ececec;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
background-image: -moz-linear-gradient(#f4f4f4, #ececec);
background-image: -o-linear-gradient(#f4f4f4, #ececec);
background-image: linear-gradient(#f4f4f4, #ececec);
-webkit-background-clip: padding;
-moz-background-clip: padding;
-o-background-clip: padding-box;
/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
/* IE hacks */
zoom: 1;
*display: inline;
margin-top: 10px;
}
.introjs-button:hover {
border-color: #bcbcbc;
text-decoration: none;
box-shadow: 0px 1px 1px #e3e3e3;
}
.introjs-button:focus,
.introjs-button:active {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
background-image: -moz-linear-gradient(#ececec, #f4f4f4);
background-image: -o-linear-gradient(#ececec, #f4f4f4);
background-image: linear-gradient(#ececec, #f4f4f4);
}
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
padding: 0;
border: 0;
}
.introjs-skipbutton {
margin-right: 5px;
color: #7a7a7a;
}
.introjs-prevbutton {
-webkit-border-radius: 0.2em 0 0 0.2em;
-moz-border-radius: 0.2em 0 0 0.2em;
border-radius: 0.2em 0 0 0.2em;
border-right: none;
}
.introjs-nextbutton {
-webkit-border-radius: 0 0.2em 0.2em 0;
-moz-border-radius: 0 0.2em 0.2em 0;
border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
color: #9a9a9a;
border-color: #d4d4d4;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none;
}
.introjs-bullets {
text-align: center;
}
.introjs-bullets ul {
clear: both;
margin: 15px auto 0;
padding: 0;
display: inline-block;
}
.introjs-bullets ul li {
list-style: none;
float: left;
margin: 0 2px;
}
.introjs-bullets ul li a {
display: block;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-decoration: none;
}
.introjs-bullets ul li a:hover {
background: #999;
}
.introjs-bullets ul li a.active {
background: #999;
}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#39B7FF;background-color:white;*background-color:#d9d9d9}.btn:active,.btn.active{background-color:#ccc \9}.btn:first-child{*margin-left:0}.btn:hover,.btn:focus{color:#39B7FF;text-decoration:none;background-position:0;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
/* button white jefit primary */
.btn-whitebg{
color: var(--bs-primary) !important;
font-weight: 600;
background-color: #fff;
border-color: var(--bs-primary);
}
.btn-whitebg:hover{
color: white !important;
border-color: var(--bs-primary);
/* box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%); */
background-color: var(--bs-primary) !important;
}
.btn-whitebg-hov:hover,.btn-whitebg-hov:focus,.btn-whitebg-hov:active,.btn-whitebg-hov.active,.btn-whitebg-hov.disabled,.btn-whitebg-hov[disabled]{color:#39B7FF !important;background-color:white !important;*background-color:#d9d9d9 !important; border-color: #39B7FF; }
.btn-whitebg-hov:active,.btn-whitebg-hov.active{background-color:#ccc \9}.btn-whitebg-hov:first-child{*margin-left:0}.btn-whitebg-hov:hover,.btn-whitebg-hov:focus{color:var(--bs-primary);text-decoration:none;background-position:0;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
/* button elite jefit */
.btn-elite{
color: #fff;
font-weight: 600;
border-color: var(--bs-jefit-elite);
--bs-btn-padding-x:1.75rem;
--bs-btn-padding-y:0.70rem;
--bs-btn-font-size:0.90rem;
--bs-btn-font-weight:700;
--bs-btn-line-height:1.5;
--bs-btn-color:#8BDA36;
--bs-btn-bg:transparent;
--bs-btn-border-width:0.125rem;
--bs-btn-border-color:transparent;
--bs-btn-border-radius:0.25rem;
--bs-btn-hover-border-color:transparent;
--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity:0.65;
--bs-btn-focus-box-shadow:0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
display:inline-block;
padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family:var(--bs-btn-font-family);
font-size:var(--bs-btn-font-size);
font-weight:var(--bs-btn-font-weight);
line-height:var(--bs-btn-line-height);
text-align:center;
vertical-align:middle;
cursor:pointer;
user-select:none;
border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius:var(--bs-btn-border-radius);
background-color: var(--bs-jefit-elite);
transition:all .2s ease-in-out
}
.btn-elite:hover,.btn-elite:focus,.btn-elite:active,.btn-elite.active,.btn-elite.disabled,.btn-elite[disabled]{color:var(--bs-jefit-elite);background-color:white;*background-color:#d9d9d9; border-color: var(--bs-jefit-elite); }.btn-elite:active,.btn-elite.active{background-color:#ccc \9}.btn-elite:first-child{*margin-left:0}.btn-elite:hover,.btn-elite:focus{color:var(--bs-jefit-elite);text-decoration:none;background-position:0;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
.btn-elite:active {
color: var(--bs-white) !important;
background-color: var(--bs-success) !important;
border-color: var(--bs-success) !important;
}
.btn-elite-hov:active,.btn-elite-hov.active{background-color:#ccc \9}.btn-elite-hov:first-child{*margin-left:0}.btn-elite-hov:hover,.btn-elite-hov:focus{color:var(--bs-primary);text-decoration:none;background-position:0;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-large{padding:6px 14px;font-size:14px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e6e6e6) );
background:-moz-linear-gradient( center top, #f7f7f7 5%, #e6e6e6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');
background-color:#f7f7f7;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;}
/* Body Fat Composition */
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/* Body Fat Percentage Calculator */
#2sitecontainer, #2sitecontainer2, #2sitecontainer3, #2sitecontainer4, #2sitecontainer5, #2sitecontainer6, #2sitecontainer7 {
display:inline-block;
overflow:hidden;
width:500px;
}
#3sitecontainer, #3sitecontainer2, #3sitecontainer3, #3sitecontainer4, #3sitecontainer5, #3sitecontainer6, #3sitecontainer7 {
display:inline-block;
overflow:hidden;
width:500px;
}
#4sitecontainer, #4sitecontainer2, #4sitecontainer3, #4sitecontainer4, #4sitecontainer5, #4sitecontainer6, #4sitecontainer7 {
display:inline-block;
overflow:hidden;
width:500px;
}
#7sitecontainer, #7sitecontainer2, #7sitecontainer3, #7sitecontainer4, #7sitecontainer5, #7sitecontainer6, #7sitecontainer7 {
display:inline-block;
overflow:hidden;
width:500px;
}
.headline h2,
.headline h3,
.headline h4 {
border-bottom:1px solid #ccc;
}
/* test content for the new Home page */
#welcomepanelindex1
{
border-top:1px solid #DEDDDD;
float:left;
padding-bottom: 40px;
padding-top:10px;
background-color: #FAFAFA;
border-bottom: 1px solid #DEDDDD;
width:100%;
display: inline-block;
}
#welcomepaneltext1
{
margin-top:20px;
float:left;
width:100%;
font-size:32px;
color:#333333;
line-height: 36px;
font-weight:bold;
}
#welcomepanelsubtext1
{
width:700px;
margin-top:20px;
float:left;
margin-left:120px;
color:#626d71;
font-size: 14px;
}
#welcomeimagescontainer1
{
float:left;
width:810px;
margin-top:20px;
padding-bottom:20px;
margin-left:110px;
}
#welcomeiconspacing1
{
width:240px;
float:left;
}
#welcomeiconspacing1:hover
{
width:240px;
float:left;
opacity: 0.5;
filter:alpha(opacity=40);
transition: all 200ms linear;
transition-delay: 1s;
-webkit-transition-delay: .1s;
}
#welcomepanelcontainer1
{
margin-top:10px;
width:992px;
float:left;
}
#welcometextcontainer1
{
width:240px;
float:left;
color:#888;
font-size:13px;
padding-right:10px;
margin-left:5px;
}
#welcomefeaturespacing1
{
width:240px;
float:left;
font-weight:bold;
font-size:16px;
}
#welcomelearnmorespacing1
{
width:240px;
float:left;
font-size:11px;
}
#welcomeleftphones1
{
width:263px;
float:left;
}
#welcomecentericon1
{
width:242px;
float:left;
margin-top:140px;
}
#welcomerightcomputer1
{
width:455px;
float:left;
}
#stayactiveindex1
{
padding-top:10px;
padding-bottom:30px;
border-top: 1px solid #DEDDDD;
float:left;
width: 100%;
}
#stayactiveleft1
{
width:560px;
float:left;
margin-top:30px;
}
#stayactiveheadertext1
{
font-size:32px;
color:#333333;
font-weight: bold;
}
#stayactivesubtext1
{
margin-top:20px;
width:500px;
font-size:18px;
line-height: 24px;
color:#898989;
}
#stayactivecontainer1
{
float:left;
margin-top:20px;
width:560px;
}
#stayactivefeaturecontent1
{
float:left;
width:180px;
margin-top:10px;
}
#stayactiveicon1
{
margin-left:54px;
width:80px;
}
#stayactivefeatureheader1
{
margin-top:10px;
font-weight:bold;
text-align: center;
}
#stayactivefeaturedescription1
{
font-size:11px;
margin-top:5px;
color:#8F8F8F;
text-align: center;
}
.likeNewsfeedComment:hover{
cursor:pointer;
color:#0066cc;
}
.likeNewsFeed:hover{
cursor:pointer;
color:#0066cc;
}
.markAllRead
{
background-color: #eee;
padding: 5px;
text-align: center;
border: solid 1px #ddd;
color: #666;
}
.markAllRead:hover
{
cursor:pointer;
background-color: #aaa;
color: #fff;
}
.confirm-copyright-buttons a
{
color: #eee;
}
.confirm-copyright-buttons a:hover
{
color: #fff;
}
.transWhite {
margin-top: 0px;
background-color: #ffffff;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.transWhite p {
margin: 5%;
font-weight: bold;
font-size: large;
color: #000000;
}
.transBlack {
width: 100%;
background-color: #000000;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.transBlack p {
margin-bottom: 0px;
margin: 5%;
font-size: large;
font-weight: bold;
color: #ffffff;
}
/* NEW INDEX HOME PAGE */
/* Counter Scroller */
.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
float: left;
}
.end { margin-right: 0 !important; }
/* Column Grids End */
.count-title { font-size: 44px; margin-top: 20px; text-align: center; }
.count-text { font-size: 17px; margin-top: 10px; margin-bottom: 0; text-align: center; font-weight:300; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
.newsignupbutton
{
padding:10px;
border: 1px solid #FFFFFF;
color: #53B6E1;
padding: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #FFFFFF;
opacity: 0.9;
}
.newsignupbutton a:hover {
background: #FFFFFF;
opacity: 0.4;
}
#sliderheadertext
{
font-size: 42pt;
font-weight: 600;
margin-top:100px;
text-transform:uppercase;
display: block;
margin-left:auto;
margin-right: auto;
text-align: center;
}
#slidersecondarytext
{
font-size:22px;
margin-top:20px;
display: block;
margin-left:auto;
margin-right: auto;
text-align: center;
font-weight: 200;
}
#newsignupbuttonposition
{
font-size:18px;
margin-top:80px;
display: block;
margin-left:auto;
margin-right: auto;
text-align: center;
}
.sectionwidth
{
width:1020px;
margin: 0 auto;
position: relative;
}
.sectionheadertext
{
font-size: 40px;
font-weight: 300;
text-align: center;
margin-top:20px;
color:#53B6E1;
}
.sectionsecondarytext
{
font-size: 17px;
font-weight: 300;
text-align: center;
color:#888888;
margin-top:20px;
line-height: 26px;
}
.howitworksfeatureleftright
{
float:left;
width:340px;
margin-top:120px;
}
.howitworksfeaturecenter
{
float:left;
width:340px;
margin-top: 40px
}
#howitworksleftimage
{
width: 150px;
height: 195px;
display: block;
margin-right: auto;
margin-left:auto;
}
#howitworkscenterimage
{
width: 200px;
height: 275px;
display: block;
margin-right: auto;
margin-left:auto
}
#howitworksrightimage
{
width: 225px;
height: 195px;
display: block;
margin-right: auto;
margin-left:auto
}
.howitworksheadertext
{
text-align: center;
font-size: 20px;
font-weight: 300;
margin-top:30px;
}
.howitworksheaderdetail
{
text-align: center;
margin-top:15px;
font-size: 14px;
font-weight: 300;
line-height: 26px;
color: #888888;
width:325px;
display:block;
margin-right: auto;
margin-left:auto;
}
#motivateworkoutsection
{
background-color: #F5F5F5;
padding-top:50px;padding-bottom: 50px;
width: 100%;
display: block;
}
#motivatecontentcontainer
{
display: inline-block;
margin-top:40px;
}
#motivatetextcontainer
{
float:left;
width: 40%;
margin-left:50px;
}
#motivatesubtext
{
margin-top:20px;
color:#888888;
font-size:14px;
font-weight: 300;
line-height: 26px;
width:350px;
}
#routinedownloadingsection
{
margin-top:45px;
margin-left:80px;
display: inline-block;
width:325px
}
#routinedownloadheadtext
{
font-size: 17px;
font-weight: 300;
}
#routinedownloadsubtext
{
margin-top:10px;
color:#888888;
font-size:14px;
font-weight: 300;
line-height: 25px
}
.sectionsubheadertext
{
font-size: 28px;
font-weight: 300;
line-height: 26px;
margin-top:15px;
}
#synchronizationsection
{
background-color: #EEEEEE;
padding-top:60px;
padding-bottom: 60px;
width: 100%;
display: block
}
#synchronizationsubtext
{
margin-top:20px;
color:#888888;
font-size:14px;
font-weight: 300;
line-height: 26px;
width: 550px;
}
#synchronizationimagecontainer
{
float:left;
margin-top:40px;
background-image: url('../images/synchronize_arrows.jpg');
background-repeat: no-repeat;
background-position: 38% 50%;
}
#phonefeaturescontainer
{
background-color: #F5F5F5;
width: 100%;
display: block
}
#phonefeaturestextcontainer
{
float:left;
width: 40%;
}
#phonefeaturesheadertext
{
font-size: 17px;
font-weight: 300;
}
#phonefeaturesdetailtext
{
text-align: center;
color:#888888;
width: 85%;
font-size: 14px;
font-weight: 300;
line-height: 26px;
padding: 15px;
margin-left:30px;
}
#phonefeaturesiconcontainer
{
float:left;
width:100px
}
#phonefeaturesphonecontainer
{
margin-top: 20px;
float:left;
width: 60%;
}
#homecountercontainer
{
padding-top:40px;
padding-bottom: 40px;
width: 100%;
background: #FAFAFA
}
#stayconnectedcontainer
{
margin-top:40px;
padding-bottom: 30px;
width: 100%
}
#stayconnectedinnercontainer
{
display: inline-block;
padding-bottom: 20px;
}
#stayconnecteheadertext
{
font-size: 40px;
font-weight: 300;
margin-bottom: 5px;
margin-top:20px;
color:#53B6E1;
}
#stayconnectedsubtextone
{
font-size: 17px;
font-weight: 300;
margin-top:30px;
color:#888888;
}
#stayconnectedsubtexttwo
{
font-size: 17px;
font-weight: 300;
margin-top:20px;
line-height: 26px;
color:#888888;
}
#stayconnectedfeaturedetail
{
margin-top:30px;
display: inline-block;
margin-left:30px;
}
#stayconnectedtextcontainer
{
float:left;
width:325px;
}
#stayconnectedfeaturetext
{
font-size: 17px;
font-weight: 300;
}
#stayconnectedfeaturesubtext
{
margin-top:5px;
color:#888888;
font-size:14px;
font-weight: 300;
line-height: 25px
}
#articlescontainer
{
background-color: #F5F5F5;
padding-top:40px;
}
#articlelistcontainer
{
display: inline-block;
width: 100%;
padding-bottom: 40px;
}
.articlelistorder
{
text-decoration:none;
float:left;
width: 20%
}
.articlereviewtext
{
width: 200px;
margin-top:15px;
text-align: center;
color:#888888;
display: block;
margin-left:auto;
margin-right: auto;
font-weight: 300;
}
.articlereadreview
{
width: 200px;
margin-top:10px;
text-align: center;
display: block;
margin-left:auto;
margin-right: auto;
font-weight: 300;
}
#getstartedsection
{
width:100%;
background-color:#53B6E1;
padding-bottom: 50px;
padding-top:50px
}
#getstartedtext
{
font-size:28px;
color: #FFFFFF;
font-weight: 200;
}
.summary-card-text-container
{
display: inline-block;
width: 49%;
}
.summary-card-text-container img
{
width: 25px;
height: 25px;
}
.summary-card-img-container
{
display: inline-block;
vertical-align: middle;
padding: 0 15px;
}
.summary-card-content
{
display: inline-block;
vertical-align: middle;
}
.progress-card-img
{
display: inline-block;
width: 25%;
vertical-align: middle;
}
.progress-card-img img
{
width: 80px;
height: 60px;
}
.progress-card-progress
{
display: inline-block;
width: 75%;
vertical-align: middle;
}
.progress-card-text
{
color: #666;
}
.progress-card-text-goal
{
display: inline-block;
}
.progress-card-text-date
{
display: inline-block;
float: right;
}
.bodyprogress-card-content
{
display: inline-block;
width: 100%;
vertical-align: middle;
padding-right: 20px;
}
.profileinsight-card-content
{
display: inline-block;
width: 100%;
}
.profileinsight-card-titles
{
display: inline-block;
width: 50%;
color: #888;
}
.bodystats-card-figure
{
display: inline-block;
}
.bodystats-card-figure img
{
width: 80px;
}
.bodystats-card-height
{
display: inline-block;
position:relative;
left: -30px;
color: #666;
}
.bodystats-card-stats-list
{
display: inline-block;
width: 120px;
color: #666;
vertical-align: middle;
position: relative;
left: -25px;
}
.bodystats-card-stats-list-titles
{
border-bottom: dashed 1px #ccc;
padding: 5px 0;
}
.bodystats-card-round-dot
{
height:14px;
width:14px;
margin: 0;
}
.bodystats-card-indicator-section
{
display: inline-block;
vertical-align: middle;
position:relative;
left: -10px;
}
.bodystats-card-indicator-canvas
{
position: relative;
top: 50px;
}
.bodystats-card-indicator-title
{
width: 96px;
font-size: 12px;
color: #868686;
position:relative;
top: -65px;
text-align: center;
}
.bodystats-card-indicator-bodyfat
{
width: 96px;
height: 96px;
position: relative;
top: -30px;
font-weight: bold;
color: #868686;
text-align: center;
}
.bodystats-card-indicator-bodyfat-no
{
font-size: 20px;
display: inline;
}
.bodystats-card-indicator-percent
{
font-size: 10px;
display: inline;
}
#compareProfileDatepicker > a
{
padding: 5px;
}
#compareProfileDatepicker > a:hover
{
background-color: #aaaaaa;
color: #ffffff;
padding: 5px;
}
#compareProfileDatepicker > a:active
{
background-color: #999999;
padding: 5px;
}
.selectedCompareProfileDatepicker{
background-color: #aaaaaa;
color: #ffffff !important;
padding: 5px;
}
.groupDateByButton
{
border: 1px solid #eeeeee;
padding: 2px;
background-color: #ffffff;
}
.groupDateByButton:hover
{
border: 1px solid #aaaaaa;
padding: 2px;
background-color: #aaaaaa;
color: #ffffff;
}
.groupDateByButton:active
{
background-color: #999999;
}
.selectedGroupDateByButton
{
border: 1px solid #aaaaaa;
padding: 2px;
background-color: #aaaaaa;
color: #ffffff;
}
/* Absolute Center CSS Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.signup-arrow-left{
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid;
border-right-color: rgba(173, 216, 230, 0.5);
}
.infotext{
display: inline-block;
background: rgba(173, 216, 230, 0.5);
width: 150px;
position: relative;
left: 10px;
padding: 5px;
border-radius: 5px;
font-family: 'DM Sans', sans-serif;
}
.aboutmeLocation
{
color: #666666;
}
.aboutmeLocation:hover
{
text-decoration: underline;
}
#migrate-get-email-button
{
height: 30px;
width: 100px;
display: block;
border: 1px solid #cccccc;
border-radius: 3px;
line-height: 30px;
vertical-align: middle;
text-align: center;
}
#migrate-get-email-button:hover
{
background-color: #dddddd;
cursor: pointer;
}
@media only screen and (max-device-width: 600px){
#top-download-banner {
width: 100%;
height: 21vw;
background: url(https://cdn.jefit.com/assets/img/headers/topbanner2.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
.fa-bell {
color: #CCCCCC;
}
.fa-users {
color: #CCCCCC;
}
.fa-bell:hover {
color: #38B8FF;
}
.fa-users:hover {
color: #38B8FF;
}
.nav-title {
font-size: 1.3em;
}
.nav-title:hover {
color: #33b5e5 !important;
border-bottom: 2px solid #33b5e5 !important;
}
/* .btn-primary {
background-color: #33b5e5;
border-color: #33b5e5;
} */
.btn-primary .btn-whitebg{
background-color: white;
border-color: white;
}
.btn-outline-primary {
border-color: #33b5e5 !important;
color: #33b5e5 !important;
}
.heart-class{
width: 15px;
height: 15px;
background-image: url("https://www.jefit.com/uc/file/5892c55208a01e42/liked.png");
background-size: 15px 15px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.no-heart-class{
background-image: url("https://www.jefit.com/uc/file/8d495bacd97c5f49/like.png");
background-size: 15px 15px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.text-primary {
color: #33b5e5 !important;
}
.text-app-gray{
color: #8A8A8F !important;
}
.friend-container {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.friend-container .card {
display: inline-block;
float: none;
}
.friend-container .card .username {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.friend-container .recommend-text{
font-size: 0.75em;
white-space: normal;
line-height: 0.8;
}
.social-label {
font-size: 0.75em;
margin-top: -5px;
}
.badge-primary {
background-color: #33b5e5;
}
.logo-slider .item{
width: 341px;
height: 230px;
}
.slick-next:before,
.slick-prev:before{
color: #000000;
font-size: 24px;
}
/*routine page*/
.routine-name {
color: white;
font-weight: bold;
position: absolute;
bottom: 5px;
/* left: 13px;
right: 13px; */
padding: 0px;
background-color: rgba(0,0,0,0.4);
width: 100%;
}
.card-heading{
font-weight: 700;
font-size: 24px;
font-family: 'Arial';
color: #303030;
padding: 8px 20px 0px 20px;
line-height: 30px;
letter-spacing: -1.2px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
vertical-align: middle;
}
.routine-card{
border-radius: 10px;
position:relative;
height: 240px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
margin-right: 4px;
margin-left:4px;
margin-bottom: 16px;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,0.125);
}
.card-container{
height: 78.8px;
display:flex;
align-items: center;
}
.elite-logo{
position: absolute; top: 8px; left: 16px;
}
.newsfeedPostCard{
display: flex;
flex: 0 0 33.33%;
max-width: 33.33%;
}
@media only screen and (max-width: 600px) {
.hide-ads {
display:none;
}
}
.routineBannerCaption{
position: absolute;
width: 100%;
padding: 1rem;
z-index: 1;
bottom: 0px;
background-color: rgba(0,0,0,.5);
color: white;
border-radius: 0px 0px 10px 10px;
}
.routineBannerImg{
width: 100%;
min-height: 200px;
border-radius: 10px;
object-fit: cover;
}
@media screen and (max-width: 800px) {
.routineBannerImg{
max-height: 150px;
}
}
@media screen and (max-width: 480px) {
.routineBannerImg{
max-height: 175px;
}
}
.flex-container-wrap-row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.rounded-dashed-border{
position: relative;
}
.rounded-dashed-border img{
border: 1.5px solid black;
border-style: dashed;
border-radius: 100%;
display:block;
}
.rounded-dashed-border .superset-icon{
position: absolute;
cursor:pointer;
/* bottom: 0; */
border-style: none;
left: 32%;
top: -50%;
}
.rounded-dashed-border .audio-icon{
position: absolute;
border-style: none;
top: -10%;
left: 60%;
}
.rounded-border{
position: relative;
}
.rounded-border img{
border-radius: 100%;
border: 1.5px solid #EAEAEA ;
display: block;
}
.rounded-border .superset-icon{
position: absolute;
cursor:pointer;
/* bottom: 0; */
border-style: none;
left: 32%;
top: -50%;
}
.rounded-border .audio-icon{
position: absolute;
border-style: none;
top: -10%;
left: 60%;
}
.dropdown-item label{
cursor: pointer;
padding: 6px;
margin-left: 10px;
margin-top: 2px;
top: 0;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
}
.poppins-font-grey{
font-family: 'Poppins', 'DM-Sans', sans-serif;
color: #8A8A8F;
}
.poppins-font{
font-family: 'Poppins', 'DM-Sans', sans-serif;
}
table.ex-table{
width: 100%;
font-size: calc(12px + 0.090625vw);
}
.ex-title{
font-size: calc(14px + 0.090625vw);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.title-ellipsis{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ex-table-container{
max-height: 705px;
overflow-y: auto;
}
.routine-details-ex-table{
height: 810px;
}
.ex-table tr td{
padding: 10px 5px 20px 5px !important;
}
@media screen and (max-width: 500px) {
.ex-table-container{
max-height: 425px;
}
.routine-details-ex-table{
height: 520px;
}
}
#exercise-list-table tr td{
padding: 0px 5px 5px 5px !important;
}
.ex-tab-header-primary{
text-align: center;
padding: calc(5px + 0.5625vw) !important;
font-size: calc(9px + 0.300625vw) !important;
color: var(--bs-primary);
text-transform: uppercase;
font-weight: 600;
}
.ex-tab-header-gray{
text-align: center;
padding: calc(5px + 0.5625vw) !important;
font-size: calc(9px + 0.300625vw) !important;
color: #8A8A8F !important;
background-color: #f9fbfe;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
}
.ex-list-input{
text-align: center;
border:none;
background-color: #f9fbfe;
padding: 5px;
}
.scroll-bar-mod::-webkit-scrollbar-track
{
border-radius: 10px;
background-color: white;
}
.scroll-bar-mod::-webkit-scrollbar
{
width: 5px !important;
background-color: white;
height: 7.5px;
}
.scroll-bar-mod::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #F5F5F5;
}
.input-bg-color{
background-color: #f9fbfe;
}
@media screen and (max-width: 768px) {
.workout-day-name-btns{
display:none;
}
.workout-day-name-icons{
display:flex;
}
}
@media screen and (min-width: 768px) {
.workout-day-name-btns{
display:block;
}
.workout-day-name-icons{
display:none;
}
}
.ex-list-container{
max-height: 522px;
}
@media screen and (max-width: 1040px) {
.ex-list-container{
max-height: 445px;
}
}
@media screen and (max-width: 675px) {
.ex-list-container{
max-height: 375px;
}
}
#update-description{
height: 230px;
}
@media (max-width: 1050px), (max-width: 560px) {
#update-description{
height: 165px;
}
}
@media (max-width: 870px), (max-width: 400px) {
#update-description{
height: 120px;
}
}
.photogrid-container {
width: 500px;
margin: 2rem auto;
height: 600px;
}
.gallery-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.5rem;
}
.gallery-3 {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 375px 225px;
}
.gallery-4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
height:600px;
grid-auto-rows: 300px;
grid-gap:0.5rem;
}
.gallery__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gallery__item--1 {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
.gallery__item--2 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.gallery__item--3 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.gallery__more_images:after{
content: attr(data-more);
position: absolute;
top: 0;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 200%;
}
@media only screen and (max-width: 1300px) {
.photogrid-container {
width: 90%;
height: 500px;
}
.gallery-4 {
height:500px;
grid-auto-rows: 250px;
}
.gallery-2{
height:375px;
}
}
@media only screen and (max-width: 1280px) {
.gallery-3 {
grid-template-rows: 325px 175px;
}
}
@media only screen and (max-width: 992px) {
.photogrid-container {
width: 100%;
height: 350px;
}
.gallery-4 {
height:350px;
grid-auto-rows: 175px;
}
.gallery-3 {
grid-template-rows: 225px 150px;
}
}
.underline-on-hover:hover {
text-decoration: underline;
cursor: pointer;
}
.mainExerciseCaption{
position: absolute;
width: 100%;
z-index: 1;
bottom: 0px;
background-color: var(--bs-primary);
border-radius: 0px 0px 5px 5px;
text-align: center;
}
.exerciseDetailsImg{
width:100%;
max-width: 75px;
}
@media screen and (max-width: 992px) {
.exerciseDetailsImg{
max-width: 100px;
}
.text-align-large-center{
text-align:center !important;
}
}
@media screen and (max-width: 600px) {
.exerciseDetailsMainImg{
display:none;
}
.exerciseDetailsImg{
max-width: 80px;
}
}
#add-to-routine{
width: 150px !important;
}