@charset "utf-8";

/* CSS Document */
* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: none;
}

html { /* sticky footer */
	height: 100%;
	/*overflow-y: scroll;*/
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

img {
	border: none 0px;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
	list-style-type: none;
}

.error {
	color: red;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 12px;
}

a:link.darklink {
	font-style: italic;
	color: #333333;
}

a:visited.darklink {
	font-style: italic;
	color: #333333;
}

a:active.darklink {
	font-style: italic;
	color: #333333;
}

a:hover.darklink {
	font-style: italic;
	color: #333333;
}

a:link,visited,hover {
    font-weight: bold;
	text-decoration: none;
	color: #00aced;
}

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #00aced;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style-type: none;
}

.blue_btn {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    padding: 0px;
    border-radius: 3px;
    border: solid 1px #2382c5;
}

.blue_btn span {
    text-align: center;
    border-radius: 2px;
    color: #ffffff;
    text-shadow: #2770a0 0px 1px 0px;
    display: inline-block;
    margin: 0px;
    padding: 15px 30px 15px 30px;
    cursor: pointer;
    background-image: url(https://static.virtuagym.com/v29522315/images/blue-button.png);
    border-top: solid 2px #3694c2;
}

.blue_btn span:hover {
    border-top: solid 2px #0e62a0;
}

.blue_btn span:active {
    border-top: solid 2px #034578;
}

.blue_btn:hover {
    text-decoration: none;
}

.blue_btn:hover span {
    background-position: 0px 96px;
}

.blue_btn:active span {
    background-position: 0px 48px;
}

#viewingProfileNew{
    width: 100%;
    top: 40px;
    z-index: 97;
    position: fixed;
    background-color: #262626;
    color: #fff;
    font-family: Lato, Arial;
    font-size: 13px;
}

#viewingProfileNew a{
    color: #fff;
    font-weight: 700;
}

#viewingProfile .vg_profile_header .profile_img{
    border: 1px solid #FFFFFF;
    margin-left: 10px;
    float: left;
}

.vg_profile_header .center {
    width:970px;
    margin:auto;
}

#TopBoxApps {
	width: 100%;
	top: 0px;
	position: fixed;
	z-index: 100;
	height:70px;
	text-align: center;
}

#TopBoxApps * {
    box-sizing: unset;
    -moz-box-sizing: unset;
    -webkit-box-sizing: unset;
}

#TopBoxApps #vg_logo {
	max-width: 250px;
}

#TopBoxApps #vg_logo img{
	max-width: 100%;
}

#Top {
	width:1000px;
	text-align: center;
	display: inline-block;
	position: relative;
	color:#ffffff;
	z-index:99;
}

#Top #pagenav , #club_dropdown{
	float:right;
	font-family: 'Lato', 'Arial', 'Helvetica';
}

#top_menu_apps > li > a {
	display: block;
	overflow: hidden;
}

#Top li{
	float:left;
}

#fav_apps li{
	float:left;
}

.app_icon_hover {
	width:54px;
	height:54px;
	display: none;
}

#top_menu_apps {
	float:left;
	position: relative;
	width:auto;
	min-width: 300px;
	height:64px;
	top:2px;
}

#top_menu_apps li{
	float:right;
}

#top_menu_apps div {
	float: left;
}

#top_menu_apps .app_icon_l img {
	padding: 13px 0px 0px 6px;
}

#top_menu_apps .app_icon_l {
	top:-2px;
	z-index:3;
}

#Top .app_icon_l:hover {
	background-image: url(https://static.virtuagym.com/v29522315/images/pixel_semitransparent_black.png);
}

#fav_apps li a{
	color:#333;
}

#Top li .hoverdark:hover, #club_down.hoverdark:hover{
	text-decoration: none;
	background-image: url(https://static.virtuagym.com/v29522315/images/pixel_semitransparent_black.png);
	background-repeat: repeat;
}

.app_img {
	position: absolute;
	top:15px;
	left:15px;
	width:70px;
	height:70px;
}

.app_icon {
	width:40px;
	height: 40px;
	display: inlne-block;
	float:left;
	position: relative;
}

.app_icon_l {
	display: block;
	position: relative;
	height:166px;
	width:166px;
	display: table-cell;
	vertical-align: middle;
}


.app_icon_l span {
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	bottom: 19px;
	left:0px;
	width: 166px;
}

.app_selected {
	border: 4px #ffffff solid;
	margin:-4px;
}

#sel_app {
	line-height:38px;
	height:40px;

}

#Top .headbtn span{
	display: inline-block;
	padding: 24px 12px;
	max-width:120px;
	text-align: right;
	font-family: 'Lato', 'Arial';
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#Top .headimg {
	text-decoration: none;
	font-size: 24px;
}

#Top .headimg span{
	cursor: pointer;
	display: inline-block;
}

#Top .headimg img {
	margin:13px 5px;
}

#fav_apps {
	top:-1900px;
	padding-bottom: 35px;
	z-index: 98;
	background-color: #fff;
	width:100%;
	position: fixed;
	text-align: center;
	box-shadow: 0px 0px 3px #888888;
	transition: top .25s ease-out;
	-moz-transition: top .25s ease-out;
	-webkit-transition: top .25s ease-out;
	-o-transition: top .25s ease-out;
}

#my_apps div {
	float: left;
}

#my_apps {
	width:1000px; display: inline-block;
}

#my_apps .pro_btn{
	float:right;
	width:100px;
	margin:5px;
}

#loggedInBox {
	position: absolute;
	left: 796px;
	top: 5px;
	width: 170px;
	background-image: url(https://static.virtuagym.com/v29522315/images/menu_dropdown.png);
	background-repeat: no-repeat;
}

#loggedInBox #menu_dropdown {
	background-color: #FFFFFF;
	height: 84px;
	margin-top: -2px;
	box-shadow: 0px 5px 5px #888;
}


#settings_dropdown {
	border: #BBB solid 1px;
	border-top-width: 0px;
	position: absolute;
	top:-60px;
	left:824px;
	background-color: #fff;
	width: 175px;
	text-align: left;
	z-index: 101;
}

#settings_dropdown a {
	text-decoration: none;
}

#profile_dropdown, #club_dropdown {
	border: #d9d9d9 solid 1px;
	position: absolute;
	top:55px;
	left:769px;
	background-color: #fff;
	width: 236px;
	text-align: left;
	z-index: 101;
	padding: 6px 0px;
}

#club_dropdown{
	left: 80px;
}

#profile_dropdown .icn, #club_dropdown .icn {
	background-image: url(https://static.virtuagym.com/v29522315/images/dropdown-icons.png);
	position: relative;
	top:3px;
	margin-right: 13px;
	background-repeat:no-repeat;
	width:20px;
	height: 20px;
	display: inline-block;
}

#Top .head_user {
	float:right;
	font-size:18px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0, 0.26);
	position: relative;
	min-width: 88px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile_dropdown {
	float:right;
	padding: 26px 10px 23px;
	margin:0px 1px 0px;
	position: relative;
	z-index:102;
}

.profile_dropdown_active {
	background-color: #fff;
	border: #d9d9d9 solid 1px;
	border-bottom: none;
	margin: 15px 0px 0px 0px;
	padding: 10px 10px 9px;
	float:right;
	position: relative;
	z-index:102;
	background-image: none;
}

.profile_dropdown_active div {
	background-position: 21px 0px;
}

#profile_dropdown a, #club_dropdown a {
	text-decoration: none;
}

#uname {
	color: #333333;
	float: left;
}

