.accountSyncHeader{
  padding-top: 1px;
  margin-bottom: 1px;
  background: #fff;
  border-top:  1px solid #a6aeba;
  border-bottom:  1px solid #cedaea;
  height: 55px;
  position: relative;
  z-index: 900;
}
.accountSyncHeader .blue-border{
  background: url(/4sync.com/images/d1/blue_bg.png?2805967996) repeat-x;
  padding: 5px 5px 0;
  height: 50px;
  position: relative;
}

.accountSyncHeader .logo {
  height: 45px;
}

.accountSyncHeader .logo a,
.accountSyncHeader .logo a img {
  display: block;
  background: none;
  width: 115px;
  height: 45px;
}

.topMenu{
  position: absolute;
  top: 10px;
  right: -35px;
  height: 48px;
  z-index: 10;
}

.accountSyncHeader .topMenu{
  right: 20px;
  top: 5px;
}

.header .centered {
  margin: 0 auto;
  width: 840px;
  position: relative;
}

/*============ Login dropdown ===============*/

.accountSyncHeader #hidedLoginForm,
.accountSyncHeader #hidedSignUpForm {
  right: -1px;
}

.loginbox, .signupbox {
  padding: 15px 18px 10px;
  position: relative;
  left: 0;
  z-index: 2;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.loginbox:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 48px;
  background: #f4f4f4;
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #dcdcdc 53%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(53%,#dcdcdc), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f2f2f2',GradientType=0 );
}

.loginbox #login, .signupbox #signup {
  color: #585B55;
  cursor: pointer;
  text-decoration: none;
}

#hidedLoginForm, #hidedSignUpForm {
  position: absolute;
  right: -10px;
  top: 50px;
  z-index: 200;
}

#hidedLoginForm .dropdownInner,
#hidedSignUpForm .dropdownInner {
  z-index: 10;
  font-size: 11px;
  min-width: 200px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px;
  position: relative;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

#hidedLoginForm input,
#hidedSignUpForm input {
  vertical-align: middle;
  margin: 2px 2px 0 0;
}

#hidedSignUpForm input.error{
  border: 1px solid #CC0000;
}

#hidedLoginForm .f,
#hidedSignUpForm .f {
  color: #585B55;
  font: 12px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
  margin-bottom: 10px;
  padding: 3px;
  width: 194px;
}

#hidedSignUpForm .f {
  margin-bottom: 0;
}

#hidedSignUpForm .fillinRow{
  display: block;
  margin-bottom: 10px;
}

#hidedSignUpForm .fillinRow.sm{
  width: 102px;
}

#hidedSignUpForm .sm{
  width: 90px;
}

#hidedLoginForm form.openid ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#hidedLoginForm form.openid ul li {
  float: left;
  padding: 1px;
}

#hidedLoginForm form.openid ul li font {
  display: block;
  float: left;
  font-size: 10px;
  height: 16px;
  line-height: 18px;
}

#hidedLoginForm .loginButton,
#hidedSignUpForm .loginButton {
  display: block;
  *display: inline;
  zoom: 1;
}

#hidedLoginForm .loginButton,
#hidedSignUpForm .loginButton {
  background: #0E94D3;
  color: #FFFFFF;
  border-color: #48C6ED #3A7BA7 #3A7BA7 #48C6ED;
  border-style: solid;
  border-width: 1px;
  padding: 2px 5px;
  cursor: pointer;
}

#hidedLoginForm .loginButton:hover,
#hidedSignUpForm .loginButton:hover {
  background: #0e88c2;
}

#iloginRejectReason {
  display: none;
  background: #fedcdc;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #fbb1ae;
  font-size: 10px;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 5px;
}

#iloginRejectReason a {color: rgb(176, 43, 17); text-decoration: none;}
#iloginRejectReason a:hover {color: rgb(223, 105, 82);}

#innerLogo {
  width: 840px;
  text-align: left;
  padding: 0;
  margin: 0 auto -27px;
  position: relative;
  z-index: 1;
  padding-top: 15px;
}

.bigHeader #innerLogo {
  margin: 0 auto;
  padding: 40px 0 30px;
  text-align: center;
  width: 840px;
}

.pageIndex #innerLogo {
  text-align: center;
}

#innerLogo img {
  color: #0195c4;
}

.small_header.payment_page .innerContent, .small_header.increase_storage_space_page .innerContent {
  text-align: left;
}

.headerLogoBig {display: none;}
.headerLogoIndex {display: none;}
.bigHeader .headerLogoSmall {display: none;}
.bigHeader .headerLogoBig {display: inline;}
.pageIndex .headerLogoIndex {display: inline;}
.pageIndex #topLine,
.pageIndex .headerLogoSmall {display: none;}

.pageIndex #innerLogo {padding: 60px 0 0;}
.pageIndex .innerContent.asIndex {padding-top: 0;}

