/* -------------------------------------------------------------------------------- Authentification And Forms */

/* ---------------------------------------- Authentification */

.b-login-popup {background:#ededed;width:500px; top: 100px !important}
@media screen and (max-width: 991px) {
.b-login-popup {background:#ededed;width:100%}
}

.b-login-popup__header {position:relative;background: #333;height:54px}
.b-login-popup__title {text-transform:uppercase;position:relative;cursor:pointer;line-height:54px;font-weight:700;font-size:14px;padding:0 26px 0 48px;*padding-left: 22px;color: #ffffff;display: -moz-inline-stack;display: inline-block;*zoom: 1;*display: inline;}
.b-login-popup__title:before, .b-login-popup__title_reg:before {background: url(/img/social/icons/login-popup-icons.png) 0px -180px no-repeat;content: "";display: block;position: absolute;top: 50%;left: 26px;width: 24px;height: 24px;margin-top: -9px;}
.b-login-popup__title_reg:before {background-position: 0 -53px;margin-top: -12px;left: 19px;}
.b-login-popup__title_active { background: #900 }
.b-login-popup__title_active:before {background-position: 0 0;}
.b-login-popup__title_reg_active:before {background-position: 0 -237px;}
.b-login-popup__title:hover { background: #900}
.b-login-popup__title:hover:before {background-position: 0 0;}
.b-login-popup__title_reg:hover:before {background-position: 0 -237px;}
.b-login-popup__tab {padding: 30px;margin: 0 auto;display: none;}
.b-login-popup__tab_active {display: block;}
.b-login-popup__close {background: url(/img/social/icons/login-popup-icons.png) 20px -98px no-repeat;color: white;display: block;font-size: 24px;line-height: 54px;text-align: center;position: absolute;cursor: pointer;height: 54px;width: 55px;right: 0;top: 0;}
.b-login-popup__close:hover {background-color: #900;}

/* [mdmitry] - hotfix .ex6_invalid for issue #997: login, signup, forgot forms; */
.b-login-popup input.ex6_invalid {border:1px solid #c24d4d}
/* [end] */

.LoginFormSocials {margin:0 0 10px 0}
.LoginFormSocials ul {list-style-type:none}
.LoginFormSocials ul li {float:left}
.LoginFormSocials ul li.Text {font-size:12px;font-weight:700;color:#5f5f5f;text-transform:uppercase;margin:0 0 5px 2px}

.LoginFormSocials ul li.Vkontakte {clear:left;padding:0 3px 0 0}
.LoginFormSocials ul li.Vkontakte button {width:25px;height:25px;display:block;background: url(/img/social/icons/social-icons.png) 0 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}
.LoginFormSocials ul li.Twitter {padding:0 3px 0 0}
.LoginFormSocials ul li.Twitter button {width:25px;height:25px;display:block;background: url(/img/social/icons/social-icons.png) -25px 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}
.LoginFormSocials ul li.Facebook {padding:0 0 0 0}
.LoginFormSocials ul li.Facebook button {width:25px;height:25px;display:block;background: url(/img/social/icons/social-icons.png) -50px 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}

.b-login-popup .NewSocialButtons li { display: inline-block; margin: 0 3px 0 0  }
.b-login-popup .NewSocialButtons li button { border: 0; padding: 0; margin: 0; width: 30px; height: 30px; cursor: progress; text-indent: -9999px; background: url(/img/social/icons/social_icons3.png); }
.b-login-popup .NewSocialButtons li.Vkontakte button { background-position: 0 0 }
.b-login-popup .NewSocialButtons li.Twitter button { background-position: -30px 0 }
.b-login-popup .NewSocialButtons li.Facebook button { background-position: -60px 0 }
.b-login-popup .NewSocialButtons li.Odnoklassniki button { background-position: -90px 0 }
.b-login-popup .NewSocialButtons li.Mailru button { background-position: -120px 0 }
.b-login-popup .NewSocialButtons li.Google button { background-position: -90px 0 }

.LoginForm {font-size:11px;font-weight:700;max-width:200px;color:#5f5f5f}
.LoginForm fieldset {border:none}
.LoginForm legend {display:none}

.LoginForm .FormData1 {}
.LoginForm .Input1 {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;border:1px solid #c1d3d9;margin:0 0 10px 0;background:#fff;padding:5px 3px}
.LoginForm .Label1 {margin:0 0 2px 2px;display:block}
.LoginForm .Button {margin:0 0 10px 0}
.LoginForm .Button a {display:inline-block;background:#900;;font-size:13px;font-weight:400;text-transform:uppercase;color:#fff;padding:7px 20px;text-decoration:none; cursor: pointer;}

.LoginForm .Error {font-weight:400;margin:0 0 10px 0;color:#bd2725}

.LoginFormForgotLink {font-size:11px;font-weight:700}


/* ---------------------------------------- Authentification Bar */

#AuthBar { float: right; position: relative; display: block; width: auto; margin: 0px 270px 0 0; color: #fff }
#AuthBar.auth .AuthMenu { margin-right: 0 }

@media screen and (max-width: 991px) {
header .Addon_Menu #AuthBar { right: 52px }
}
#AuthBar .Notifications {position:absolute;top:0;left:163px}

#AuthBar .Notifications .FriendNotifications {display:block;float:left;position:relative}
#AuthBar .Notifications .FriendNotifications span {display:block;padding:0 10px 0 30px;line-height:60px;font-size:11px;color:#acacac;background:url(/img/social/notifications-sprite.png) 10px 21px no-repeat}
#AuthBar .Notifications .FriendNotifications span:hover {background:#F6D000 url(/img/social/notifications-sprite.png) 10px -99px no-repeat;color:#393939;cursor:pointer}
#AuthBar .Notifications .FriendNotifications span.Active {background:url(/img/social/notifications-sprite.png) 10px -39px no-repeat;color:#F6D000;cursor:pointer}
#AuthBar .Notifications .FriendNotifications span.Active:hover {background:#F6D000 url(/img/social/notifications-sprite.png) 10px -99px no-repeat;color:#393939;cursor:pointer}

#AuthBar .Notifications .FriendNotificationsList {background:#3b3b3b url(/img/social/gray-noise.png);color:#fff;cursor:default;display:block;font-size:13px;overflow:hidden;position:absolute;top:100%;right:0;width:300px;z-index: 9980}
#AuthBar .Notifications .Header {background:#f6d000;border-bottom: 1px solid #393939;color:#393939;font-size:14px;font-weight: 700;line-height:21px;padding: 5px 10px}

#AuthBar .Notifications .FriendNotificationsList ul {list-style-type:none}

#AuthBar .Notifications .FriendNotificationsList ul li {width:280px;padding:5px 10px 10px 10px;position:relative;border-bottom:1px dotted #C0C0C0}
#AuthBar .Notifications .FriendNotificationsList ul li:hover {background:#f6d000;color:#2e2e2e;cursor:pointer}
#AuthBar .Notifications .FriendNotificationsList ul li:hover a {color:#2e2e2e}

#AuthBar .Notifications .FriendNotificationsList .User {padding:0 0 0 50px;margin:0 40px 5px 0;font-size:12px;line-height:17px}
#AuthBar .Notifications .FriendNotificationsList .Image {width:40px;height:40px;position:absolute;top:6px;left:10px;background:#ccc}

#AuthBar .Notifications .FriendNotificationsList .Buttons {padding:0 0 0 50px}
#AuthBar .Notifications .FriendNotificationsList .Buttons a {line-height:17px;color:#fff;border-color:#aaa;border-style: solid solid ridge;border-width:1px 1px 2px 1px;display: inline-block;margin:0 8px 0 0;padding:4px 6px;text-decoration:none}
#AuthBar .Notifications .FriendNotificationsList .Buttons a:hover {background:#E5E5E5}

#AuthBar .Notifications .CommunityNotifications {display:block;float:left;position:relative}
#AuthBar .Notifications .CommunityNotifications span {display:block;padding:0 10px 0 30px;line-height:60px;font-size:11px;color:#acacac;background:url(/img/social/notifications-sprite.png) 10px -165px no-repeat}
#AuthBar .Notifications .CommunityNotifications span:hover {background:#F6D000 url(/img/social/notifications-sprite.png) 10px -285px no-repeat;color:#393939;cursor:pointer}
#AuthBar .Notifications .CommunityNotifications span.Active {background:url(/img/social/notifications-sprite.png) 10px -225px no-repeat;color:#F6D000;cursor:pointer}
#AuthBar .Notifications .CommunityNotifications span.Active:hover {background:#F6D000 url(/img/social/notifications-sprite.png) 10px -285px no-repeat;color:#393939;cursor:pointer}

#AuthBar .Notifications .CommunityNotificationsList {background:#3b3b3b url(/img/social/gray-noise.png);color:#fff;cursor:default;display:block;font-size:13px;overflow:hidden;position:absolute;top:100%;right:0;width:300px;z-index: 9980}
#AuthBar .Notifications .Header {background:#f6d000;border-bottom: 1px solid #393939;color:#393939;font-size:14px;font-weight: 700;line-height:21px;padding: 5px 10px}

#AuthBar .Notifications .CommunityNotificationsList ul {list-style-type:none}

#AuthBar .Notifications .CommunityNotificationsList ul li {width:280px;padding:5px 10px 10px 10px;position:relative;border-bottom:1px dotted #C0C0C0}
#AuthBar .Notifications .CommunityNotificationsList ul li:hover {background:#f6d000;color:#2e2e2e;cursor:pointer}
#AuthBar .Notifications .CommunityNotificationsList ul li:hover a {color:#2e2e2e}
#AuthBar .Notifications .CommunityNotificationsList ul li:hover .User a {color:#fff}

#AuthBar .Notifications .CommunityNotificationsList .User {padding:0 0 0 50px;margin:0 40px 5px 0;font-size:12px;line-height:17px}
#AuthBar .Notifications .CommunityNotificationsList .User u {text-decoration:none;font-style:italic}
#AuthBar .Notifications .CommunityNotificationsList .User a {color:#fff;text-decoration:underline}
#AuthBar .Notifications .CommunityNotificationsList .Image {width:40px;height:40px;position:absolute;top:6px;left:10px;background:#ccc}

#AuthBar .Notifications .CommunityNotificationsList .AllLink {color:#fff;text-decoration:underline;display:block;text-align:center;padding:5px 0 6px 0}

#AuthBar .AuthMenu { float: right;position: relative; margin: 0 100px 0 0}

@media screen and (max-width: 991px) {
	#AuthBar .AuthMenu { float: none; }
}

#AuthBar .AuthPopupMenu { width: 23px; height: 23px; display: block; margin: 0 0 0 10px; background: url(/img/social/icons/login-popup-icons.png) no-repeat 2px -54px #333; cursor: pointer; position: relative; top: -1px }

#AuthBar .AuthMenu.AuthPopup { position: absolute; right: 0; top: 30px; z-index: 300; padding: 10px; background: #fff; box-shadow: 0 0 5px #000; display: none;}

#AuthBar .AuthMenu ul {list-style-type:none; float: none; margin: -2px 0 0 0}
#AuthBar .AuthMenu ul li { margin: 0 !important; padding: 0 !important; display: block; display: inline-block; vertical-align: middle;}
#AuthBar .AuthMenu ul li a { text-align: left; display: block; text-align: left;}
#AuthBar .AuthMenu ul li a:hover { color: #65a400 }

#AuthBar .AuthMenu ul li.Text {color:#C5C5C5;text-transform:uppercase;margin:0 10px 0 0}
#AuthBar .AuthMenu ul li.Vkontakte {padding:19px 3px 0 0}
#AuthBar .AuthMenu ul li.Vkontakte button {width:25px;height:25px;display:block;background: url(/img/social/social-icons.png) 0 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}
#AuthBar .AuthMenu ul li.Twitter {padding:19px 3px 0 0}
#AuthBar .AuthMenu ul li.Twitter button {width:25px;height:25px;display:block;background: url(/img/social/social-icons.png) -25px 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}
#AuthBar .AuthMenu ul li.Facebook {padding:19px 0 0 0}
#AuthBar .AuthMenu ul li.Facebook button {width:25px;height:25px;display:block;background: url(/img/social/social-icons.png) -50px 0 no-repeat;text-indent:-10000px;border:0;cursor:pointer}
#AuthBar .AuthMenu ul li.Login { margin-left: 10px !important }
#AuthBar .AuthMenu ul li.Login a { cursor: pointer; color: #900}
#AuthBar .AuthMenu ul li.Login a:hover {text-decoration:none}

#AuthBar .AuthMenu ul li.Adm {text-transform:uppercase;margin:0 10px 0 0}
#AuthBar .AuthMenu ul li.Adm a {color:#300}
#AuthBar .AuthMenu ul li.User {margin:0 10px 0 0;padding:0 0 0 14px}
#AuthBar .AuthMenu ul li.User a {text-transform:uppercase;color:#900; }
#AuthBar .AuthMenu ul li.User a img {width:38px;height:38px;background:#333;position:absolute;top:11px;left:0}
#AuthBar .AuthMenu ul li.Exit {}
#AuthBar .AuthMenu ul li.Exit a { display: inline-block;/* width: 45px; height: 45px; background: url("/img/icons/icon029.png"); background-size: cover; text-indent: -10000vw; overflow: hidden;*/}
#AuthBar .AuthMenu ul li.Exit a:hover { color: #f60 }
.registration { text-decoration: underline; /*display: inline-block; width: 45px; height: 45px; background: url("/img/icons/icon026.png"); background-size: cover; text-indent: -10000vw; overflow: hidden; vertical-align: middle;*/}
.registration:hover { text-decoration: none; }
.login { display: inline-block; text-decoration: underline; /*width: 45px; height: 45px; background: url("/img/icons/icon027.png"); background-size: cover; text-indent: -10000vw; overflow: hidden; vertical-align: middle;*/}
.login:hover { text-decoration: underline; }


/* -------------------------------------------------------------------------------- Profile */


/* ---------------------------------------- Personal Data */

#UserProfilePersonalData {width:160px;background:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);position:relative}

#UserProfilePersonalData .Banned {font-size:12px;font-style:italic;color:#bd2725;text-align:center;margin:0 0 10px 0}

#UserProfilePersonalData .UserAndUserAvatarUpload {position:relative}

#UserProfilePersonalData .User {font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase;text-align:center;position:relative;padding:167px 15px 3px 15px}
#UserProfilePersonalData .User a {color:#3b3b3b}
#UserProfilePersonalData .User img {position:absolute;top:0;left:0;width:160px;height:160px}

#UserProfilePersonalData .UserAvatarUpload {}
#UserProfilePersonalData .UserAvatarUpload .Button {width:20px;height:20px;padding:0;display:block;position:absolute;top:136px;left:4px;background:url(/img/social/pencil.png) 3px 3px no-repeat;text-indent:-10000px}
#UserProfilePersonalData .UserAvatarUpload .Button:hover {border:1px solid #FF0000;top:135px;left:3px}

#UserProfilePersonalData .UserAvatarEdit {background:#3b3b3b url(/img/social/gray-noise.png);padding:7px 15px 1px 15px}
#UserProfilePersonalData .UserAvatarEdit .Button {font-size:11px;font-weight:700;line-height:14px;background:#BD2725;border-radius:4px;color:#FFFFFF;cursor:pointer;display:block;padding:5px 14px;text-decoration:none;text-transform:uppercase;margin:0 0 6px 0}

#UserProfilePersonalData .UserAvatarEdit .HTML5AvatarUploader {font-size:11px;font-weight:700;line-height:14px;background:#BD2725;border-radius:4px;color:#FFFFFF;cursor:pointer;display:block;padding:5px 14px;text-decoration:none;text-transform:uppercase;margin:0 0 6px 0;position:relative;overflow:hidden}
#UserProfilePersonalData .UserAvatarEdit .HTML5AvatarUploader input {cursor:pointer;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);top:-10px;right:-40px;font-size:50px;position:absolute}

#UserProfilePersonalData .Menu {}

#UserProfilePersonalData .Menu ul {background:url(/img/social/table_separator.png) repeat-x;font-size:11px;font-weight:700;padding:7px 0 0 0}

#UserProfilePersonalData .Menu ul li {display:block}
#UserProfilePersonalData .Menu ul li a {color:#3b3b3b;border-bottom: 1px dotted #2B2B2B;display: block;margin:-1px 0 0 0;padding:11px 15px 10px 15px;text-decoration:none}
#UserProfilePersonalData .Menu ul li a:hover {background:#F5CF00;border-bottom: 1px solid #F5CF00}

#UserProfilePersonalData .Menu ul li.Adm {}
#UserProfilePersonalData .Menu ul li.Adm a {color:#ff0000}

#UserProfilePersonalData .Menu ul li.Last a {border-bottom:1px solid #fff}
#UserProfilePersonalData .Menu ul li.Last a:hover {border-bottom: 1px solid #F5CF00}

/* ---------------------------------------- Profile Data */

#UserProfileData {color:#333;padding:15px;margin:0 0 5px 18px}

#UserProfileData .Info {position:relative;border-bottom:1px solid #808080;margin:0 0 10px 0;padding:0 0 10px 0; display: none;}
#UserProfileData .Info p {font-size:16px;font-weight:700;line-height:18px;text-transform:uppercase;color:#333;display:inline-block;padding:0 10px 0 0}

#UserProfileData a.FriendAdd {display:inline-block;position:relative;background:url(/img/social/friend-status-button.png) 0 -66px no-repeat;color:#545454;font-size:10px;font-weight: 700;text-transform:uppercase;height:22px;line-height:23px;padding:0 10px 0 40px;text-decoration:none}
#UserProfileData a.FriendAdd:after {background:url(/img/social/friend-status-button.png) 0 -22px no-repeat;content:"";display:inline-block;height:22px;position:absolute;left:100%;top:0;width:3px}
#UserProfileData a.FriendAdd:hover {background-position:0 -154px;}
#UserProfileData a.FriendAdd:hover:after {background-position:0 -110px}

#UserProfileData .Data {min-height:90px;overflow:hidden}
#UserProfileData .Data ul {list-style-type:none}
#UserProfileData .Data ul li {margin:0 0 5px 0}

#UserProfileData .Data ul li span {margin:0 0 0 0; color:#333;display:block; font-weight: bold;}

/*
#UserProfileData .Data ul li.Activity {background:url(/img/social/portfel.png) 0 0 no-repeat;padding:0 0 0 24px}
#UserProfileData .Data ul li.Location {background:url(/img/social/location.png) 0 0 no-repeat;padding:0 0 0 24px}
#UserProfileData .Data ul li.Birthday {background:url(/img/social/birthday.png) 0 0 no-repeat;padding:0 0 0 24px}
*/

/* ---------------------------------------- Info */

#UserProfileInfo {color:#333}

#UserProfileInfo .Header { font-size:17px;font-weight:700;  padding:15px 100px 10px 15px;position:relative;text-transform:uppercase;position:relative}

#UserProfileInfo a.Toggle {width:26px;height:27px;background:url(/img/social/profile-toggle.png) 0 0 no-repeat;position:absolute;top:50%;right:15px;margin:-14px 0 0 0;text-indent:-10000px; display: none;}
#UserProfileInfo a.Toggle.Closed {background-position:0 -30px}

#UserProfileInfo a.Edit {margin:0 0 0 10px;padding:4px 13px;display:inline-block; background: #900; text-transform:uppercase;text-align:center;text-decoration:none;position:relative; color: #fff; font-size: 13px; cursor: pointer;}

#UserProfileInfo .InfoPart {border-top:1px groove #969696;margin:0 15px;padding:20px 0}

#UserProfileInfo .TableForm {}
#UserProfileInfo .TableForm form {}
#UserProfileInfo .TableForm fieldset {border:none}
#UserProfileInfo .TableForm legend {display:none}

#UserProfileInfo .TableForm table {width:100%}
#UserProfileInfo .TableForm table td.Label {text-align:right;width:200px;padding:5px 0;vertical-align:top}
#UserProfileInfo .TableForm table td.Data {padding:5px 0 5px 20px}

#UserProfileInfo .TableForm table td.Data a {text-decoration:none;margin:0 10px 0 0;display:inline-block}
#UserProfileInfo .TableForm table td.Data a.editable-click {border-bottom:1px dashed #999;cursor:pointer}
#UserProfileInfo .TableForm table td.Data a.editable-disabled {border:none;cursor:default}

#UserProfileInfo .TableForm .editable-input {background:#fff;border: 1px solid #969696;;color:#333;display:inline-block;padding:3px; position: relative; top: -4px}
#UserProfileInfo .TableForm .editable-input input {background:none;border:0;color:inherit;font:inherit;outline:medium none;resize:none;width:100%}
#UserProfileInfo .TableForm .editable-input textarea {background:none;border:0;color:inherit;font:inherit;outline:medium none;resize:none;width:270px;height:80px}
#UserProfileInfo .TableForm .editable-input select {background:#fff;border:none;border:0;color:#333;font:inherit;}
#UserProfileInfo .TableForm .editable-input select option {padding:0 15px 0 5px}

#UserProfileInfo .TableForm .editable-inline {display:inline-block}

#UserProfileInfo .TableForm .Input1Wrapper {font-size:11px;line-height:20px;font-style:italic;background:#333;border: 1px solid #6C6C6C;border-radius:3px;color:#D7D7D7;display:inline-block;padding:3px;position:relative}
#UserProfileInfo .TableForm .Input1 {background:none;border:0;color:inherit;font:inherit;outline:medium none;resize:none;width:100%}

#UserProfileInfo .TableForm .Textarea1Wrapper {font-size:11px;line-height:20px;font-style:italic;background:#333;border: 1px solid #6C6C6C;border-radius:3px;color:#D7D7D7;display:block;padding:3px}
#UserProfileInfo .TableForm .Textarea1 {background:none;border:0;color:inherit;font:inherit;outline:medium none;resize:none;width:100%;height:80px}

#UserProfileInfo .TableForm .Radio1Wrapper {background:url(/img/social/profile-radio.png) 0 6px no-repeat;cursor:pointer;display:inline-block;margin:0 15px 0 0;padding:0 0 0 16px}
#UserProfileInfo .TableForm .Radio1Wrapper.Active {background-position:0 -35px}
#UserProfileInfo .TableForm .Radio1Wrapper input {display:none}

#UserProfileInfo .TableForm .CheckBox1Wrapper {background:url(/img/social/profile-checkbox.png) 0 1px no-repeat;cursor:pointer;display:inline-block;line-height:16px;margin:0 0 0 6px;padding:0 0 0 19px}
#UserProfileInfo .TableForm .CheckBox1Wrapper.Active {background-position:0 -30px}
#UserProfileInfo .TableForm .CheckBox1Wrapper input {display:none}

#UserProfileInfo .TableForm .MoviesList {}
#UserProfileInfo .TableForm .MoviesList ul {list-style-type:none}
#UserProfileInfo .TableForm .MoviesList ul li {display:inline-block;font-size:11px;margin:0 20px 0 0;padding:0 23px 0 0;position:relative;white-space:nowrap}
#UserProfileInfo .TableForm .MoviesList ul li.User {padding:0}
#UserProfileInfo .TableForm .MoviesList ul li a {color:#fff;margin:0}
#UserProfileInfo .TableForm .MoviesList ul li a:hover {text-decoration:underline}
#UserProfileInfo .TableForm .MoviesList ul li a.Delete {background:url(/img/social/x.png) 0 0 no-repeat;height:16px;width:18px;display:block;margin:-10px 0 0 0;position:absolute;top:50%;right:0;text-indent:-10000px}

#UserProfileInfo .TableForm .Input1Wrapper .auto-suggest {width:365px;position:absolute;top:26px;left:-227px;z-index:201;display:none;font-size:13px;line-height:13px;background:#333;border:1px solid #000;border-radius:3px;box-shadow:0 0 4px #000000, 1px 1px 0 #666666 inset}

#UserProfileInfo .TableForm .Input1Wrapper .auto-suggest a {text-decoration:none;font-style:normal;display:block;color:#fff;padding:10px;margin: 0 1px}
#UserProfileInfo .TableForm .Input1Wrapper .auto-suggest a:hover {text-decoration:none;color:#000;background:#f4cd00}
#UserProfileInfo .TableForm .Input1Wrapper .auto-suggest a.selected {background:linear-gradient(to bottom, #444444, #333333) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: 0 1px #555555 inset;color:#AFAFAF}
#UserProfileInfo .TableForm .Input1Wrapper .auto-suggest a b.inp {font-size:13px;line-height:13px}

/* ---------------------------------------- Settings */

#UserProfileSettings {}

#UserProfileSettings .Header {font-size:17px;font-weight:700;line-height:24px;padding: 15px 100px 10px 15px;position:relative;text-transform:uppercase;position:realative}

#UserProfileSettings .Error {font-style:italic;margin:0 0 10px 0;color:#900}

#UserProfileSettings a.Toggle {width:26px;height:27px;background:url(/img/social/profile-toggle.png) 0 0 no-repeat;position:absolute;top:50%;right:15px;margin:-14px 0 0 0;text-indent:-10000px; display: none;}
#UserProfileSettings a.Toggle.Closed {background-position:0 -30px}

#UserProfileSettings .InfoPart {border-top:1px solid #969696;margin:0 15px;padding:20px 0}

#UserProfileSettings .TableForm {}
#UserProfileSettings .TableForm form {}
#UserProfileSettings .TableForm fieldset {border:none}
#UserProfileSettings .TableForm legend {display:none}

#UserProfileSettings .TableForm table {width:100%}
#UserProfileSettings .TableForm table td.Label {;text-align:right;width:200px;padding:5px 0;vertical-align:top; font-weight: normal;}
#UserProfileSettings .TableForm table td.Data {font-size:12px;line-height:20px;padding:5px 0 5px 20px}

#UserProfileSettings .TableForm a {text-decoration:none}
#UserProfileSettings .TableForm a.editable-click {color:#fff;border-bottom:1px dashed #999;cursor:pointer}

#UserProfileSettings .TableForm .editable-checklist {padding:10px 0}
#UserProfileSettings .TableForm .editable-checklist div {line-height:16px}

#UserProfileSettings .TableForm .Input1Wrapper {font-size:11px;line-height:20px;font-style:italic;background:#fff;border: 1px solid #969696;color:#333;display:inline-block;padding:3px; position: relative; top: -3px}
#UserProfileSettings .TableForm .Input1 {background:none;border:0;color:inherit;font:inherit;outline:medium none;resize:none;width:100%}

#UserProfileSettings .Button a {color:#fff;;padding:4px 13px;display:inline-block;background:#900;font-size:13px;line-height:25px;text-transform:uppercase;text-align:center;text-decoration:none;position:relative; cursor: pointer; position: relative; top: -3px}
#UserProfileSettings .Button button {color:#545454;;margin:0;padding:4px 13px;display:block;background:#900;font-size:15px;line-height:25px;text-transform:uppercase;text-align:center;text-decoration:none;position:relative;cursor:pointer;border:none; cursor: pointer;}

/* ----------------------------------------  Notifications */

#UserProfileNotifications {background:#fff}

#UserProfileNotifications .Header {background:#f4f4f4;color:#575757;font-size:12px;font-weight:700;padding:12px 20px;text-transform:uppercase}

#UserProfileNotifications .NotificationsList {background:#fff;margin:0 0 5px 0}

#UserProfileNotifications .NotificationsList ul {list-style-type:none}
#UserProfileNotifications .NotificationsList ul li {min-height:40px;padding:7px 50px 7px 20px;position:relative;border-top:1px dotted #B2B2B2}

#UserProfileNotifications .NotificationsList ul li:first-child {border:none}

#UserProfileNotifications .NotificationsList .User {padding:0 0 0 51px;line-height:20px}
#UserProfileNotifications .NotificationsList .User u {text-decoration:none;font-style:italic}
#UserProfileNotifications .NotificationsList .Image {width:40px;height:40px;position:absolute;top:7px;left:20px;background:#ccc}

/* -------------------------------------------------------------------------------- Administration */

#SocialAdministration {margin:0 20px 22px 20px}
#SocialAdministration h2 {margin:22px 0 22px 0}
#SocialAdministration h3 {margin:0px 0 0px 0; font-size: 16px; text-transform: uppercase; float: left;}
#SocialAdministration h3 span.subMenu {display:inline-block;float:right; margin: 0 0 0 10px; position: relative; top: -1px}
#SocialAdministration h3 span.subMenu a {display:inline-block;color:#333;padding:2px 5px;margin:-1px 0 0 0;border-radius:1px; font-size: 15px; text-transform: none; font-weight: normal; text-decoration: underline;}
#SocialAdministration h3 span.subMenu a:hover {color:#900}
#SocialAdministration h3 span.subMenu a.Active {background:white;color:#900}
#SocialAdministration h3 span.subMenu a.Active:hover {background:white;color:#900}

#SocialAdministration .PaginationAndPageSize {margin:11px 0; float: right;}

#SocialAdministration ul.Type1 {list-style-type:none;margin:0 0 5px 0px;padding:11px 0 ;position:relative;background:white;}
#SocialAdministration ul.Type1 li {margin:0 0 6px 11px}
#SocialAdministration ul.Type1 li a {}

#SocialAdministration .Comment {background:white;}

/* registration recaptcha */
.g-recaptcha {margin-bottom:10px}

/* ---------------------------------------- Personal Data */

#UserProfilePersonalDataV2 {position:relative;margin-bottom:5px; margin-right: 15px}

#UserProfilePersonalDataV2 .Banned {font-size:12px;font-style:italic;color:#bd2725;text-align:center;margin:0 0 10px 0}

#UserProfilePersonalDataV2 .UserAndUserAvatarUpload {position:relative; width: 240px; margin: 0 auto}

#UserProfilePersonalDataV2 .User { line-height:16px;text-transform:uppercase;text-align:center;position:relative;padding:257px 15px 13px 15px}
#UserProfilePersonalDataV2 .User a {color:#333; font-weight: bold; }
#UserProfilePersonalDataV2 .User img {position:absolute;top:0;left:0;width:240px;height:240px}

#UserProfilePersonalDataV2 .UserAvatarUpload {}
#UserProfilePersonalDataV2 .UserAvatarUpload .Button {width:20px;height:20px;padding:0;display:block;position:absolute;top:216px;left:4px;background:url(/img/social/pencil.png) 3px 3px no-repeat;text-indent:-10000px}
#UserProfilePersonalDataV2 .UserAvatarUpload .Button:hover {border:1px solid #FF0000;top:215px;left:3px}

#UserProfilePersonalDataV2 .UserAvatarEdit {background:#3b3b3b url(/img/social/gray-noise.png);padding:7px 15px 1px 15px}
#UserProfilePersonalDataV2 .UserAvatarEdit .Button {font-size:11px;font-weight:700;line-height:14px;background:#BD2725;border-radius:4px;color:#FFFFFF;cursor:pointer;display:block;padding:5px 14px;text-decoration:none;text-transform:uppercase;margin:0 0 6px 0}

#UserProfilePersonalDataV2 .UserAvatarEdit .HTML5AvatarUploader {font-size:11px;font-weight:700;line-height:14px;background:#BD2725;border-radius:4px;color:#FFFFFF;cursor:pointer;display:block;padding:5px 14px;text-decoration:none;text-transform:uppercase;margin:0 0 6px 0;position:relative;overflow:hidden}
#UserProfilePersonalDataV2 .UserAvatarEdit .HTML5AvatarUploader input {cursor:pointer;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);top:-10px;right:-40px;font-size:50px;position:absolute}

#UserProfilePersonalDataV2 .Menu {}

#UserProfilePersonalDataV2 .Menu ul { border-top: 1px solid #969696; padding:7px 0 0 0}

#UserProfilePersonalDataV2 .Menu ul li {display:block; margin: 0 0 6px 0}
#UserProfilePersonalDataV2 .Menu ul li a {color:#3b3b3b;display: block;margin:-1px 0 0 0;padding:6px 15px 7px 15px;text-decoration:none; text-align: center; background: #666; color: #fff}
#UserProfilePersonalDataV2 .Menu ul li a:hover {background:#900; color: #fff}

#UserProfilePersonalDataV2 .Menu ul li.Adm {}
#UserProfilePersonalDataV2 .Menu ul li.Adm a {color:#ff0000}

#UserProfilePersonalDataV2 .Menu ul li.Last a {border-bottom:1px solid #fff}
#UserProfilePersonalDataV2 .Menu ul li.Last a:hover {border-bottom: 1px solid #F5CF00}

.SocialLeftColumn { margin: 0 15px 0 0 } }