#remove_app {
	font-size:50px;
	opacity: 1;
	z-index:97;
	color: #ffffff;
	text-align: center;
	padding-top: 40%;
}

.login_div {
	position: absolute;
	top: 62px;
	left: 719px;
	background-color: #eaeaea;
	border: 1px solid #a0a0a0;
	padding: 3px 6px 6px 6px;
}

#loggedInBox #show_menu_dropdown {
	display: inline-block;
	width: 48px;
	height: 34px;
	float: left;
}

#pagenav .menuDropdownItem, #club_dropdown .menuDropdownItem{
	font-size: 15px;
	font-weight: normal;
	height: 25px;
	padding: 4px 5px 6px;
	color: #333;
	padding-left: 18px;
}

.menuDropdownItem {
	height: 18px;
	padding: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
}

.menuDropdownItem:hover {
	background-color: #f4f4f4;
}

#menu_surname {
	width: 81px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 9px 0px 9px 9px;
	text-decoration: none;
	overflow: hidden;
	font-weight:bold;
}

#MiddleBox {
	clear: both;
	margin: 15px auto 0px;
	position: relative;
	width: 970px;
	padding-bottom: 40px;
	padding-top: 0px;
}

#ContentBox {
	position: relative;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #434343;
	width: 960px;
	min-height: 900px;
}

h1 {
	font-size: 16px;
}

#ContentBox .content {
	width:825px;
	float:left;
}

.line {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #dbdbdb;
	height: 1px;
}

#ProfilePage {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.text_container {
	color: #000000;
	padding: 10px;
}

.avatar_mini {
	border: solid 1px #DBDBDB;
	padding: 1px;
}

#FooterBox {
	color: #666666;
	height: 80px;
	text-align:center;
	font-size:14px;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ebebeb;
	font-family: Lato, Arial;
}

#FooterBox .f_center {
	width:1000px;
	display: inline-block;
	position: relative;
	top: 32px;
}
#FooterBox .f_links {
	float: right;
	width: 600px;
	text-align: right;
}

#FooterBox a{
	font-weight: normal;
	color: #666666;
	margin-left: 20px;
}

input { /* overwrite style.css */
	cursor: auto;
}

input.trashcan {
	cursor: pointer;
	width: 15px;
	height: 17px;
	background-image: url('https://static.virtuagym.com/v29522315/images/profile_icon_trashcan.gif');
}

.picture_polaroid_small {
	position: relative;
	width: 100px;
	height: 130px;
	vertical-align: middle;
	margin: auto;
	display: block;
}

.picture_polaroid_small img {
	position: absolute;
	top: 7px;
	left: 6px;
}

.picture_polaroid_small .trashcan {
	position: absolute;
	top: 90px;
	left: 70px;
	display: block;
}

.picture_polaroid_small .pictitle {
	float: left;
	width: 60px;
	height: 38px;
	overflow: hidden;
	position: absolute;
	top: 90px;
	left: 6px;
	display: block;
}

#Pictures {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputbox {
	background-image: url(https://static.virtuagym.com/v29522315/images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #C0C0C0;
	color: #333333;
	font-size: 12px;
	padding: 2px;
}