/*----- new top menu ------*/

.notificationBlockButton {
  width: 28px;
  height: 28px;
  padding: 10px 18px;
  float: left;
  position: relative;
}

.notificationBlockButton:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 48px;
  background: #f4f4f4;
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #dcdcdc 53%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(53%,#dcdcdc), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #f4f4f4 0%,#dcdcdc 53%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f2f2f2',GradientType=0 );
}

.notificationBlockButton .notifications {
  width: 28px;
  height: 28px;
  background: url(/4sync.com/images/top-menu-sprite.png?1022408766) no-repeat left 6px;
  position: relative;
  cursor: pointer;
}

.notificationBlockButton .notifications .ncounter {
  width: 16px;
  height: 14px;
  border-radius: 4px;
  background: #f16c26;
  color: #fff;
  font-weight: bold;
  font-size: 8px;
  position: absolute;
  top: -2px;
  right: -3px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 14px;
  font-style: normal;
  display: none;
}

.notificationBlockButton .cnotifications {
  display: none;
}

#loggedInInfo {
  padding: 6px 25px 6px 30px;
  position: relative;
  cursor: pointer;
  margin-left: 25px;
  background: url(/4sync.com/images/top-menu-sprite.png?1022408766) no-repeat left -26px;
}

#loggedInInfo a.userName {
  background: url(/4sync.com/images/arrow_down.png?3532548090) no-repeat right 4px;
  padding-right: 15px;
}

#loggedInInfo .userAvatar {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}

.myAccountDropdownMenu {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  padding-top: 10px;
  z-index: 200;
}