.inputbox2 {
	background-image: url(https://static.virtuagym.com/v29522315/images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #C0C0C0;
	color: #333333;
	cursor: text;
	font-size: 12px;
	padding: 2px;
}

a.vg_button {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	border: solid 1px #565656;
}

a.vg_button span {
	color: #FFFFFF;
	display: inline-block;
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-top: solid 1px #b1b1b1;
	cursor: pointer;
	background-color: #747474;
}

a.vg_button:hover {
	text-decoration: none;
}

a.vg_button:hover span {
	background-color: #818181;
}

a.vg_button:active span {
	border-top: solid 1px #5f5e5e;
	background-color: #6d6d6d;
}

a.vg_button_focus {
	text-shadow: white 0px 0px 0px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	border: solid 1px #565656;
}

a.vg_button_focus span {
	color: #FFFFFF;
	display: inline-block;
	margin: 0px;
	padding: 2px 7px 3px 7px;
	border-top: solid 1px #b1b1b1;
	cursor: pointer;
	background-color: #747474;
}

a.vg_button_focus:hover {
	text-decoration: none;
}

a.vg_button_focus:hover span {
	background-color: #818181;
}

a.vg_button_focus:active span {
	border-top: solid 1px #5f5e5e;
	background-color: #6d6d6d;
}

a.pro_btn {
	background-color:#8ACF38;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow: none;
	text-align: center;
	cursor: pointer;
}

a.pro_btn:hover {
	background-color:#9ee34c;
}

a.pro_btn:active {
	background-color:#8ACF38;
}

a.pro_btn span{
	display: inline-block;
	padding: 7px 9px;
}

a.pro_btn span img {
	margin:-5px 5px -5px 0px;
	width:20px;
	height:20px;
}

a.pro_btn:hover {
	text-decoration: none;
}

a.disabled {
	color: gray !important;

}

a.disabled:hover {
	color: white !important;
	cursor: default !important;
}



a.head_btn_grey {
	display: inline-block;
	font-family: Lato, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	border-radius: 4px;
}

a.head_btn_grey span {
	border-radius: 2px;
	color: #222222;
	display: inline-block;
	margin: 0px;
	padding: 7px 12px 7px 12px;
	background-color: #eee;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0px 1px 2px #555;
}

a.head_btn_grey:hover {
	text-decoration: none;
}

a.head_btn_grey:active span {
	box-shadow: 0px 0px 2px #555;
}

a.btn_grey_s {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	padding: 0px;
	border: solid 1px #afb2b2;
	border-radius: 3px;
}

a.btn_grey_s span {
	border-radius: 2px;
	color: #555555;
	display: inline-block;
	margin: 0px;
	line-height: 18px;
	font-weight: normal;
	padding: 3px 7px 3px 7px;
	cursor: pointer;
	background-image: url(https://static.virtuagym.com/v29522315/images/grey_btn_bg.jpg);
	border: solid 1px #f3f3f3;
}

a.btn_grey_s:hover {
	text-decoration: none;
}

a.btn_grey_s:hover span {
	background-position: 0px 48px;
	border-color: #ebeaea;
}

a.btn_grey_s:active span {
	background-position: 0px 24px;
	border-color: #e9e8e8;
}

a.btn_grey_s span img {
	vertical-align: text-bottom;
	padding-right: 4px;
}

a.btn_grey_s.disabled {
	border: solid 1px #D5D5D5;
}

.btn_grey_s.disabled span {
	color: #C4C4C4;
	cursor: default;
}

a.btn_grey_s.disabled:hover span{
	background-position: 0px 0px;
	border-color: #f3f3f3;
}

a.btn_grey_s.disabled {
	border: solid 1px #D5D5D5;
}

.btn_grey_s.disabled span {
	color: #C4C4C4;
	cursor: default;
}

a.btn_grey_s.disabled:hover span{
	background-position: 0px 0px;
	border-color: #f3f3f3;
}

a.btn_grey_s_large{
	height: 36px;
}

a.btn_grey_s_large span{
	padding-top: 8px;
	padding-bottom: 8px;
}

a.btn_grey_s_large:active span {
	background-position: 0px 48px;
}

a.btn_blue_s {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	padding: 0px;
	border: solid 1px #2075b5;
	border-radius: 3px;
}

a.btn_blue_s span {
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	margin: 0px;
	line-height: 18px;
	font-weight: normal;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	background-image: url(https://static.virtuagym.com/v29522315/images/blue_btn_s.jpg);
}

a.btn_blue_s:hover {
	text-decoration: none;
}

a.btn_blue_s:hover span {
	background-position: 0px 52px;
	border-color: #ebeaea;
}

a.btn_blue_s:active span {
	background-position: 0px 26px;
	border-color: #e9e8e8;
}

a.btn_blue_s span img {
	vertical-align: text-bottom;
	padding-right: 4px;
}

a.btn_blue_s.disabled {
	border: solid 1px #D5D5D5;
}

.btn_blue_s.disabled span {
	color: #C4C4C4;
	cursor: default;
	background-image: url(https://static.virtuagym.com/v29522315/images/grey_btn_bg.jpg);
}

a.btn_blue_s.disabled:hover span{
	background-position: 0px 0px;
	border-color: #f3f3f3;
}

a.btn_blue_s.disabled {
	border: solid 1px #D5D5D5;
}

.btn_blue_s.disabled span {
	color: #C4C4C4;
	cursor: default;
}

a.btn_grey_s.disabled:hover span{
	background-position: 0px 0px;
	border-color: #f3f3f3;
}

a.btn_dropdown{
	width: 200px;
}

a.btn_dropdown span{
	width: 184px;
}

a.vg_button_small {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	border: solid 1px #7a7a7a;
}

a.vg_button_small span {
	color: #2a2a2a;
	display: inline-block;
	margin: 0px;
	padding: 3px 7px 3px 7px;
	cursor: pointer;
	background-image: url(https://static.virtuagym.com/v29522315/images/button_back.gif);
}
.fr a.vg_button_small span {
	padding: 3px 4px
}

a.vg_button_small:hover {
	text-decoration: none;
}

a.vg_button_small:hover span {
	background-position: 0px 48px;
}

a.vg_button_small:active span {
	background-position: 0px 24px;
}

a.vg_button_small span img {
	vertical-align: text-bottom;
	padding-right: 4px;
}

a.vg_button_green {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	border: solid 1px #588318;
}

a.vg_button_green span {
	color: #fff;
	display: inline-block;
	margin: 0px;
	padding: 3px 7px 3px 7px;
	cursor: pointer;
	background-image: url(https://static.virtuagym.com/v29522315/images/button_green.png);
	text-shadow: #387500 0px 1px 0px;
}

a.vg_button_green:hover {
	text-decoration: none;
}

a.vg_button_green:hover span {
	background-position: 0px 44px;
}

a.vg_button_green:active span {
	background-position: 0px 22px;
}


a.vg_button_green span img {
	vertical-align: text-bottom;
	padding-right: 4px;
}

a.vg_option_selected {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
}

a.vg_option_selected span {
	color: #434343;
	margin: 0px;
	padding: 7px 7px 7px 7px;
	cursor: pointer;
	background-color: #eae7e7;
	display: inline-block;
}

a.vg_option_selected:hover {
	text-decoration: none;
}

a.vg_option {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
}

a.vg_option span {
	color: #c1c1c1;
	margin: 0px;
	padding: 7px;
	cursor: pointer;
	display: inline-block;
}

a.vg_option span:hover {
	text-decoration: none;
	color: #434343;
	background-color: #f2f2f2;
}

.avatar_small {
	border: solid 1px #DBDBDB;
	padding: 2px;
	width:30px;
	height:30px;
}

.tooltip_middle .avatar_xsmall {
	width:24px;
	height:24px;
}

.tooltip_middle span {
	position: relative;
	top:-6px;
}

.div_border_color {
	border: solid 1px #DBDBDB;
}

.bg_grey {
	background-color: #F9F9F9;
}

.clickable {
	cursor: pointer;
}

.progress_meter_out {
	margin-top: 3px;
	border: 1px solid #999999;
	height: 10px;
	width: 100px;
	float: left;
	vertical-align: middle;
}

.progress_meter_in_fill {
	height: 10px;
	background-color: #0099FF;
	overflow: hidden;
	float: left;
}

.progress_meter_out2 {
	background-color: #E5E5E5;
	height: 10px;
	width: 80px;
	float: left;
}

.progress_meter_in_fill2 {
	background-color: #8ACF38;
	height: 10px;
	overflow: hidden;
	float: left;
}

.progress_meter_out3 {
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #dedede;
	border: 3px solid #ebebeb;
	height: 47px;
	width: 370px;
	vertical-align: middle;
}

.progress_meter_in_fill3 {
	background-image: url(https://static.virtuagym.com/v29522315/images/progress_bar_fill3.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 47px;
	overflow: hidden;
}

.progress_meter_out5_top {
	background-color:#B2B2B2;
	height:5px;
	width:350px;
	float:left;
}

.progress_meter_out5_bottom {
	background-color:#BDBDBD;
	height:25px;
	width:350px;
	float:left;
}

.progress_meter_in_fill5_top {
	background-color:#37DBE5;
	height:5px;
	overflow:hidden;
	float:left;
}

.progress_meter_in_fill5_bottom {
	background-color:#37DBE5;
	height:25px;
	overflow:hidden;
	float:left;
}

.progress_meter_out6 {
	background-color:#e8e8e8;
	height:23px;
	width:402px;
	float:left;
	border-radius: 12px;
	box-shadow: inset 0px 2px 6px -3px #333;
	overflow: hidden;

}

.progress_meter_in_fill6 {
	background-color:#00a7e7;
	height:21px;
	overflow:hidden;
	float:left;
	border-radius: 12px;
	box-shadow: inset 0px -2px 6px -3px #333;
}

.c_progress {
	color:#fff;
	text-align: right;
	padding: 2px 12px 0px;
	font-family: Lato, Arial;
	font-weight: bold;
}

.progress_meter_in_clear {
	height: 10px;
	background-color: #FFFFFF;
	float: left;
}

.challenge_name {
	float:left;
	margin:1px 0px 4px;
	max-width:450px;
	font-family: Lato, Arial;
	font-size: 14px;
	font-weight: bold;
	min-width: 100px;
}

.challenge-progress {
	width: 100px;
	text-align: right;
	color: #777777;
	font-weight: bold;
}

.sports_select_box {
	border: rgb(219, 219, 219) solid 1px;
	background-color: #FFFFFF;
	width: 250px;
}

.selected_option_div {
	border: solid 1px #DBDBDB;
	padding: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
}

.selected_option_title {
	float: left;
}

.span_close_button {
	float: right;
}

.clear_both {
	clear: both;
}

.my_gyms_clubs_div {
	width: 250px;
	padding-left: 20px;
}

.feedback_div {
	padding: 5px;
	border: #DBDBDB 1px solid;
	font-style: italic;
	color: #434343;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.comment {
	padding: 5px 0px 0px 5px;
	overflow:hidden;
	background-color: #f7f7f7;
}

.comment .message {
	padding:0px 8px 4px 60px;
	min-height:16px;
}

.comment .btm {
	line-height:20px;
	padding-left:60px;
	min-height:30px;
}

.comment .delete {
	margin-right: 5px;
	float:right;
	display: inline-block;
	width:7px;
	height:7px;
}

.comment .u_profile {
	display:inline-block;
	text-decoration:none;
	float:left;
	padding: 0px 10px 3px 0px;
}

.comment .time {
	font-size:11px;
	margin-left: 6px;
	color: #aaaaaa;
}

.red_border {
	border: #CC3300 1px solid;
}

.green_border {
	border: #5EBC5E 1px solid;
}

.updatequote {
	color: #989898;
	font-weight: bold;
}

.avatar_div {
	width: 140px;
	height: 140px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.polaroid_blur {
	width: 72px;
	height: 72px;
	padding: 3px;
	overflow: hidden;
	margin: 0px 2px 2px 0px;
	float:left;
	border: 1px solid #d7d7d7;
}

.polaroid_avatar {
	width: 72px;
	height: 72px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.polaroid_blur .polaroid_online {
	position: absolute;
	z-index:1;
}

.polaroid_blur .polaroid_pro {
	position: absolute;
	top:-1px;
	left:46px;
	z-index:3;
}

.polaroid_pro_new{
	position: absolute;
	top:4px;
	left:50px;
	z-index:3;
}

.polaroid_blur .polaroid_name {
	color: white;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	top:42px;
	background-image: url(https://static.virtuagym.com/v29522315/images/profile_pic_darken.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 100%;
	padding:16px 0px 0px 1px;
	z-index:2;

}

.polaroid_name_new {
	color: white;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	background-image: url(https://static.virtuagym.com/v29522315/images/profile_pic_darken.png);
	background-position: 0px 0px;
	width: 78px;
	text-overflow: ellipsis;
	z-index:2;
	white-space: nowrap;
	font-size:12px;
	padding:16px 2px 2px 2px;
	height: 12px;
	font-weight: normal;
	line-height: 12px;
}

.float_left {
	float: left;
}

.breadcrumb_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 28px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 760px;
}

.breadcrumb_bar_plain {
	border-left: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_gradient1.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}

.breadcrumb_bar_orange {
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_gradient2.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	border-left: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
}

.breadcrumb_div {
	height: 28px;
	text-align: center;
}

.breadcrumb_plain {
	color: #6b6b6b;
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_gradient1.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}

.breadcrumb_orange {
	color: #FFFFFF;
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_gradient2.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	font-weight: bold;
}

.breadcrumb_arrow0 {
	height: 28px;
	width: 12px;
}

.breadcrumb_arrow1 {
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_arrow1.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 28px;
	width: 12px;
}

.breadcrumb_arrow2 {
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_arrow2.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 28px;
	width: 12px;
}

.breadcrumb_arrow3 {
	background-image: url(https://static.virtuagym.com/v29522315/images/breadcrumb_arrow3.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 28px;
	width: 12px;
}

.tooltip_header {
	background-color: #FFFFFF;
	border: solid 1px #adadad;
	border-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	padding: 5px;
}

.tooltip_body {
	background-color: #FFFFFF;
	border: solid 1px #adadad;
	border-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding: 5px;
	padding-top: 0px;
}

.footerbox {
	width: 930px;
	margin: auto;
}

.footer_polaroid_small {
	position: relative;
	width: 60px;
	height: 60px;
}

.footer_polaroid_small a {
	position: absolute;
	width: 54px;
	height: 54px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(https://static.virtuagym.com/v29522315/images/footer_pic_back.png);
	overflow: hidden;
	display: block;
}

.footer_polaroid_small a:hover {
	position: absolute;
	background-position: 0px 100%;
	left: -2px;
	top: -2px;
}

.footer_polaroid_small a img.pic {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 50px;
	height: 50px;
	display: block;
}

.footer_polaroid_small img.vg_online {
	position: absolute;
	/* top:30px; */
	bottom: 0px;
	display: block;
}

.footer_polaroid_small a {
	color: #28436e;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.footer_polaroid_small a:hover {
	text-decoration: underline;
}

.updateitem {
	padding-left: 5px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #DBDBDB;
}

.new_member {
	margin-bottom: 2px;
	border: 1px solid #FFFFFF;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
}

.popular_group {
	padding-bottom: 7px;
}

.button_mo_big {
	width: 197px;
	height: 43px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
}

.button_mo_big:hover {
	background-position: 0px 100%;
}

#vg_tabs {
	border-bottom: solid 1px #A3A3A3;
	text-align:left;
	margin-bottom:10px;
	padding:0px;
	color:#505050;
	float:left;
	width:100%;
	height:34px;
	line-height: 17px;
}

#vg_tabs a {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
	border-bottom: 0px;
	padding: 5px 20px 2px 20px;
	margin-top: 3px;
	margin-left: 20px;
	font-size: 12px;
	float: left;
	font-weight: bold;
}

#vg_tabs a:hover {
	text-decoration: none;
	color: #505050;
	background-color: #F3F3F3;
}

#vg_tabs a.sel {
	position: relative;
	top: 2px;
	background: white;
	padding: 9px 20px 0px 20px;
	margin-top: 0px;
	height: 23px;
	background-color: #f1f1f1;
	color: #000000;
}


#vg_tabs a.unselected {
	text-shadow: white 0px 1px 0px;
	position: relative;
	top: 1px;
	background: white;
	padding: 7px 20px 5px 20px;
	background-image: url(https://static.virtuagym.com/v29522315/images/menu_tab_unselected.png);
	margin-bottom: 2px;
	color: #6b6b6b;
}

#vg_tabs a.unselected:hover {
	text-decoration: none;
	color: #505050;
	background-color: #F3F3F3;
	cursor: pointer;
	background-image: none;
}

/* ADDED BY HUGO FOR THE PRODUCT CMS PAGES */
div.productinfo p.producttext {
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b3b3b;
}

div.productinfo p.producttitle {
	margin-top: 16px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #9b9b9b;
	font-weight: bold;
}

div.productinfo p.productbullet {
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3b3b3b;
}

.vg_box_header {
	height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	background-image: url("https://static.virtuagym.com/v29522315/images/header_black_large.png");
	background-repeat: repeat-x;
	border: 1px solid #545353;
	padding-left: 10px;
	text-shadow: #545353 0px -1px 0px;
}

.vg_box_header select{
	margin:3px;
}

.vg_box_header input{
	margin:4px;
}

.exerciseheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	background-color: #FDEDD3;
	display: table;
	width: 100%;
	border-bottom:solid 1px #c5c5c5;
}

.vg_box_content {
	border: 1px solid #99a9b6;
	background-color: #FFFFFF;
	padding: 10px;
	background-color: #FFFFFF;
}

.exercise_info {
	padding-left: 0px;
}

.set_input {
	width: 26px;
	cursor: default;
}

.settingspanel {
	background-color: #F9F9F9;
	border: solid 1px #DBDBDB;
	padding: 10px;
}

.settingsname {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	width: 40%;
}

.settingsfield {
	border: none;
}

.settingssubmit_button {
	padding-top: 5px;
	width: 250px;
	margin: auto;
	text-align:center;
}

.nowrapclass {
	white-space: nowrap;
	overflow: hidden;
}

.exerciseheader div {

}

.exercise {
	list-style-type: none;
	height: 59px;
	background-color: #ffffff;
	cursor: pointer;
	font-size: 14px;
}

.selected_exercise {
	list-style-type: none;
	cursor: pointer;
}

.exercise_text {
	font-size: 11px;
	max-height: 15px;
	overflow: visible;
	color: #888888;
	margin-left: 8px;
	white-space: nowrap;
}

.button_move {
	height: 25px;
	width: 33px;
	padding-top: 3px;
	padding-right: 3px;
}

.exercise_plan_text {
	height: 20px;
	width: 80px;
	font-size: 11px;
	color: #888888;
}

.images {
	float: right;
	height: 50px;
}

.exercise .r_check{
	display:inline;
	height:50px;
	width:28px;
	float:right;
	margin-top: 8px;
}

.images .r_check img {
	display:block;
	margin: 11px 0 0 2px;
}

.ex_thumbnail {
	height: 50px;
	width: 50px;
	margin: 2px;
	float: left;
	margin-top: 4px;
}

.exercise_name {
	height: 20px;
	overflow: hidden;
	margin-top: 7px;
	margin-left: 8px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	text-overflow: ellipsis;
}

.activity_duration {
	background-color: #FFFFFF;
	margin-top: 9px;
}

.exercise_texts {
	height: 50px;
	width: 160px;
	float: left;
	overflow: visible;
}

.exercise .done_bg {
	height:55px;
	background-position:143px 5px;
	overflow:hidden;
}

.exerciseheaderInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
	background-color: rgba(98, 170, 255, 0.2);
	height: 20px;
	border: solid 1px #CCC9C9;
	padding-top: 3px;
	padding-left: 5px;
}

.grey_content_box {
	text-shadow: white 0px 1px 0px;
	background-color: #F1F1F1;
	border: thin #D1D1D1 solid;
	padding: 5px;
	margin-top: 3px;
}

.tabs_header {
    background-image: url(https://static.virtuagym.com/v29522315/images/subnavigation-background.png);
    height:39px;
    padding-bottom: 3px;
    position: fixed;
    top:70px;
    width: 100%;
    z-index:97;
    height:39px;
}

.app_tabs {
    position: relative;
    width: 1000px;
    margin:auto;
    line-height: 39px;
    font-family: Lato, Arial, Helvetica;
}

.app_tabs a{
    color: #444444;
    font-weight: normal;
    font-size: 13px;
    position: relative;
}

.app_tabs a:hover{
    color: #000;
    text-decoration: none;
}

.app_tabs a div {
    position: absolute;
    top:27px;
    left:40%;
    display: inline-block;
    background-image: url(https://static.virtuagym.com/v29522315/images/submenu-selected-page.png);
    width:13px;
    height:10px;
}

.app_tabs a:hover div {
	background-position: 0px 10px;
}

.app_tabs span {
	padding: 12px 16px 12px;
}

.app_tabs span:hover {
	background-color: #f4f4f4;
}

.u_upd {
	padding-bottom:4px;
	overflow:hidden;
	padding-left:14px;
	min-height:50px;
	line-height: 20px;
}

.u_upd .img_l {
	height:64px;
	width:64px;
	float:right;
}

.u_upd .img_m {
	height:30px;
	width:30px;
}

.u_btm {
	font-size: 11px;
	line-height: 25px;
}

.tooltip_middle a {
	text-decoration: none;
}

.u_time {
	font-size: 11px;
	color: #9C9C9C;
	margin-right: 6px;
}

.mouseover_ex {
	height: 50px;
	width: 55px;
	float: right;
}

.tooltip_icon {
	background-image: url('https://static.virtuagym.com/v29522315/images/info-icon.png');
	background-position: top;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.tooltip_icon:hover {
	background-image: url('https://static.virtuagym.com/v29522315/images/info-icon.png');
	background-position: bottom;
}

.mini-email_icon {
	background-image: url('https://static.virtuagym.com/v29522315/images/email-icon.png');
	background-position: top;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.mini-email_icon:hover {
	background-image: url('https://static.virtuagym.com/v29522315/images/email-icon.png');
	background-position: bottom;
}

.tooltip_icon_big {
	background-image: url('https://static.virtuagym.com/v29522315/images/field-info.png');
	width: 38px;
	height: 38px;
	display: inline-block;
	position: relative;
}

.tooltip_icon_big:hover {
	background-image: url('https://static.virtuagym.com/v29522315/images/field-info.png');
	background-position: top;
}

.tooltip_icon_medium {
	background-image: url('https://static.virtuagym.com/v29522315/images/field-info_small.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.tooltip_icon_medium:hover {
	background-image: url('https://static.virtuagym.com/v29522315/images/field-info_small.png');
	background-position: top;
}

.icon_intable{
	position: absolute;
}

.validate {
	color: #ffffff;
}

#achievements_popup {
	position: fixed;
	bottom: 0%;
	right: 0%;
}

.ach_popup_image {
	height: 175px;
	width: 175px;
	position: relative;
	margin: 10px auto;
}

.achievement_background {
	position: fixed;
	background-image: url('https://static.virtuagym.com/v29522315/images/achievements/transparantbg.png');
	top: 0;
	left: 0;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.close_ach_popup_btn {
	float: right;
	cursor: pointer;
	padding-right: 10px;
	padding-top: 2px;
	z-index: 1;
}

.ach_popup_you_achieved {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 25px;
	font-size: 16px;
}

.ach_popup_margin {
	margin: 5px;
}

.achievement_complete_popup {
	position: fixed;
	bottom: 30%;
	right: 35%;
	width:562px;
	background-color: #FFFFFF;
	z-index: 3000;
}

#social_message {
	border: 1px solid #99a9b6;
	padding: 10px 20px 10px 20px;
	text-align: center;
}

.achievements_block {
	width: 140px;
	height: 160px;
	display:inline-block;
	zoom:1; /* IE 8 Hack starts here*/
	*display:inline;
	margin: 10px;
	vertical-align: top;
}

#select_box {
	float: right;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 5px;
	visibility: visible;
	width: 150px;
}

.ach_image_overlay {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom:5px;
}

#achievement_image {
	height: 175px;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid #99a9b6;
}

.achievement_popup {
	min-height: 300px;
	width: 540px;
	border: 1px solid #99a9b6;
	padding: 10px;
	text-align: center;
}

.ach_popup_message {
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
}

.achievement_image_block {
	height: 128px;
	width: 128px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.achievement_name {
	text-align: center;
	font-size: 14px;
	color: #434343;
	font-weight: normal;
}

.ach_user_thumbs {
	float: left;
	padding: 2px;
	margin-right: 8px;
	border: 1px solid #99a9b6;
}

#ach_detail_content {
	margin-bottom: 15px;
	position: relative;
	min-height: 150px;
}

#ach_detail_left {
	display: inline-block;
	vertical-align: top;
	width: 250px;
}

#ach_detail_image {
	position: relative;
	height: 175px;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
}

#ach_detail_right {
	display: inline-block;
	text-align: center;
	width: 460px;
	position: relative;
}

#ach_detail_text {
	margin: 10px;
	min-height: 40px;
	font-size: 14px;
}

#ach_detail_info {
	padding: 10px;
	font-size: 13px;
}

#ach_detail_earned {
	margin-bottom: 5px;
}

#ach_detail_users {
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 36px;
}

.cal_day {
	background-color: #F2F2F2;
}

.cal_weekend {
	background-color: #f5f5f5;
}

.cal_sel {
	background-image: url(https://static.virtuagym.com/v29522315/images/calendar_day_today.PNG);
}
.cal_past_future_month_days {
	background-image: url(https://static.virtuagym.com/v29522315/images/calendar_day_back.png);
	opacity:0.6;
}
.cal_current {
	background-image: url(https://static.virtuagym.com/v29522315/images/calendar_day_current.png);
}

#graph_container form{
 display: block;
}

.color_block {
	width:15px;
	height:15px;
	border:3px solid #FFFFFF;
	float:left;
}

.g_select {
	border:solid 1px #CCCCCC;
	font-size:12px;
	margin:1px 0px 0px 0px;
	float:left;
}

.text_big
{
	font-size:26px;
	color:#949494;
	line-height:35px;
	margin:15px 0px;
}

.upd{
	position: relative;
	padding: 15px 20px;
	border-top: 1px solid #dcdcdc;
}

.add_attachment {
	display: inline-block;
	height: 17px;
	width: 24px;
	position: relative;
	top:3px;
	margin-left: 10px;
}

.add_attachment:hover {
	background-position: 0px 17px;
}

.upd_img
{
	position:absolute;
	width:46px;
	vertical-align:top;
	text-align:left;
	height:46px;
	padding:2px;
	border: 1px solid #D7D7D7;
}

.upd_line {
	height:1px;
	margin-left:60px;
	border-bottom:1px solid #DBDBDB;
	margin-bottom:2px;
	margin-top:-5px;
}

#tab_line {
	background-image:url(https://static.virtuagym.com/v29522315/images/menu_dropshadow.png);
	background-repeat: repeat-x;
	height:14px;
	position:relative;
	top:-1px;
}

#skyscraper {
	float:right;
	width:120px;
	height:600px;
}

.user_input {
	padding:19px 19px 23px;
	overflow: hidden;
	background-color: #f7f7f7;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.user_input textarea {
    height: 30px;
    width:100%;
    display:block;
}

.teh {
    margin:7px -42px 0px 0px;
    padding-left:60px;
    padding-right:46px;
}

#profile_pic {
	text-decoration: none;
	float: left;
	padding: 0px 5px 0px 0px;
}