.myAccountDropdownMenu .dropdownInner{
  min-width: 200px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding-bottom: 10px;
  position: relative;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.dropdownInner .dropdownLink {
  padding: 7px 20px;
  cursor: pointer;
  font-size: 13px;
  color: #3e4855;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
  display: block;
}
.dropdownInner .dropdownLink.accLink,
.dropdownInner .dropdownLink.accLink:hover {
  color: #008dce;
}

.dropdownLink:hover {
  background: #ecf0f2;
  text-decoration: none;
}

.dropdownLink.userNameBlock {
  padding: 15px 20px;
  width: 160px;
  overflow: hidden;
}

.dropdownLink.userNameBlock .fname,
.dropdownLink.userNameBlock .lname {
  color: #000;
  font-size: 15px;
  display: inline-block;
  max-width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdownLink.userNameBlock:hover {
  background: #fff;
  cursor: default;
}

.dropdownLink.userNameBlock span{
  display: block;
  color: #f16c26;
  font-size: 12px;
  padding-top: 4px;
}

.dropdownLink.premiumLink{
   color: #008dce;
 }

.dropdownLink.settingsLink:hover{
  color: #3e4855;
}

.dropdownLink.langLink span{
  color: #008dce;
  text-decoration: underline;
}

.myAccountDropdownMenu hr{
  margin: 0 20px 8px;
  outline: 0;
  border: 0;
  height: 0;
  padding-top: 1px;
  background: #ececec;
  display: block;
}

body.site4sync .topMenu .dropdownTopArrow {
  position: absolute;
  width: 20px;
  height: 11px;
  top: -10px;
  right: 20px;
  background: url(/4sync.com/images/top-menu-dropdown-arrow.png?1442284357) no-repeat 0 0;
}

/*---- notifications ----*/

.notificationsWrapper {
  border: 1px solid #d7e9f6;
  border-radius: 2px;
  border-bottom-color: #bdceda;
  margin: 0 5px;
  display: none;
}

.cnotifications .nitem {
  position:relative;
  padding: 6px;
  padding-right: 120px;
  overflow:hidden;
  border-bottom: 1px solid #ececec;
  color:#636363;
  cursor:pointer;
  text-shadow: 1px 1px 0 #fff;
}
.cnotifications .nitem:hover {
  background:#ecf0f2;
}

.cnotifications .nitem:last-of-type {
  border-bottom: 0;
}

.cnotifications .nitem .descr span {color:#0c8fd0;}
.cnotifications .nitem .descr i {font-style: normal;}
.cnotifications .nitem .descr span.eventFileName {word-wrap: break-word;}

.cnotifications .unread {background:#fff7e8;}

.cnotifications .uPhoto {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 1px #a8aeb3 solid;
  border-radius: 1px;
  padding: 1px;
  margin-right: 8px;
}

.cnotifications .uPhoto img {
  width: 50px;
  height: 50px;
}

.cnotifications .descr {
  width:190px;
  margin:0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cnotifications .type {
  width:18px;
  height:17px;
  background: url(/4sync.com/images/top-menu-sprite.png?1022408766) no-repeat 0 0;
}

.cnotifications .tcomment {background-position:0 -104px;}
.cnotifications .tshare {background-position:0 -57px}
.cnotifications .tbgtask {background-position:0 -83px}
.cnotifications .trequest {background-position:0 -126px}
.cnotifications .tinvite {background-position:0 -176px}

.cnotifications {
  display: none;
  position: absolute;
  top: 37px;
  right: 0;
  padding-top: 10px;
  z-index: 200;
}

.cnotifications .dropdownInner {
  min-width: 200px;
  border: 1px solid #d9d9d9;
  background: #fff;
  position: relative;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  padding: 5px 0;
}

 .click_container .wr {
  padding: 9px 15px;
}

 .in-tab a {
  width: auto;
  text-decoration: none;
}

 .in-tab .ls {
  width:400px;
}

.in-tab .ls a {
  display: block;
  padding: 7px 16px;
  overflow: hidden;
  color: #3e4855;
  margin-top: 5px;
}

.in-tab .ls a:hover {
  background-color: #ecf0f2;
}

.controls .alln i {
  display: inline-block;
  padding: 6px 10px;
  background-position: 10px -1649px;
  vertical-align: middle;
}

.notificationLink .linkWord {
  position: absolute;
  right: 10px;
  top: 19px;
  min-width: 70px;
  border-radius: 5px;
  padding: 5px 8px;
}

.nonotifications {
  display: block;
  padding: 7px 16px 12px;
  overflow: hidden;
  color: #3e4855;
  border-bottom: 1px solid #ececec;
  text-align: center;
  font-size: 13px;
}

/*--- acc search ---*/

.pageAccount .searchform .filter {
  background: #fff;
}

.accountSyncHeader .searchbox {
  position: absolute;
  top: 0;
  left: 185px;
}

.accountSyncHeader .searchform {
  width: 280px;
  height: 30px;
  border: 1px solid #D9D9D9;;
  background: #fff;
}

.accountSyncHeader .searchform .filter,
.accountSyncHeader .searchform .active_filter,
.accountSyncHeader .searchform .active_filter  i {
  height: 30px;
  border: 0;
  background-color: rgba(255,255,255,0) !important;
  filter: none;
}

.accountSyncHeader .searchform .search {
  width: 230px;
  height: 30px;
  background: #fff;
}

.accountSyncHeader .searchform .search input {
  width: 195px;
  font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
  padding-top: 3px;
}

.accountSyncHeader .searchform .cclick_container.cfilter {
  border: 1px solid #D9D9D9;
  background: #FFF;
  margin: 0 0 0 -1px;
  width: 135px;
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  padding: 10px 0;
}

.accountSyncHeader .searchform .cclick_container.cfilter a {
  border: 0;
  padding: 5px 5px 5px 30px;
  color: #3E4855;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
}

.accountSyncHeader .searchform .cclick_container.cfilter a:hover {
  border: 0;
  background-color: #ECF0F2;
  text-decoration: none;
  color: #3E4855;
}

.accountSyncHeader .searchform .cfilter .file,
.accountSyncHeader .searchform .cfilter a.file:hover,
.accountSyncHeader .active_filter i.file {background-position: 7px 7px}
.accountSyncHeader .searchform .cfilter .photo,
.accountSyncHeader .searchform .cfilter .photo:hover,
.accountSyncHeader .active_filter i.photo {background-position: 7px -18px}
.accountSyncHeader .searchform .cfilter .music,
.accountSyncHeader .searchform .cfilter .music:hover,
.accountSyncHeader .active_filter i.music  {background-position: 7px -40px}
.accountSyncHeader .searchform .cfilter .book,
.accountSyncHeader .searchform .cfilter .book:hover,
.accountSyncHeader .active_filter i.book {background-position: 7px -63px}
.accountSyncHeader .searchform .cfilter .video,
.accountSyncHeader .searchform .cfilter .video:hover,
.accountSyncHeader .active_filter i.video {background-position: 7px -89px}
.accountSyncHeader .searchform .cfilter .featured_videos,
.accountSyncHeader .searchform .cfilter .featured_videos:hover,
.accountSyncHeader .active_filter i.featured_videos {background-position: 7px -306px}
.accountSyncHeader .searchform .cfilter .games,
.accountSyncHeader .searchform .cfilter .games:hover,
.accountSyncHeader .active_filter i.games {background-position: 7px -113px}

.socialButtons {
  padding-top: 10px;
  color: #676767;
  overflow: hidden;
  border-top: 1px #d6e5eb solid;
  margin: 10px 0 0 0;
}

.socialButtons a,
.socialLogin .socialButtons a {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.socialButtons a.tw {
  background-position: -74px -356px;
}

.socialButtons a.fb {
  background-position: -74px -387px;
}

.socialButtons a.go {
  background-position: -74px -420px;
}

.smallLinkGroup {
  max-width: 120px;
}