.link_action {
	color:#434343;
	font-size:12px;
	padding-bottom:5px;
	text-decoration: none;
}

.tooltip {
    cursor: default;
    position:absolute;
    z-index:2000;
    width:250px;
}

.tooltip_top {
    height: 10px;
    width:250px;
    background-image:url(https://static.virtuagym.com/v29522315/images/tooltip-top.png);
    background-repeat:no-repeat;
}

.tooltip_middle {
    padding: 0px 15px 0px 13px;
    width:222px;
    background-image:url(https://static.virtuagym.com/v29522315/images/tooltip-middle.png);
    background-repeat: repeat-y;
    font-size:12px;
	color: #FFFFFF;
}

.tooltip_middle a{
	color: #FFFFFF;
}

.tooltip_bottom {
    height:27px;
    width:250px;
    background-image:url(https://static.virtuagym.com/v29522315/images/tooltip-bottom.png);
    background-repeat:no-repeat;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: block !important;
    word-spacing: normal;
    white-space: nowrap;
}
.like_subject {
    background-image:url(https://static.virtuagym.com/v29522315/images/icon_like.png);
    height: 18px;
    width:18px;
    display: inline-block;
    position: relative;
    top:3px;
}

.like_subject_inact_green {
    background-image:url(https://static.virtuagym.com/v29522315/images/icon_like.png);
    height: 18px;
    width:18px;
    display: inline-block;
    background-position: 0px 18px;
    position: relative;
    top:3px;
}

.like_subject_inact {
    background-image:url(https://static.virtuagym.com/v29522315/images/icon_like.png);
    height: 18px;
    width:18px;
    display: inline-block;
    position: relative;
    top:3px;
}

.like_subject:hover{
   background-position: 0px 18px;
}

.likes_amount {
    display:inline-block;
    width:15px;
}

#addthis {
    padding: 0px 0px 0px 0px;
    position: relative;
    height:16px;
}

.unselectable {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
input.vg_input {
    width: 358px;
    padding:9px;
}

.vg_desc {
    font-size: 12px;
    color:#888888;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.graphname {
    width: 279px;
}
.graphname:hover {
    text-decoration: underline;
}


#profile_apps {
    display: inline-block;
    position: relative;
    top:3px;
}

#profile_apps .prof_app {
    margin:0px 2px 2px;
    text-align: left;
    width:30px;
    height:30px;
    display: inline-block;
    color:#ffffff;
}

.profile_circle_stream {
	background-color: #fff;
	width:64px;
	height: 64px;
	border-radius: 43px;
	box-shadow: 0px 2px 2px -2px #333;
	margin-right: 4px;
}

.profile_circle_stream img {
	border-radius: 40px;
	width: 58px;
	height: 58px;
	margin: 3px;
}

.profile_circle_s {
	background-color: #fff;
	width:44px;
	height: 44px;
	border-radius: 23px;
	box-shadow: 0px 2px 2px -2px #333;
}

.profile_circle_s img {
	border-radius: 20px;
	margin: 3px;
}

.profile_circle_xl {
	position: relative;
	background-color: #fff;
	width:198px;
	height: 198px;
	border-radius: 99px;
	box-shadow: 0px 2px 6px -3px #333;
}

.profile_circle_xl img {
	border-radius: 96px;
	margin: 3px;
}

.profile_circle_xl .pro_badge {
	position: relative;
	border-radius: 0px;
	margin: 3px;
	left:70px;
	top: -16px;
	z-index: 2;
	bottom: 20px;
}

.profile_circle_xl .pro_frame {
	position: absolute;
	z-index: 1;
	top:-28px;
	left: -30px;
}

.message_input {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #cfcfcf;
	color: #989898;
}

.message_input_active {
	min-height: 80px;
	background-color: #fff;
	padding: 14px;
	border: 1px solid #cfcfcf;
	color: #333;
}


.comment_input {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #cfcfcf;
	color: #989898;
	margin-top: 4px;
	text-align: left;
}
a.add_icon_large {
	background-image: url(https://static.virtuagym.com/v29522315/images/add-icon.png);
	display:inline-block;
	width:32px;
	height:32px;
}
a.add_icon_large:hover {
	background-position: 0px 32px;
}

#test_mode {
	background-color:rgba(28,6,0,0.7);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F1c0600', EndColorStr='#7F1c0600');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1c0600, endColorstr=#7F1c0600)";
	text-align: left;
	padding: 8px 12px 12px;
	font-family: 'Lato', 'Arial';
	border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; position: absolute; top:0px; z-index:500;
	left:188px;
}

#test_mode.align-left {
	top: 5px;
	left: 5px;
	border-radius: 7px;
}

#test_mode:hover {
	background-color:#1c0600;
}

.card_message{
	padding: 20px 14px 20px 24px;
	float: none;
	display: inline-block;
	text-align: left;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

#addpic_s {
	width:30px;
	height:30px;
	background-image:url(https://static.virtuagym.com/v29522315/images/button_add_30.png);
	display:inline-block;
	background-position:0px 0px;
}

#addpic_s:hover {
	background-position:0px 60px;
}

#addpic_s:active {
	background-position:0px 30px;
}

#signin_box {
	font-family: Lato, Airal;
	background-color: #fff;
	padding: 30px;
	width: 280px;
	height: 262px;
	position: absolute;
	right: 0px;
	top: 70px;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0, 0.26);
}

#signin_box input {
	padding: 9px;
	border: 1px solid #bbbbbb;
	width: 260px;
	margin-top: 6px;
}

#signin_box #loginForm{
	display: block;
	text-align: left;
}

#signin_box #login_input {
	margin-top: 26px;
}
.fb_login span{
	text-align: center;
	display: inline-block;
	line-height: 50px;
	height: 50px;
	background-color: #445597;
	width: 280px;
	font-size: 17px;
	color: #fff;
	border-radius: 5px;
}

.fb_login span img{
	position: relative;
	top:6px;
}

.fb_login span:hover {
	background-color: #30407B;
}

#signin_box #bottom_signin {
	position: relative;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	left: -30px;
	top:16px;
	padding: 20px 30px;
}

#signin_box #remember {
	position: relative;
	top: 12px;
	float: left;
	font-size: 11px;
	color: #444444;
}

input:-webkit-autofill{
	border: 1px solid #bbbbbb;
	margin: 0px;
	padding: 10px;
	/*-webkit-box-shadow: 0 0 0px 1000px white inset;*/
}

table.table_small input:-webkit-autofill{
	border: 1px solid #bbbbbb;
	margin: 0px;
	padding: 3px;
}

.css-loader {
	width: 48px;
	height: 48px;
	background-image:url(https://static.virtuagym.com/v29522315/images/loaders/loader.png);

	-webkit-animation: play 1.6s steps(32) infinite;
	-moz-animation: play 1.6s steps(32) infinite;
	-ms-animation: play 1.6s steps(32) infinite;
	-o-animation: play 1.6s steps(32) infinite;
	animation: play 1.6s steps(32) infinite;
}

.css-loader-medium {
	width: 32px;
	height: 32px;
	background-image:url(https://static.virtuagym.com/v29522315/images/loaders/loader-medium.png);

	-webkit-animation: play-m 1.6s steps(32) infinite;
	-moz-animation: play-m 1.6s steps(32) infinite;
	-ms-animation: play-m 1.6s steps(32) infinite;
	-o-animation: play-m 1.6s steps(32) infinite;
	animation: play-m 1.6s steps(32) infinite;
}

.css-loader-small {
	width: 16px;
	height: 16px;
	background-image:url(https://static.virtuagym.com/v29522315/images/loaders/loader-small.png);

	-webkit-animation: play-s 1.6s steps(32) infinite;
	-moz-animation: play-s 1.6s steps(32) infinite;
	-ms-animation: play-s 1.6s steps(32) infinite;
	-o-animation: play-s 1.6s steps(32) infinite;
	animation: play-s 1.6s steps(32) infinite;
}
/* large/normal */
@-webkit-keyframes play {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1536px; }
}

@-moz-keyframes play {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1536px; }
}

@-ms-keyframes play {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1536px; }
}

@-o-keyframes play {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1536px; }
}

@keyframes play {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1536px; }
}

/* medium */

@-webkit-keyframes play-m {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1024px; }
}

@-moz-keyframes play-m {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1024px; }
}

@-ms-keyframes play-m {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1024px; }
}

@-o-keyframes play-m {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1024px; }
}

@keyframes play-m {
	from { background-position:    0px 0px; }
	to { background-position: 0px -1024px; }
}


/* small */

@-webkit-keyframes play-s {
	from { background-position:    0px 0px; }
	to { background-position: 0px -512px; }
}

@-moz-keyframes play-s {
	from { background-position:    0px 0px; }
	to { background-position: 0px -512px; }
}

@-ms-keyframes play-s {
	from { background-position:    0px 0px; }
	to { background-position: 0px -512px; }
}

@-o-keyframes play-s {
	from { background-position:    0px 0px; }
	to { background-position: 0px -512px; }
}

@keyframes play-s {
	from { background-position:    0px 0px; }
	to { background-position: 0px -512px; }
}

div.box_head{
	height: 34px;
	display: block;
	position: relative;
}
div.box_head_l{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_top_left.png');
	width: 9px;
	height: 8px;
	z-index: 6;
	top: 0px;
	left: 0px;
	position: absolute;
}

div.box_head_tr{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_top_right.png');
	width: 9px;
	height: 8px;
	z-index: 6;
	top:0px;
	right: 0px;
	position: absolute;
}

div.box_head_t{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_top.png');
	width: 100%;
	height: 8px;
	z-index: 5;
	top: 0px;
	left: 0px;
	position: absolute;
}

div.box_head_m{
	height: 20px;
	z-index: 5;
	top: 0px;
	left: 5px;
	position: absolute;
}

div.box_head_cnt{
	height: 30px;
	width: 100%;
	z-index: 5;
	top: 4px;
	position: absolute;
}

div.box_head_ml{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_middle_left.png');
	width: 5px;
	height: 26px;
	z-index: 5;
	top: 8px;
	left: 0px;
	position: absolute;
}

div.box_mid{
	top: 0px;
	height: 100%;
}

div.box_top {
	top: 8px;
	height: 26px;
}

div.box_head_mr{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_middle_right.png');
	width: 5px;
	z-index: 5;
	right: 0px;
	position: absolute;
}

span.box_head_title{
	margin-left: 10px;
	font-weight: bold;
	text-shadow: #3a3a3a 0px 1px 0px;
	font-size: 12px;
	float: left;
	margin-top: 8px;
	text-shadow: black 0px -1px 0px;
}

span.box_head_title select{
	float: right;
	margin-top:-3px;
}

span.box_head_title input{
	float: right;
	margin-top:-3px;
}

div.box_container{
	width: 100%;
	clear: both;
	position: relative;
}

div.box_c{
	padding: 3px;
	background-color: white;
	margin-left: 2px;
	margin-right: 2px;
}

div.box_bottom{
	height: 8px;
	width: 100%;
	clear: both;
	position: relative;
}

div.box_bottom_r{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_bottom_right.png');
	width: 9px;
	height: 8px;
	z-index: 5;
	top:0px;
	right: 0px;
	position: absolute;
}

div.box_bottom_l{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_bottom_left.png');
	width: 9px;
	height: 8px;
	z-index: 5;
	top:0px;
	left: 0px;
	position: absolute;
}

div.box_bottom_m_c{
	top: 0px;
	left: 5px;
	position: absolute;
}

div.box_bottom_m{
	background-image: url('https://static.virtuagym.com/v29522315/images/header_bottom.png');
	width: 100%;
	height: 8px;
	z-index: 5;
	top: 0px;
	left: 4px;
	position: absolute;
}

.tag{
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: normal;
	padding: 5px 10px;
	cursor: pointer;
}

.tag_active{
	border: 1px solid #8bb668;
	background-color: #b6efb9;
}

.credits_add_bad_tooltip{
	position:relative;
	top:7px;
	left:5px;
}

#reason_div{
	position: absolute;
	top: 115px;
	left: 37px;
}

.reason-tooltip{
	position: relative;
	top: 23px;
	left: 195px;
}
.pro_icon {
	width: 30px;
}

.icon{
	background-image: url('https://static.virtuagym.com/v29522315/images/icons.png');
	height: 17px;
	width: 13px;
	display: inline-block;
	margin: 0 2px;
}

.link_btn {
	cursor: pointer;
	margin: 4px 0px 0px 4px;
	display: block;
	float: left;
}

.link_btn .icon {
	margin: 0px 3px 0px 0px;
}

.link_btn .title {
	display: inline-block;
	color: #00aced;
	font-weight: bold;
	position: relative;
	bottom: 3px;
}

.linked_clients-table td a {
	color: #00aced;
}


.linked_clients_export {
	float:left;
	text-align: right;
	padding:6px 0px 0px 120px;
}

.linked_clients_export.centered {
	padding: 6px 0px 0px 0px;
	float:none;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	text-align: center;
}

.linked_clients_pagination {
	float:right;
	width: 30%;
	text-align: right;
}

.linked_clients_btn {
	float:right;
}

#link_client_errors {
	padding: 0px 10px;
	color: red;
}

.active_contract_row {
	font-size: 14px;margin-bottom: 5px
}

#add_member_view_content > div {
	width: 480px;
}

#add_member_view_content > div > div {
	width: 480px !important;
}

#add_member_view_content #res_table {
	width: 460px !important;
}

.in-fancy-box-scroll {
	overflow-y:scroll;
	max-height: 300px;
	overflow-x: hidden
}

tr#add_member_view:hover {
	background: none;
}
.fileinput .thumbnail {
	border: 1px solid #A9A9A9;
	padding: 5px;
}

.btn-grey, .btn-default {
	color: #555555;
	background-image: url(https://static.virtuagym.com/v29522315/images/grey_btn_bg.jpg);
	border: solid 1px #AFB2B2;
}

.btn {
	border-radius: 3px;
	padding: 4px 17px 4px 17px;
	cursor: pointer;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}

.icon-tooltip-medium {
	width: 24px;
	height: 24px;
	background-image: url(https://static.virtuagym.com/v29522315/images/field-info_small.png);
	display: inline-block;
}

.icon-tooltip-tiny {
	width: 12px;
	height: 12px;
	background-image: url(https://static.virtuagym.com/v29522315/images/field-info_tiny.svg);
	border-radius: 7px;
}

.icon-tooltip-tiny-white {
	width: 12px;
	height: 12px;
	background-image: url(https://static.virtuagym.com/v29522315/images/field-info_tiny_white.svg);
	border-radius: 7px;
}

.italic {
	font-style: italic;
}

.light-grey {
	color: #9D9D9D !important;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}
.clearfix {
	clear: both;
}
/*** Financial app pagination *****************************************************************************************/
.pagination {
	padding-top: 35px;
	font-size: 0;
}
.pagination > div {
	display: inline-block;
}
.pagination .pagination__direction {
	width:10%;
}
.pagination .pagination__direction img{
	width: 15px;
	margin:1px auto;
	padding: 0;
}
.pagination .pagination__direction-right {
	text-align: right;
}
.pagination .pagination__direction-right img {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.pagination .pagination__numbers {
	width: 80%;
	text-align: center;
}
.pagination a {
	font-weight: normal;
	color: #757575;
}
.pagination .pagination__numbers a {
	margin: 0 7px;
}
.pagination div span {
	font-size: 18px;
	padding: 10px 13px;
}
.pagination .pagination__suspension {
	color: #757575;
	letter-spacing: 1px;
	margin: 0 10px;
}
/*** End of Financial app pagination **********************************************************************************/

.page_content > .perpage-container, .page_content form > .perpage-container {
	margin: 0 0 20px 20px;
}
#filterform select {
	-webkit-appearance: none;
	border-radius: 0;
	border-width: 1px;
	background-image: url(https://static.virtuagym.com/v29522315/images/icons/arrow-down-black.png);
	background-size: auto 65%;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 20px 10px 8px !important
}
.orderedByThis.desc {
	background-image: url(https://static.virtuagym.com/v29522315/images/icons/arrow-down.png);
	background-repeat: no-repeat;
	background-position: right 6px;
}
.orderedByThis.asc {
	background-image: url(https://static.virtuagym.com/v29522315/images/icons/arrow-up.png);
	background-repeat: no-repeat;
	background-position: right 6px;
}

.vg-custom-modal-overall-container{
	width: 100%;
	height: 100%;
	background-color: rgba(10,10,10,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	text-align: center;
	padding-top: 20vh;
	display: none;
}

.vg-custom-modal-container{
	width: 400px;
	height: 420px;
	display: inline-block;
}

.vg-custom-modal{
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 40px;
	position: relative;
	overflow-y: auto;
}

.vg-custom-modal.vg-custom-modal-square{
	border-radius: 0;
}

.vg-custom-modal-close-container{
	position: relative;
}

.vg-custom-modal-close {
	display: inline-block;
	background-image: url(https://static.virtuagym.com/v29522315/javascript/fancybox/fancybox_sprite.png);
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 10000;
}

.vg-custom-modal .vg-custom-modal-close-simple{
	position: absolute;
	top: 20px;
	right: 30px;
	background: transparent;
	border: none;
	cursor: pointer;
	cursor: hand;
	color: rgba(50,50,50,0.1);
	font-size: 14px;
}

.vg-custom-modal .vg-custom-modal-close-simple:hover{
	text-decoration: none;
}

.vg-custom-modal h1{
	color: #444444;
	font-size: 28px;
	margin-bottom: 20px;
}

.vg-custom-modal.vg-custom-modal-square h3{
	font-size: 22px;
	margin-bottom: 24px;
	display: inline-block;
}

.vg-custom-modal .vg-custom-modal-strong-p{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.vg-custom-modal p{
	color: #777777;
	font-size: 13px;
}

.vg-custom-modal-button {
	position:absolute;
	height: 50px;
	width: 289px;
	bottom:30px;
	right:20px;
	font-size: large;
	background-position: 0px 0px;
	border-radius: 5px;
}

.vg-custom-modal-button:hover{
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	cursor: pointer;
}

.vg-custom-modal label {
	font-size: 16px;
	margin-left: 10px;
	padding-top: 7px;
	display: inline-block;
}

label.vg-custom-modal-label-with-bottom-button{
	margin-bottom: 30px;
	font-size: 12px;
}

.vg-custom-modal .table th{
	font-weight: bold;
}

.vg-custom-modal-full-width-button-bottom {
	background-color: #2785ED;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	display: block;
	width: 100%;
}

.vg-custom-modal-full-width-button-bottom:hover {
	text-decoration: none;
}

.vg-custom-modal-full-width-button-bottom span {
	color: white;
}

.align-left{
	text-align: left;
}

.frontpage_loginbox .signup-legal-line{
	padding-top: 5px;
	font-size: 12px;
	color: rgba(10,10,10,0.5);
	line-height: 16px;
}

.frontpage_loginbox .signup-legal-line a{
	color: #00A7E7;
}

.staff-badge {
	background: #d9f2fc;
	font-size: 9px;
	font-weight: bold;
	color: #319df9;
	border-radius: 4px;
	margin-left: 10px;
	cursor: default;
	vertical-align: inherit;
	padding: 0 7px 0px 7px;
	display: inline-block;
}

.resubscribe_btn span, .left_tabs a.resubscribe_btn:hover span{
	color: lightgrey;
	background-color: #f4f4f4;
}

/*For templates/club_portal/members/pro_memberships.twig*/

.pro_membership_container {
	width: 250px;
	height: 30px;
}

.date_field, .date_field:hover {
	display: inline-block;
	border: 1px inset #ccc;
	width: 99px;
	background-color: white;
}

.date_field input {
	border: none;
	padding: 0;
	width: 74px;
}

.date_field button, .date_field button:hover {
	border: none;
	background: none;
	height: 10px;
	width: 10px;
}

/* ---- End---*/

.margin-l-r-2 {
	margin-left: 2px;
	margin-right: 2px;
}

.fancybox-wrap.popup-notification-new-style #notification_popup {
	position: relative;
	height: auto;
	padding: 20px 0 30px 0;
}

.fancybox-wrap.popup-notification-new-style .fancybox-inner {
	height: initial !important;
	width: initial !important;
}

.fancybox-wrap.popup-notification-new-style #notification_popup h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	color: #212121;
}

.fancybox-wrap.popup-notification-new-style #notification_popup h2::before {
	content: "";
	display: block;
	height: 48px;
	margin-bottom: 24px;
	background: url(https://static.virtuagym.com/v29522315/images/icons/lock.svg) no-repeat;
	background-position: center;
}

.fancybox-wrap.popup-notification-new-style #notification_popup > p {
	padding-top: 0;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
	color: #424242;
}

.fancybox-wrap.popup-notification-new-style #notification_popup p > a {
	font-weight: 600;
	color: #03A9F4;
}

.fancybox-wrap.popup-notification-new-style #notification_popup_actions {
	box-sizing: initial;
	position: relative;
	margin-top: 10px;
	border: none;
	text-align: center;
	background: #FFF;
}

.fancybox-wrap.popup-notification-new-style #notification_popup_actions > a.blue_btn_small {
	margin: 0 30px;
	float: none;
	border: none;
}

.fancybox-wrap.popup-notification-new-style #notification_popup_actions > a.blue_btn_small > span {
	padding: 14px 24px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 600;
	text-shadow: none;
	border-radius: 24px;
	background: #03A9F4;
}

.git_branch {
	float: right;
	font-size: 18px;
}

.git_branch a, .git_branch a:visited {
	color: white;
}