.comment-outer{
	float: left;
    width: 100%;
}

.uploadcovertext{
	    position: absolute;
    margin-left: -68px;
    margin-top: 54px;
    padding: 1px 4px;
    font-size: 10pt;
	display:none;
}
.ntcubee {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    background: #ff000040;
}
.pscubee {
	width: 50px;
    height: 100%;
    position: absolute;
    left: 0px;
    background: #ff000040;
}

.deletecubecomment{
	    top: 2px !important;
}
.comment-edit{
	padding: 0!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    float: right!important;
    position: relative;
    bottom: 0px !important; 
	top: 0px !important; 
    font-size: 12px;
    color: #888;
    cursor: pointer;
    margin-left: 5px;
}
.comment-post-date{
    clear: both;
    text-align: left;
    display: inline-block;
}
.likevariant-change{
    top: initial !important;
    right: inherit !important;
	bottom: 45px;
}

.blogcubee .cubeeContentDiv{ 
 cursor:pointer;
}
.commentsimg1,.likevariantimage
{
	-webkit-user-select:none;
    -webkit-touch-callout:none;
}
.likevariantimage {
    width: 26px;
    height: 26px;
}
.variantmainbutton
{
	width: 27px;
    height: 27px;
}
	.notesblock .notemessage {
    pointer-events: none;
}
.notediv .notemessage {
    pointer-events: all;
}
.EditorShareDiv
{
	display:none;
}
.likevariantsubimg
{
  transform: scale(1);
  -webkit-transform: scale(1);
  /*border: 1px solid transparent;*/
  /*-webkit-transition: 100ms;
    transition: 100ms;	*/
}
.transanim
{
	/*-webkit-transition: 100ms;
    transition: 100ms;*/
}
.imgtrans/*, .likevariantsubimg:hover*/
{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	/* -webkit-transition: 100ms;
    transition: 1000ms;*/
	/*border: 1px solid #d0c7c7;*/
    border-radius: 50%;
    background: white;
	/*padding:1px;*/
	 
}
.profileDiv_status
{
	position:relative;
}
.lvcenterelements {
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0.5px 0.51px 30px grey;
    width: 460px;
    min-height: 230px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.24);
    -moz-box-shadow: 0 0 32px rgba(0,0,0,.24);
    box-shadow: 0 0 32px rgba(0,0,0,.24);
    left: 31%;
    top: 20%;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 5px;
}

.likevariantselected {
    width: 27px;
    height: 27px;
    padding: 0px !important;
}

.likeButtonUnclicked {
    position: relative;
}

.likevariantClicked {
    background-color: #777777 !important;
    border: 1px solid #5c5c5c !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    position: relative;
    cursor: pointer;
}

.likevariantcount {
    border-style: solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #DFDFDF;
    cursor: pointer;
    font-size: 11px;
    width: 17px;
    height: 17px;
    vertical-align: text-top;
    text-align: center;
    position: absolute;
    /*top: -8px;
    right: -3px;*/
    line-height: 17px;
    bottom: 12px;
    left: 32px;
}

.selected-emoticon {
    position: absolute;
    top: 0;
    left: 27px;
}

.likevariantClicked img {
    vertical-align: middle;
}

.likevariantClickedContainer {
    min-width: 70px;
    float: left;
}


.commentscount {
    font-size: 10pt;
}

.LikevariantuserImage {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 1px solid #DBDBDB;
    vertical-align: middle;
    margin-right: 5px;
}

.UserNameDiv {
    width: 82%;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 10px;
}

.LikeDislikeDiv {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 17px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    color: #535353;
    /* background-color: #ECECEC; */
    /* margin-top: 10px; */
    padding: 10px 0px 10px 0px;
    border-bottom: solid 1px #ddd;
}

ul#LikevariantCounts li {
    display: inline-block;
    margin-right: 10px;
}

#LikevariantCounts {
    padding-left: 0;
}

.likevariant-count {
    font-size: 10px;
    display: block;
    text-align: center;
    color: #717171 !important;
    border-radius: 100px;
    background-color: #ffffff;
    border: 1px solid #cacaca;
    margin-top: 2px;
    padding: 0px 4px;
}

.likevariant-li {
    font-size: initial;
}

.likevariant-link-all:focus {
    outline: none;
}

.likevariant-link:focus {
    outline: none;
}

.likevariant-link-all {
    display: inline-block;
    width: 26px;
    text-align: center;
    cursor:pointer;
}

.likevariant-link {
    display: inline-block;
    cursor:pointer;
}

.likevariant-img {
    vertical-align: middle;
    width: 26px;
    height: 26px;
}

#LikevariantTab1 {
    border-bottom: solid 1px #ddd;
}

.likevariant-active {
    background-color: #e4e4e4;
    padding: 5px;
    border-radius: 100px;
}

.likevariant-selected {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.UserImageDiv {
    float: left;
    position: relative;
    width: inherit !important;
}

.likevariantcontainer {
    position: absolute;
    top: -45px;
	right:0px;
    z-index: 10;
    padding: 10px 5px;
    -webkit-border-radius: 50px/50px 50px 50px 50px;
    -moz-border-radius: 50px/50px 50px 50px 50px;
    border-radius: 50px/50px 50px 50px 50px;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    box-shadow: 0 2px 8px rgba(190,190,190,.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -ms-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: linear-gradient(to top,#e6e6e6,#fff);
   /* width: 100%;*/
    width: 285px;
    box-sizing: border-box;
    margin: 0;
	/*max-width: 290px;*/
}

.likevariantitem {
    float: left;
    cursor: pointer;
    margin-right: 2.5%;
    margin-left: 2%;
}

    .likevariantitem img {
        vertical-align: middle;
    }

.hiddenbar1 {
    display: none;
}

#photo_input_preview {
    margin-top: -25px;
}

.loadcover {
    /*position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:red;*/
}

.alertboxarchive {
    /*padding: 10px 15px;
    -webkit-border-radius: 50px/50px 50px 50px 50px;
    -moz-border-radius: 50px/50px 50px 50px 50px;
    border-radius: 50px/50px 50px 50px 50px;
    background-color: #d9eeff;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    box-shadow: 0 2px 8px rgba(190,190,190,.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -ms-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: linear-gradient(to top,#e6e6e6,#fff);
    cursor: pointer;
    margin: 0 auto;
    width: 35%;
    text-align: center;
	font-size: 18px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e9e9e9;
    border: solid 1px #cfcfcf;
    display: inline-block;
    margin-top: 20px;
    font-family: Candara,Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #505050;
    font-weight: 100 !Important;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.archivemore {
    cursor: pointer;
    background-color: rgb( 251, 251, 251 );
    border: solid 1px rgb( 220, 220, 220 );
    border-radius: 4px;
    font-size: 17px;
    box-sizing: border-box;
    padding: 5px 8px;
    margin-top: 25px;
    margin-left: 5px;
}

.alertboxarchive input {
    background-color: initial;
}


#chatcount {
    display: none !important;
}

#ShareCtrls {
    position: relative;
    z-index: 9999;
}

div#MenuSelector {
    display: none;
}

.deletedcubee {
    display: none;
}

.zmailnotifyicon {
    margin-left: 4px;
    float: left;
    cursor: pointer;
    display: none;
}

a.commentnamelink {
    font-size: 9pt!important;
}

.zmailmore {
    cursor: pointer;
}

.hideimg {
    opacity: 0;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.showimg {
    opacity: 1 !important;
    /*-webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease   !important;
    -ms-transition: all 1s ease    !important;
    -o-transition: all 1s ease     !important;
    transition: all 1s ease        !important;*/
    -webkit-animation-name: opac; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: opac;
    animation-duration: 1s;
}

.showimgapp {
    opacity: 1 !important;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes opac {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes opac {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.msg img {
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -ms-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    transition: all 1s ease !important;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGAIasgMoEcVHo3r268QTaWo.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJCDkYQxybH_Rl7Qv7ee2N4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCVh0V6fR69OLaFLklYbiSk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.ofslatemenu {
    display: none;
}

.commenttext {
    white-space: pre-line !important;
}

    .commenttext pre {
        white-space: pre-line !important;
    }

.zmailcountdiv {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 25px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    background: white;
    /*width                     : 400px;
					text-align  : left;
					padding-left: 10px;*/
    -webkit-transition: 300ms;
    transition: 300ms;
}

.zmailcountleft {
    float: left;
    width: 290px;
}

#divList9 {
    /*display:none;*/
}

#divMainList {
    width: 200px;
}

.profileName a span {
    /* word-break: break-word; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 82px;
    float: left;
}
/*login*/
img.ilogo {
    /* padding: 6px; */
    /* float: right; */
    margin-left: 20px;
	margin-top:0px !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: white;
    /*-webkit-box-shadow   : 0 2px 8px rgba(190,190,190,.39);
	-moz-box-shadow      : 0 2px 8px rgba(190,190,190,.39);
	box-shadow           : 0 2px 8px rgba(190,190,190,.39);*/
    border: solid 1px #DFDFDF;
    /*background-image     : -webkit-linear-gradient(bottom, #e6e6e6, #fff);
	background-image     : -moz-linear-gradient(bottom, #e6e6e6, #fff);
	background-image     : -o-linear-gradient(bottom, #e6e6e6, #fff);
	background-image     : linear-gradient(to top, #e6e6e6, #fff);*/
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.welcometext {
    font-family: 'Raleway',Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    margin-top: -20px;
    font-size: 29px;
}

.welcometext2 {
    font-family: 'Raleway',Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    margin-top: -20px;
    font-size: 29px;
}

.unverifieduserbanner {
    background-color: #fff0d5;
    display: inline-block;
    width: 100%;
    color: #6B6262;
    box-sizing: border-box;
    padding-right: 7.5%;
    padding-left: 7.5%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(243,214,161,1.00);
    font-size: 15px;
    box-shadow: 1px 1px 7px 0px rgba( 0, 0, 0,.1 );
}

.blackBG {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    margin: 0px;
    top: 0px;
    left: 0px;
}

.InvisibleBG {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    margin: 0px;
    top: 0px;
    cursor: pointer;
    left: 0px;
}

.error {
    color: #E47575;
    font-size: 19px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
}

.mTextHeight {
    height: 3px;
}

.circleLoginAbsolute {
    position: absolute !important;
}

.circleLogin {
    width: 559px;
    height: 559px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    background-color: #f8f8f8;
    /*	border: solid 1px #fff;*/
    /*position: absolute; commented By Lijo Johns M*/
    z-index: 10;
    /*  margin-top: -20%;     margin-left: -20%;     top: 25%; left: 35%;    top: 40%;     left: 50%;*/
    -webkit-appearance: none;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.loginBox {
    -webkit-appearance: none;
    width: 355px;
    height: 45px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    border: none;
    outline: none;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 60px;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
}

.loginBox4 {
    -webkit-appearance: none;
    width: 355px;
    height: 59px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    border: none;
    outline: none;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 60px;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
}

.or {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #767676;
}

.EmailIcon2 {
    background-image: url(../img/Login/Sprites.png);
    background-position: -174px -14px;
    width: 21px;
    height: 13px;
    position: absolute;
    margin-left: 121px;
    margin-top: 127px;
}

.contentAlign2 {
    margin-top: 150px;
}

.contentAlign3 {
    margin-top: 140px;
}


.LoginIcon {
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 120px;
    margin-top: 14px;
}

.LoginIcon2 {
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 120px;
    margin-top: 56px;
}

.LoginIcon3 {
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 120px;
    margin-top: 142px;
}

.passwordIcon {
    background-image: url(../img/Login/Sprites.png);
    background-position: -54px -10px;
    width: 17px;
    height: 22px;
    position: absolute;
    margin-left: 125px;
    margin-top: 54px;
}

.passwordIcon2 {
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -54px -10px;
    width: 17px;
    height: 22px;
    position: absolute;
    margin-left: 125px;
    margin-top: 183px;
}

.RepasswordIcon {
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -216px -11px;
    width: 21px;
    height: 18px;
    position: absolute;
    margin-left: 125px;
    margin-top: 228px;
}

.mob {
    font-size: 13px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    color: #767676;
    clear: both;
    width: 70%;
    margin: 0px auto;
    text-align: center;
}

.EmailIcon {
    background-image: url(../img/Login/Sprites.png);
    background-position: -174px -14px;
    width: 21px;
    height: 13px;
    position: absolute;
    margin-left: 121px;
    margin-top: 103px;
}

.loginBox2 {
    -webkit-appearance: none;
    width: 355px;
    height: 45px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    border: none;
    outline: none;
    margin-top: -2px;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 60px;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
}

.loginBox3 {
    -webkit-appearance: none;
    width: 355px;
    height: 45px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    border: none;
    outline: none;
    margin-top: -2px;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 60px;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
}

.loginBox4 {
    -webkit-appearance: none;
    width: 355px;
    height: 55px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    box-shadow: inset 0 0 3px rgba(0,0,0,.37);
    border: none;
    outline: none;
    margin-top: -2px;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    border-radius: 10px;
}

.loginButton {
    -webkit-appearance: none;
    /*width: 185px;*/
    width: 221px;
    height: 48px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #6fc0ff;
    outline: none;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.loginButton:hover
{
    background-color: #59B0F4;
}*/

.SignUpButton2 {
    -webkit-appearance: none;
    width: 135px;
    padding: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #81b2e5;
    outline: none;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 22px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    /* margin-top: 5px; */
    /* margin-bottom: 20px; */
    clear: both;
}

.BackToSignIn {
    width: 90px;
    padding: 15px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background-color: #eeeeee;
    border: solid 1px #CECECE;
    outline: none;
    /* margin-top: 14px; */
    /* margin-bottom: 20px; */
    color: #6a6a6a;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    margin-right: 10px;
    padding-left: 16px;
    clear: both;
    margin-left: -11px;
}

/*.BackToSignIn:hover
{
    background-color: #fff;
}*/

/*.SignUpButton2:hover
{
    background-color: #74a9e0;
}*/

.forgotPassword {
    font-size: 16px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #717171;
    text-decoration: none;
    margin-top: 25px;
}

/*.forgotPassword:hover
{
    color: #454545;
}*/

.NotUser {
    font-size: 16px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #6fc0ff;
    text-decoration: none;
    margin-top: 25px;
}

.SignUpBorder {
    border-top: 1px solid #dbdbdb;
    width: 355px;
    margin: 25px auto 0 auto;
}

.SignUpButton {
    -webkit-appearance: none;
    width: 118px;
    height: 48px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #dcdcdc;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 22px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #6a6a6a;
    margin-top: 10px;
    text-align: center;
}

/*.SignUpButton:hover
{
    background-color: #d1d1d1;
}*/

.contentAlign {
    margin-top: 100px;
}

.LoginClose {
    /*display: block;     height: 12px;     width: 12px;     padding: 15px;     background-image: url(../img/Login/Sprites.png);     background-position: -82px 0px;     -webkit-border-radius: 100px;     -moz-border-radius: 100px;     border-radius: 100px;     background-color: #808080;     border: 1px solid rgba(255,255,255,.2);     cursor: pointer;*/
    position: absolute;
    background-image: url(../img/Close.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    right: 10px;
    top: 10px;
    background-color: white;
    padding: 12px;
    border-radius: 55px !important;
    border: 1px solid #BDBDE6 !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    cursor: pointer;
    display: inline-flex;
}

.LoginCloseAlign {
    margin-right: 83px;
    margin-top: 38px;
    float: right;
}


.MyChannelIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -86px -149px;
    float: left;
}

.MyBlogsIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -3px -86px;
    float: left;
}

.MyGroupBlogsIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -7px -206px;
    float: left;
}

.MyB3Icon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -127px -149px;
    float: left;
}


.MyGridIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -44px -86px;
    float: left;
}

.ZCubesIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -86px -86px;
    float: left;
}

.LogoutIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -127px -86px;
    float: left;
}

.SettingsMenuIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -172px -86px;
    float: left;
}

.EditBlogMenuIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -599px -153px;
    float: left;
}

.DeleteBlogMenuIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -219px -149px;
    float: left;
}

.CreatePostIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -68px -205px;
    float: left;
}


.RearrangeContentIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -116px -205px;
    float: left;
}

.GalleryIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -175px -205px;
    float: left;
}


.EditProfileIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -267px -86px;
    float: left;
}

.CreateBlogMenuIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -217px -86px;
    float: left;
}

.ChennelHelpIcon {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../img/Login/Sprites.png);
    background-position: -172px -149px;
    float: left;
}

.LoginMenu {
    width: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    box-shadow: 0 8px 9px rgba(0,0,0,.3);
    border: solid 1px #ddd;
    position: fixed;
    z-index: 9999999999;
}

    .LoginMenu:before {
        /*content: "";*/
        position: absolute;
        /*top: -60px;*/
        left: 0;
        width: 155px;
        height: 36px;
        display: block;
    }

    .LoginMenu:after {
        /*content: "";*/
        position: absolute;
        top: -30px;
        left: 115px;
        border: 15px solid transparent;
        border-bottom-color: #fbfbfb;
        display: block;
        width: 0;
    }

.B3LoginMenu {
    width: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    box-shadow: 0 8px 9px rgba(0,0,0,.3);
    border: solid 1px #ddd;
    position: absolute;
    z-index: 99;
}

    .B3LoginMenu:before {
        /*content: "";*/
        position: absolute;
        /*top: -60px;*/
        left: 0;
        width: 155px;
        height: 36px;
        display: block;
    }

    .B3LoginMenu:after {
        content: "";
        position: absolute;
        top: -30px;
        left: 120px;
        border: 15px solid transparent;
        border-bottom-color: #fbfbfb;
        display: block;
        width: 0;
    }

.LoginMenuItems {
    clear: both;
    display: inline-block;
    box-sizing: border-box;
    padding: 17px 13px;
    width: 100%;
    margin-bottom: -4px;
    cursor: pointer;
    border-bottom: 1px solid #E9E9E9;
}

.LoginMenuItems2 {
    clear: both;
    display: inline-block;
    box-sizing: border-box;
    padding: 17px 13px;
    /*width: 192px;*/
    width: 100%;
    margin-bottom: -4px;
    cursor: pointer;
}

/*.LoginMenuItems2:hover
{
    background: #f4f4f4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/
/*
.LoginMenuItems:hover
{
    background: #f4f4f4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-bottom: 1px solid #E9E9E9;
}
*/
.AfterLoginButton {
    clear: both;
    background: #eeeeee;
    display: inline-block;
    padding: 10px 67px;
    width: 200px;
    margin-bottom: 4px;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*.AfterLoginButton:hover
{
    background: #e4e4e4;
}*/

.ButtonText {
    text-align: left;
    line-height: 35px;
    font-size: 22px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #535353;
    margin-left: 20px;
    float: left;
}

.LoginMenuText {
    text-align: left;
    line-height: 35px;
    font-size: 18px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    color: #535353;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

.profileImgThump {
    width: 75px;
    height: 75px;
    border: 1px solid #DBDBDB;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.profileImgSmall {
    width: 46px;
    height: 46px;
    border: 1px solid #DBDBDB;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.UserNameText2 {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    font-size: 22px;
    color: #535353;
    float: left;
    line-height: 53px;
    margin-left: 6px;
}


.UserNameText {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight: 100;
    font-size: 38px;
    color: #535353;
    float: left;
    line-height: 65px;
    margin-left: 10px;
}

.profileImageDiv {
    display: inline-block;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;
}

.UserImgAlign {
    float: left;
    /*border-right: 1px solid #BBB;*/
    cursor: pointer;
    /*margin-right: 20px;*/
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    margin-top: -3px;
}

/*.UserImgAlign:hover
{
    background: #e7e7e7;
    border-right: 1px solid #e7e7e7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/

.MenuArrow {
    display: block;
    width: 24px;
    height: 10px;
    background-position: -300px -17px;
    background-image: url(../img/Login/Sprites.png);
    float: right;
    margin-top: 22px;
    margin-left: 10px;
    margin-right: 10px;
}

.Verified {
    width: 70px;
    height: 70px;
    background: url(../img/Login/Sprites.png);
    background-position: -3px -132px;
    margin: auto;
}

.LoginButtonINgrid {
    -webkit-appearance: none;
    width: 216px;
    height: 66px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #83b6d4;
    outline: none;
    border: 0px;
    cursor: pointer;
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
    font-size: 24px;
}

/*.LoginButtonINgrid:hover
{
    background-color: #72a9c9;
}*/

.Congratulations {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 30px;
    color: #4f8eb3;
    line-height: 36px;
}

.TextContent {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18px;
    color: #4e4e4e;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.circleBorder {
    border: 1px solid #e6e6e6;
}

.B3MenuAlign {
    margin-top: 72px;
    margin-left: 52%;
}

.LoginMenuAlign {
    margin-top: 72px;
    margin-left: 72%;
}

.LoginMenuAlign2 {
    margin-top: 150px;
    margin-left: 65%;
}

.LoginMenuAlign3 {
    margin-top: 150px;
    margin-left: 52%;
}


@media only screen and (min-width : 481px) and (max-width : 1024px) {
    .alertboxarchive {
        width: 60%;
    }

    .circleLogin {
        /* position: absolute !important;
        top: 285px !important;*/
    }

    .unverifieduserbanner {
        padding-right: 3%;
        padding-left: 3%;
    }


    .B3MenuAlign {
        margin-top: 72px;
        margin-left: 44%;
    }

    .LoginMenuAlign {
        margin-top: 72px;
        margin-left: 65%;
    }

    .LoginMenuAlign2 {
        margin-top: 150px;
        margin-left: 53%;
    }

    .LoginMenuAlign3 {
        margin-top: 150px;
        margin-left: 30%;
    }
}


@media only screen and (min-width : 100px) and (max-width : 481px) {
    .lvcenterelements {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        position: fixed;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        background-color: #fbfbfb;
        z-index: 9999999;
        box-sizing: border-box;
        padding: 20px 10px;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .alertboxarchive {
        width: 90%;
    }

    .LoginMenu:after {
        left: 185px;
    }

    .welcometext {
        margin-top: 0px;
    }

    .LoginMenuAlign2 {
        margin-top: 190px;
        right: 16px;
    }

    .B3MenuAlign {
        margin-top: 58px;
        margin-left: 10%;
    }

    .B3LoginMenu:after {
        content: "";
        position: absolute;
        top: -30px;
        left: 158px;
        border: 15px solid transparent;
        border-bottom-color: #fbfbfb;
        display: block;
        width: 0;
    }

    .LoginMenuAlign {
        margin-top: 58px;
        margin-left: 27%;
    }

    .LoginMenuAlign3 {
        right: 89px;
        margin-top: 48%;
    }

    .UserNameText {
        line-height: 35px;
    }

    .circleLogin {
        width: 100%;
        height: 2000px;
        padding-bottom: 182px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        margin-left: 0px;
        position: absolute;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
    }

    .circleBorder {
        border: none;
    }

    .loginBox, .loginBox2, .loginBox3, .loginBox4 {
        width: 90%;
    }

    .LoginIcon, .LoginIcon2, .LoginIcon3, .EmailIcon, .passwordIcon, .passwordIcon2, .RepasswordIcon, .EmailIcon2 {
        margin-left: 10%;
    }

    .loginButton {
        width: 160px;
    }

    .SignUpBorder {
        width: 90%;
        margin: 20px auto 0 auto;
    }

    .SignUpButton {
        width: 110px;
        height: 40px;
        font-size: 20px;
    }

    .contentAlign {
        margin-top: 50px;
    }

    .contentAlign2 {
        margin-top: 90px;
    }


    .LoginCloseAlign {
        margin-right: 2%;
        margin-top: 3px;
    }

    .UserNameText {
        font-family: 'Open Sans', Helvetica, sans-serif;
        font-size: 30px;
    }

    .profileImageDiv {
        overflow: hidden;
        width: 90%;
        margin: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .profileImgThump {
        width: 65px;
        height: 65px;
        float: none;
    }

    .AfterLoginButton {
        padding: 10px 36px;
    }

    .MenuArrow {
        margin-top: 22px;
        margin-left: 3px;
        margin-right: 0px;
    }

    .UserNameText2 {
        line-height: 43px;
        margin-left: 4px;
        font-size: 17px;
        display: none;
    }

    .profileImgSmall {
        width: 40px;
        height: 40px;
    }

    .UserImgAlign {
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: -3px;
        background: #e7e7e7;
        border-right: 1px solid #e7e7e7;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }


    .Congratulations {
        font-size: 25px;
    }

    .contentAlign3 {
        margin-top: 52px;
    }

    .NotUser {
        margin-top: 10px;
    }
}
/*login end*/

.mainsearch {
    width: 250px !important;
}

.searchitemclose {
    cursor: pointer;
}

.eventaddbuddybg1 {
    cursor: pointer;
}

.sliders .cubeside {
    /*width:auto!important;height:auto!important*/
}

#imgSlideCtrl {
    /*height: 28px;
    padding: 4px;
    display1: none*/
}

.circlelogin {
    text-align: center;
    z-index: 999999999;
    position: fixed;
    color: white;
    width: 100%;
    height: 100%;
}

textarea:focus, select:focus {
}

img.UploadedImages {
   max-width: 100%!important;
}

.CommentButton {
    display: none;
}

.lefthalfdiv {
    width: 25%;
    padding-left: 10px;
    float: left;
    margin-top: 2px;
    line-height: 28px;
    font-size: 10pt;
}

.spider .txtbg {
    margin-top: -15px;
}

.footclass li {
    cursor: pointer;
}

.infocubes .cubeside1 {
    font-size: 12pt;
    width: 90%;
}

.infocubes .slinks {
    color: #0E79CB;
    padding: 3px;
}

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

.infocubes {
    cursor: pointer;
}

    .infocubes .Cubee {
        font-size: 16pt;
        min-height: 200px;
    }

.zmailrequest {
    cursor: pointer;
}

.msg, .Cubee {
    color: #000;
    text-shadow: 0 0 #b7b4b4;
}

img.Thump {
    width: 35px;
    height: 35px;
    display: inline;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    padding: 2px;
    box-shadow: 0 0 2px 1px #B4B4B4;
    border: 2px solid #fff;
}

.locationimage {
    height: 40px;
}

.locationhead {
    height: 35px;
    padding-top: 10px;
    font-size: 16pt;
}

#mapaddress, .location .city, .location .country {
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 10pt;
    width: 60%;
    line-height: 28px;
    margin-top: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
}

.location .update {
    background: #4F4F50;
    background: -webkit-linear-gradient(#6fc0ff,#559ED8);
    color: #fff;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    margin: 0 auto;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
}

.menunotify {
    display: inline-table;
    position: absolute!important;
    margin-top: -20px;
}

body, iframe {
    -webkit-backface-visibility: visible;
}

.myGridZ {
    font-size: 11pt;
}

span.plusicon {
    border-radius: 50%;
    background: #c3e874;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20pt;
    margin-left: 5px;
    /*box-shadow: 0 0 2px 1px #B4B4B4;*/
    box-shadow: 0 0 4px 0px #B4B4B4;
    border: 1px solid #fff;
    background: rgb(121,220,91); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(121,220,91,1) 0%, rgba(121,220,91,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,220,91,1)), color-stop(100%,rgba(121,220,91,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(121,220,91,1) 0%,rgba(121,220,91,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(121,220,91,1) 0%,rgba(121,220,91,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(121,220,91,1) 0%,rgba(121,220,91,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(121,220,91,1) 0%,rgba(121,220,91,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79dc5b', endColorstr='#79dc5b',GradientType=0 ); /* IE6-9 */
}

.error {
    font-size: 11pt;
}

.msg a {
    font-size: 11pt;
}

.ContentDiv {
    font-size: 14pt;
}

.buttonsdivs {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
    margin-left: 6px;
    text-shadow: 1px 1px 1px #b3b3b3;
    font-size: 17px;
    color: #383838;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -moz-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -o-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: linear-gradient(to top,#efefef,#fbfbfb);
}

.hidden {
    visibility: hidden;
    display: none;
    opacity: 0;
}

.msgarea p {
    margin: 0;
}



.moresubicon {
    background: #fff;
    padding: 9px;
    border-radius: 50%;
    margin-right: 4px;
}

.moremenu .cubeecontrolmenuitem, .tagnameslist .profileImage {
    float: left;
}

.commentEditMenu {
    cursor: pointer;
    right: 10px;
    position: absolute;
    background: #fff;
    z-index: 99;
    border-radius: 7px;
    padding: 2px;
    box-shadow: 1px 2px 2px rgba(128,128,128,0.54);
    width: 100px;
    border: 1px solid rgba(128,128,128,0.32);
    margin: 0 auto;
}

.likeButtonUnclicked, .likecount {
    background: transparent!important;
    float: left;
    margin-right: 20px;
}

.duppy {
    background: #fff;
}

.commentsubclose {
    position: relative;
    top: -5px;
    right: -8px;
    z-index: 10;
    float: right;
    cursor: pointer;
    border: 1px solid rgba(128,128,128,0.58);
    background: #fff;
    border-radius: 50%;
    padding: 4px;
}

.centerelements {
    position: fixed;
    background: #fff;
    -webkit-box-shadow: .5px .51px 30px gray;
    width: 460px;
    min-height: 230px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.24);
    -moz-box-shadow: 0 0 32px rgba(0,0,0,.24);
    box-shadow: 0 0 32px rgba(0,0,0,.24);
    left: 31%;
    top: 20%;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 5px;
}

.likebutton3a img, .likeButtonUnclicked img {
    border-radius: 50%!important;
    padding: 3px!important;
    cursor: pointer;
}

.pnlCubeeControl {
    margin-top: 10px!important;
    border: none!important;
}

.likebuton3a, .likeButtonUnclicked {
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    border-radius: 50px!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    display: inline-block!important;
    cursor: pointer;
    padding: 2px!important;
    color: #828181!important;
    font-size: 14px!important;
    margin-right: 5px!important;
    position: relative;
    z-index: 1;
}

.pnlShare {
    background: #f6f6f6!important;
    border: 1px solid #EEE!important;
    -webkit-transform: scale(1);
    z-index: 999999999!important;
    width: 210px;
    min-height: 200px;
    height: auto!important;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 15px;
    padding-top: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.18);
    box-shadow: 0 1px 2px rgba(86, 80, 80, 0.9);
}

.lefttrigger, .righttrigger, .lower {
    display: none!important;
}

#ClosePanelButton {
    display: none;
}

.textbox {
    width: 160px;
}

.cubeecubee img {
    cursor: pointer;
}

.lightbox {
    display: block!important;
}

#mce_59 {
    display: none!important;
}

.imagecontainer img {
    min-width: 290px;
}

.videosized {
    width: 290px!important;
    height: 300px!important;
}

body {
    background-color: #efefef;
    margin: 0;
    font-family: 'Open Sans',sans-serif;
    color: #444;
}

.profileSnippetOwnerImg {
    height: 30px!important;
}

.cubee-button4 {
    padding: 1px 4px 0 2px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px #bfd5e2;
    -moz-box-shadow: 0 1px #bfd5e2;
    box-shadow: 0 1px #bfd5e2;
    border: solid 1px #bbceda;
    position: relative;
    margin-bottom: 10px;
    float: left;
    display: block;
    cursor: pointer;
}

.firstHeading {
    clear: both;
}

.profilespan-small3 {
    width: 35px;
    height: 35px;
    background-color: #d5e5f3;
    float: left;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    margin-right: 15px;
}

.Profileimage-small3 {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    width: 28px;
    height: 28px!important;
    position: relative;
    top: 3px;
    left: 3px;
}

.commentname {
    font-size: 14px;
    color: #0b478a;
}

.commentdate {
    font-size: 9px;
    color: #838484;
    margin-left: 0;
}

.commenttext {
    font-size: 10pt;
    color: #000;
    margin-top: 5px;
    margin-left: 3px!important;
    text-align: left;
    clear: none!important;
    word-break: normal!important;
}

.commentborder {
    border-bottom: #d8e8f3 dashed 1px;
    width: 95%;
    clear: both;
    padding-bottom: 5px;
	display: inline-block;
	position:relative;
}

.likecomment {
    padding: 0!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    float: right!important;
    position: relative;
    bottom: -30px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
    margin-left: 5px;
}

    .likecomment img {
        margin-right: 3px;
    }

.likecomment-selected {
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e2f6ff;
    border: solid 1px #d3e3f5;
    float: right;
    position: relative;
    bottom: -30px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
    margin-left: 5px;
}

.dislikecomment-selected {
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fee;
    border: solid 1px #fddfdf;
    float: right;
    position: relative;
    bottom: -30px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
    margin-left: 5px;
}

.likecomment-selected img {
    margin-right: 3px;
}

.dislikecomment-selected img {
    margin-right: 3px;
}

.commentbox2 {
	width: 49%;
    min-width: 50px;
    height: 56px;
    background-color: #fff;
    border: solid 1px #ddd!important;
    box-sizing: border-box;
    float: left;
    padding: 10px;
}

.commentimg {
    margin-left: 5px;
}

.commentimgbox {
    display: inline-block;
    width: 70%;
    margin-left: 52px;
    height: 100%;
    border: 1px solid #dadada;
    clear: both;
}

.CommentButton {
    padding: 8px 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px rgba(96,145,175,.42);
    -moz-box-shadow: 0 3px rgba(96,145,175,.42);
    box-shadow: 0 3px rgba(96,145,175,.42);
    border: solid 1px rgba(255,255,255,.6);
    background: #dff2fc;
    float: left;
    font-size: 15px;
    color: #676767;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 20px;
}

.commentpadding {
    padding-bottom: 60px;
    clear: both;
}

.commentstitle {
    color: #73b7e4;
}

.show-right {
    display: block!important;
}

.commentscountbox {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: solid 1px #09C;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    top: -3px;
    background: #eef9fe;
}

.commenttext pre {
    /*border: 0 solid #d3d3d3!important;
    font-weight: 400;
    box-sizing: inherit;
    padding: 0;
    min-height: inherit;
    outline: none;
    word-break: break-word;
    white-space: normal;*/
    margin: 0;
    /*padding-left: 52px;
    font-size: 11pt*/
}

.experiencesearch {
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    padding: 6px 15px;
    width: 300px;
    margin-left: 14px;
    color: #666;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: #779eb9;
    outline: none;
    background-color: #FFF;
    float: right;
    margin-top: 25px;
    margin-right: 19.2%;
}

.exp {
    position: relative;
    margin-top: 15px;
    border: none;
    width: 100%;
    height: 747px;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
    background-color: #edf7ff;
    -webkit-box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    -moz-box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    border: solid 1px rgba(250,253,255,.45);
    background-image: -webkit-linear-gradient(right,#252b39,#3b4057);
    background-image: -moz-linear-gradient(right,#252b39,#3b4057);
    background-image: -o-linear-gradient(right,#252b39,#3b4057);
    background-image: -ms-linear-gradient(right,#252b39,#3b4057);
    background-image: linear-gradient(to left,#252b39,#3b4057);
    float: left;
    margin-left: 10px;
}

.expbottom {
    width: 100%;
    height: 55px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #deedff;
    position: relative;
    z-index: 1;
    float: left;
    margin-left: 10px;
    background-image: url(https://a2imagesws.zcubes.com/zcommunity/img/Topbar.jpg);
    -webkit-box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    -moz-box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    box-shadow: 0 0 5px 2px rgba(132,178,223,.61);
    border: solid 1px rgba(250,253,255,.68);
}

.expand {
    width: 209px;
    height: 720px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #edf7ff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    box-shadow: 0 1px 4px rgba(0,0,0,.27);
    border: solid 1px #d1dff7;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}

.expandbutton {
    width: 209px;
    height: 32px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #edf7ff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    box-shadow: 0 1px 4px rgba(0,0,0,.27);
    border: solid 1px #d1dff7;
    margin-top: 15px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}

.expandbutton2 {
    width: 209px;
    height: 32px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #edf7ff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.27);
    box-shadow: 0 1px 4px rgba(0,0,0,.27);
    border: solid 1px #d1dff7;
    margin-top: 8px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}

.thumbimg {
    width: 115px;
    height: 90px;
    -webkit-border-radius: 0 14px;
    -moz-border-radius: 0 14px;
    border-radius: 0 14px;
    background-color: #f3f9fe;
    margin-top: 8px;
}

.thumb {
    width: 161px;
    height: 146px;
    -webkit-border-radius: 0 20px;
    -moz-border-radius: 0 20px;
    border-radius: 0 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 3px rgba(0,0,0,.22);
    -moz-box-shadow: 0 5px 3px rgba(0,0,0,.22);
    box-shadow: 0 5px 3px rgba(0,0,0,.22);
    border: solid 1px #acc5df;
    margin: auto;
    margin-top: 10px;
    cursor: pointer;
}

.thumbtop {
    width: 161px;
    height: 146px;
    -webkit-border-radius: 0 20px;
    -moz-border-radius: 0 20px;
    border-radius: 0 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 3px rgba(0,0,0,.22);
    -moz-box-shadow: 0 5px 3px rgba(0,0,0,.22);
    box-shadow: 0 5px 3px rgba(0,0,0,.22);
    border: solid 1px #acc5df;
    margin: auto;
    margin-top: 15px;
}

.expname {
    font-size: 14px;
    color: #595959;
}

.expdate {
    font-size: 10px;
    color: #858585;
}

.expcat {
    font-size: 14px;
    color: #4f4e4e;
    position: relative;
    top: 5px;
    float: left;
    margin-left: 8px;
}

.profilespan-small {
    width: 30px;
    height: 30px;
    background-color: #c1dcf8;
    float: left;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    margin-top: 1px;
    margin-left: 1px;
}

.Profileimage-small {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    width: 26px;
    height: 26px;
    position: relative;
    top: 2px;
    left: 2px;
}

.profilespan-small2 {
    width: 50px;
    height: 50px;
    background-color: #f4faff;
    float: left;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
}

.Profileimage-small2 {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    width: 42px;
    height: 42px;
    position: relative;
    top: 4px;
    left: 4px;
}

.divider {
    width: 2px;
    height: 37px;
    background-image: url(https://a2imagesws.zcubes.com/zcommunity/img/dividerBg.png);
    float: left;
}

.divider2 {
    width: 2px;
    height: 37px;
    background-image: url(https://a2imagesws.zcubes.com/zcommunity/img/dividerBg.png);
    float: right;
    margin-right: 10px;
}

.text1 {
    font-size: 11px;
    color: #6e8394;
}

.text2 {
    font-size: 14px;
    color: #4c4c4c;
}

.buttonfont {
    font-size: 14px;
    color: #4c4c4c;
}

.SearchButton {
    padding: 8px 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px rgba(96,145,175,.42);
    -moz-box-shadow: 0 3px rgba(96,145,175,.42);
    box-shadow: 0 3px rgba(96,145,175,.42);
    border: solid 1px rgba(255,255,255,.6);
    background: #dff2fc;
    float: left;
    font-size: 15px;
    color: #676767;
    cursor: pointer;
    margin-left: 65px;
    margin-top: 10px;
}

.views {
    font-size: 13px;
    color: #747474;
    position: relative;
    left: 5px;
    width: 300px;
}

.viewcount {
    font-size: 15px;
    font-weight: 700;
    color: #4e8bb7;
    float: left;
}

.cubee-button2 {
    padding: 4px 4px 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px #bfd5e2;
    -moz-box-shadow: 0 1px #bfd5e2;
    box-shadow: 0 1px #bfd5e2;
    border: solid 1px #bbceda;
    position: relative;
    margin-bottom: 10px;
    float: right;
    margin-right: 10px;
    display: block;
    cursor: pointer;
}

.cubee-button3 {
    padding: 1px 4px 0 2px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 1px #bfd5e2;
    -moz-box-shadow: 0 1px #bfd5e2;
    box-shadow: 0 1px #bfd5e2;
    border: solid 1px #b0e1f8;
    position: relative;
    margin-bottom: 10px;
    float: left;
    display: block;
    background: #f4f8fb;
    cursor: pointer;
}

.votecount1 {
    width: 54px;
    height: 30px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #8dc1e6;
    -webkit-box-shadow: 0 1px #9abad3;
    -moz-box-shadow: 0 1px #9abad3;
    box-shadow: 0 1px #9abad3;
    border: solid 1px #73b0da;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.voteupcount {
    font-size: 14px;
    color: #fff;
    position: relative;
    top: 5px;
    left: 2px;
}

.votecount2 {
    width: 54px;
    height: 30px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px #bfd5e2;
    -moz-box-shadow: 0 1px #bfd5e2;
    box-shadow: 0 1px #bfd5e2;
    border: solid 1px #bbceda;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.votedowncount {
    font-size: 14px;
    color: #828181;
    position: relative;
    top: 5px;
    left: 2px;
}

.myGridZ .profileImage {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    background-color: #f5f5f5;
    margin-right: 10px;
    cursor: pointer;
}

.myGridZ .profileName {
    font-size: 15px;
    font-weight: 600;
    color: #2a2a2a;
    cursor: pointer;
    width: 224px;
    white-space: nowrap;
    overflow: hidden;
    cursor: auto;
    text-overflow: ellipsis;
}

.profilename, .profileName img, .cubeenamelink {
    float: left;
}

    .profileName img {
        margin: 5px;
        margin-top: 8px;
    }

.gridcubee .profileName .left {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myGridZ .likeActive {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -10px -48px;
    background-color: #83c9ff;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(-57px,123px) rotate(720deg);
}

.myGridZ .likeClickActive {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #83c9ff;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -51px -48px;
    background-color: #fff;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(-57px,123px) rotate(720deg);
}

.myGridZ .disLike {
    opacity: 0;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -120px -48px;
    background-color: #ee7e7e;
    margin-top: 102px;
    margin-left: 61px;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(0px,0px) rotate(720deg);
}

.myGridZ .disLikeActive {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -120px -48px;
    background-color: #ee7e7e;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(-41px,174px) rotate(720deg);
    -moz-transform: translate(-41px,174px) rotate(720deg);
}

.myGridZ .disLikeClickActive {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -160px -48px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #ee7e7e;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(-41px,174px) rotate(720deg);
    -moz-transform: translate(-41px,174px) rotate(720deg);
}

.myGridZ .shareDiv {
    width: 132px;
    height: 132px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    z-index: 2;
    margin-left: 85px;
    margin-top1: 85px;
    box-sizing: border-box;
    padding: 15px;
    border: solid 1px rgba(255,255,255,.28);
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}

.myGridZ .shareDivActive {
    width: 132px;
    height: 132px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 9999999999;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    margin-left: 85px;
    box-sizing: border-box;
    padding: 15px;
    border: solid 1px rgba(255,255,255,.28);
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.myGridZ .cubeeControlPlusIcon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -46px -7px;
    background-color: rgba(0,0,0,.4);
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: solid 2px rgba(255,255,255,.45);
    position: absolute;
    z-index: 1;
    width: 34px;
    height: 34px;
    cursor: pointer;
    right: 0;
    margin-right: 15px;
    margin-top: 5px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.myGridZ .cubeeControlPlusIconActive {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -46px -6px;
    background-color: rgba(0,0,0,.4);
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: solid 2px rgba(255,255,255,.45);
    position: absolute;
    z-index: 1;
    width: 34px;
    height: 34px;
    cursor: pointer;
    right: 0;
    margin-right: 15px;
    margin-top: 5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.myGridZ .like {
    opacity: 0;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -10px -48px;
    background-color: #83c9ff;
    margin-top: 102px;
    margin-left: 61px;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(0px,0px) rotate(720deg);
    -moz-transform: translate(0px,0px) rotate(720deg);
}

.commentsection {
    display: block!important;
}

.cube .closepanelbutton {
    display: none;
}

.cubeesharecontrols {
    border-top: 1px dashed #e0e0e0;
}

figure {
    width: 100%;
    margin: 0;
}

.myGridZ .moreItems {
    opacity: 0;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -342px -47px;
    background-color: #83c9ff;
    margin-top: 102px;
    margin-left: 61px;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(0px,0px) rotate(720deg);
    -moz-transform: translate(0px,0px) rotate(720deg);
}

.myGridZ .moreItemsActive {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -342px -47px;
    background-color: #83c9ff;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -moz-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: translate(86px,260px) rotate(720deg);
    -moz-transform: translate(86px,260px) rotate(720deg);
}

.myGridZ .moreMenuDiv {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    z-index: 999;
    margin-left: 85px;
    margin-top1: 85px;
    box-sizing: border-box;
    padding: 15px;
    border: solid 1px rgba(255,255,255,.28);
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}

.myGridZ .moreMenuDivActive {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 132px;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    z-index: 99999999999;
    margin-left: 90px;
    box-sizing: border-box;
    padding: 15px;
    border: solid 1px rgba(255,255,255,.28);
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease;
    transition: all 0.5s ease;
}

.myGridZ .cubeeControlBorder {
    opacity: 0;
    border: solid 69px rgba(255,255,255,.25);
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    margin-top: -170px;
    margin-left: 113px;
    z-index: 1;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
}

.myGridZ .cubeeControlBorderActive {
    border: solid 69px rgba(255,255,255,.25);
    border-radius: 100%;
    width: 250px;
    height: 250px;
    position: absolute;
    margin-top: -180px;
    margin-left: 90px;
    z-index: 1;
    -webkit-transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
}

.myGridZ .shareAsEmail {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -10px -164px;
    /*background-color: #a0d473;*/
	background-color: white;
    cursor: pointer;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
}

.myGridZ .shareAsBlog {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -64px -164px;
    /*background-color: #6fc0ff;*/
	background-color: white;
    cursor: pointer;
    float: left;
    margin-bottom: 8px;
}

.myGridZ .shareToSlate {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -118px -164px;
    /*background-color: #83c9ff;*/
	background-color: white;
    cursor: pointer;
    float: left;
    margin-right: 8px;
}

.myGridZ .shareToGroup {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -173px -164px;
   /* background-color: #a0d473;*/
   background-color: white;
    cursor: pointer;
    float: left;
}

.myGridZ .track {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -338px -164px;
    /*background-color: #a0d473;*/
	background-color: white;
    cursor: pointer;
    float: left;
    margin-right: 8px;
}

.myGridZ .flag {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -283px -164px;
   /* background-color: #f7b366;*/
    background-color: white;
    cursor: pointer;
    float: left;
    margin-right: 8px;
}

.myGridZ .deleteCubee {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png?12) no-repeat -227px -165px;
    /*background-color: #ee7e7e;*/
    background-color: white;
    cursor: pointer;
    float: left;
}

.myGridZ .textContentNoFloat {
    box-sizing: border-box;
    padding: 15px;
    overflow: hidden;
    padding-top: 0;
    width: 100%;
}

.myGridZ .PictureMargin {
    margin-top: 4px;
    margin-left: 4px;
    float: left;
}

.myGridZ .actionText {
    font-size: 15px;
    color: #8a8a8a;
    box-sizing: border-box;
    padding: 12px;
    padding-left: 15px;
}

.myGridZ .ellipsisThreeLine {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myGridZ .ShareClose {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -95px -14px;
    background-color: rgba(0,0,0,.5);
    border: solid 1px rgba(255,255,255,0.55);
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: -24px;
    margin-right: -10px;
    cursor: pointer;
}

.myGridZ .whiteBg {
    background-color: rgba(255,255,255,.75);
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 3;
}

.myGridZ .connectionDiv_Connection {
    display: inline-block;
    width: 299px;
    height: 292px;
    background-color: #fff;
    border-right: solid 1px #dfdfdf;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 2px #dfdfdf;
}

.myGridZ .profilePicture_Connection {
    width: 70px;
    height: 70px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    float: left;
    cursor: pointer;
    background-size: cover!important;
}

.myGridZ .connector_Connection {
    width: 30px;
    height: 2px;
    background-color: #ccc;
    float: left;
    margin-top: 36px;
}

.myGridZ .profilePicDiv_Connection {
    width: 60%;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 15px;
    overflow: hidden;
}

.myGridZ .text_Connection {
    text-align: center;
    clear: both;
    cursor: pointer;
}

.myGridZ .connectedText_Connection {
    font-size: 15px;
    color: #8a8a8a;
    box-sizing: border-box;
}

.myGridZ .profileNameText_Connection {
    font-size: 20px;
    height: 100px;
}

.myGridZ .commentBox {
    font-family: 'Open Sans',sans-serif;
    overflow: hidden;
    color: #444;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    outline-color: #83c9ff;
    resize: none;
}

.myGridZ .commentBoxDiv {
    box-sizing: border-box;
    padding: 15px;
    float: left;
    width: 100%;
}

.myGridZ .commentDate {
    font-size: 13px;
    color: #8a8a8a;
    display: inline-block;
    float: right;
}

.myGridZ .commentProfileName {
    font-size: 15px;
    color: #444;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 114px;
}

.myGridZ .commentSection {
    margin-top: 10px;
    border-top: 1px solid #dedede;
    box-sizing: border-box;
    padding-top: 10px;
}

.myGridZ .commentDiv {
    display: table;
}

.myGridZ .commentText {
    margin-bottom: 10px;
    font-size: 15px;
    color: #444;
}

.myGridZ .editOrDelete_comment {
    float: right;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -233px -112px;
    background-color: #fff;
    border: solid 1px #c8c8c8;
}

.myGridZ .commentLike {
    float: left;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -18px -112px;
    background-color: #fff;
    border: solid 1px #c8c8c8;
    margin-right: 20px;
}

.myGridZ .commentLikeActive {
    float: left;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -124px -111px;
    background-color: #fff;
    border: solid 1px #c8c8c8;
    margin-right: 20px;
}

.myGridZ .commentDislikeActive {
    float: left;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -181px -112px;
    background-color: #fff;
    border: solid 1px #c8c8c8;
    margin-right: 20px;
}

.myGridZ .commentDisLike {
    float: left;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -69px -112px;
    background-color: #fff;
    border: solid 1px #c8c8c8;
}

.myGridZ .count_Comment {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    font-size: 9px;
    color: #7d7d7d;
    font-weight: 600;
    border: solid 1px #d2d2d2;
    text-align: center;
    line-height: 22px;
    margin-left: 22px;
    margin-top: -4px;
}

.myGridZ .commentClose {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -95px -14px;
    background-color: rgba(0,0,0,.5);
    border: solid 1px rgba(255,255,255,.45);
    float: right;
    z-index: 2;
    right: 0;
    margin-top: -10px;
    cursor: pointer;
}

.commentnamelink {
    font-size: 10pt;
    color: #000!important;
}

.myGridZ .imageShare {
    width: 292px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .imageShare img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .commentEdit {
    width: 109px;
    height: 84px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px #d4d4d4;
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: 33px;
    margin-right: 10px;
}

.myGridZ .edit_Comment {
    font-size: 15px;
    cursor: pointer;
    display: inline-flex;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

    .myGridZ .edit_Comment:before {
        content: "";
        background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -239px -117px;
        width: 22px;
    }

.myGridZ .delete_Comment {
    font-size: 15px;
    cursor: pointer;
    display: inline-flex;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

    .myGridZ .delete_Comment:before {
        content: "";
        background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -285px -117px;
        width: 22px;
    }

.myGridZ .profileDiv_blog {
    width: 300px;
    /*background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/CubeIcons_myGridZ.png?2) no-repeat 241px -46px;*/
    background-color: #fff;
    cursor: pointer;
    border-left: 2px solid #f9cc99;
    border-right: solid 1px #dfdfdf;
    border-top: solid 1px #dfdfdf;
    background-color: rgba(249,204,153,0.68)!important;
    border: 0!important;
}

.myGridZ .blogPostingText {
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
}

.myGridZ .blogText {
    font-size: 25px;
    cursor: pointer;
    font-weight: 300;
}

.myGridZ .blogPicturePortrait, .blogPictureLandscape {
    width: 97%;
    height: 125px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .blogPicturePortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        /* width: 100%; */
        height: 220px;
    }

.myGridZ .blogPictureLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .blogCoverPortrait, .blogCoverLandscape {
    width: 292px;
    height: 197px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .blogCoverPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .blogCoverLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .pictureBigPortrait, .pictureBigLandscape {
    width: 292px;
    height: 197px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .pictureBigPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .pictureBigLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .pictureSmallPortrait, .pictureSmallLandscape {
    width: 70px;
    height: 70px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
}

    .myGridZ .pictureSmallPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .pictureSmallLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .popup {
    width: 460px;
    min-height: 230px;
    background-color: #fff;
    position: absolute;
    left: 31%;
    top: 20%;
    z-index: 4;
    box-sizing: border-box;
    padding: 15px;
}

.myGridZ .popupButton {
    width: 107px;
    height: 40px;
    background-color: gray;
    float: right;
    margin-top: 24px;
    outline: none;
    border: none;
    font-size: 17px;
    cursor: pointer;
    color: #fff;
    font-weight: 100;
    margin-bottom: 15px;
}

/*.myGridZ .popupButton:hover {
    background-color: #969696
}*/

.myGridZ .popupHeading {
    font-size: 25px;
    cursor: pointer;
    font-weight: 300;
    float: left;
    line-height: 42px;
    margin-left: 15px;
}

.myGridZ .textBox_popup {
    font-family: 'Open Sans',sans-serif;
    overflow: hidden;
    color: #444;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    outline-color: #83c9ff;
    resize: none;
    float: left;
    margin-top: 15px;
}

.myGridZ .popupHeadingMargin {
    margin-bottom: 20px;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.myGridZ .option:after {
    content: '';
    padding: 0 0 2px;
    position: absolute;
    margin-top: 1px;
    right: 0;
    margin-right: 1px;
    pointer-events: none;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -125px -5px;
    width: 40px;
    height: 36px;
    background-color: #FFF;
}

.myGridZ .option:before {
    content: '';
    right: 7px;
    top: 7px;
    width: 20px;
    height: 29px;
    position: absolute;
    pointer-events: none;
    display: block;
}

.selectionBox {
    font-family: 'Open Sans',sans-serif;
    overflow: hidden;
    color: #444;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
    box-sizing: border-box;
    padding: 8px;
    padding-right: 23px;
    font-size: 15px;
    outline-color: #83c9ff;
    resize: none;
    float: left;
    cursor: pointer;
    outline: none;
}

.myGridZ .selectionBoxDiv {
    position: relative;
    clear: both;
}

.sharedDate {
    float: right;
}

.myGridZ .close_popup {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -95px -14px;
    background-color: rgba(0,0,0,.5);
    border: solid 1px rgba(255,255,255,.45);
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: -24px;
    margin-right: -11px;
    cursor: pointer;
}

option {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.myGridZ .peoplesVoted {
    cursor: pointer;
    clear: left;
    margin-bottom: 5px;
    padding-top: 5px;
    overflow: hidden;
    border-top: 1px solid #E9E9E9;
}

.myGridZ .votedNames {
    font-size: 15px;
    color: #2a2a2a;
    cursor: pointer;
    line-height: 40px;
}

.myGridZ .popupHeadingvotedUp {
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}

.myGridZ .voteHeading {
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
    float: left;
}

.myGridZ .addBuddy {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f0f0f0;
    padding: 7px 10px;
    font-size: 15px;
    cursor: pointer;
    float: right;
    display: inline-flex;
    color: #444;
    margin-top: 4px;
}

    .myGridZ .addBuddy:before {
        content: "";
        background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -23px -218px;
        width: 26px;
    }

div {
    border-radius: 0;
}

body {
    overflow-x: hidden;
    min-width: 200px!important;
}

.ContentContainer {
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

#urlContent img {
    width: 100px!important;
}

#ThumbnailImage {
    width: 100px;
}

.addbuddybutton {
    float: right;
    margin-right: 20px;
    padding-top: 3px;
    cursor: pointer;
}

.commenttext img {
    width: 200px;
}

.commenttext {
    word-break: break-word;
}

.previewbox {
    box-shadow: none!important;
    background: none!important;
}

.textfield {
    border-radius: 20px;
    border: 1px solid #aecae5;
    width: 80%!important;
    height: 25px;
    font-size: 22px;
    color: #CCC;
    padding-left: 20px;
    outline: none;
    margin: 5px;
}

.textfieldactive {
    color: #000;
}

#ZPanelProfilePic {
    display: none;
}

.lefttrigger, .righttrigger {
    position: fixed;
    z-index: 2000;
    opacity: .9;
    height: 100%;
}

.lefttrigger {
    left: 0;
    width: 30px;
}

.righttrigger {
    right: 0;
    width: 10px;
}

.triggerimage {
    bottom: 0;
    position: fixed;
}

#gridmenu {
    display: none;
    z-index: 10000;
    position: fixed;
    right: 100px;
    width: 10px;
    bottom: 100px;
    bottom: 70px;
}

#FeedPanels, #pnlFeeds {
    /*position: absolute;*/
    top: 0;
}

.dividerspace {
    width: 100%;
    height: 100px;
    background: transparent;
}

body {
    -webkit-overflow-scrolling: touch;
    font-family: 'Open Sans',sans-serif!important;
    font-weight: 100;
    background-color: #ededed;
    font-size: 20px;
    color: #272727;
}

.templates {
    visibility: hidden;
    display: none;
}

.topbanner {
    bottom: 0;
    position: fixed!important;
    z-index: 2000;
    display: none;
}

.arrowimg {
    visibility: hidden;
    display: none;
}

.feedsharediv img {
    right1: 85px;
    position1: absolute;
    height1: 45px!important;
    cursor: pointer;
}

.displaypanels {
    display: inline;
    top: 0;
    position: absolute;
    padding-bottom: 0;
}

#file_browse_wrapper, .feedsharediv > span {
    border: 1px solid transparent;
    border-radius: 50%;
}

.displaypanels.hidden {
    display: none;
}

.mygridprofileimg, .mygridprofileimgsimple, .buddylistimg {
    border: 4px solid #FFFDFD;
    -webkit-box-shadow: 0 0 6px #a9a9a9;
}

.smallprofileimg {
    border-radius: 50%;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 1px 1px 4px #a9a9a9;
    width: 25px;
    height: 25px;
    position: relative;
}

.typeicon {
    border: 4px solid #E6E6E6;
    -webkit-box-shadow: 1px 1px 10px #a9a9a9;
}

.gridpushbutton {
    -webkit-box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
    box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
    border: 5px solid lightgray;
    border-radius: 50%;
    background: #E6E6E6;
    border-radius: 50%;
}

.mygridprofileimg, .mygridprofileimgsimple {
    -moz-border-radius: 95px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 45px!important;
    height: 45px!important;
    background-color: #E9C0C0;
    position: relative;
    left: 5px;
    top: 4px;
}

.gridpushbutton_active {
    -webkit-box-shadow: 0 0 5px -3px rgba(250,250,250,0.75);
    -moz-box-shadow: 0 0 5px -3px rgba(250,250,250,0.75);
    box-shadow: 11px 0 0 -3px rgba(250,250,250,0.75);
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    -webkit-transform: translateX(10px) translateY(10px);
    -moz-transform: translateX(10px) translateY(10px);
    -o-transform: translateX(10px) translateY(10px);
    -ms-transform: translateX(10px) translateY(10px);
    transform: translateX(10px) translateY(10px);
}

.editor {
    max-width: 100%;
    background: #fff;
    -webkit-box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
    box-shadow: 11px 10px 5px -3px rgba(0,0,0,0.75);
}

.topdetectbar {
    z-index: 5000;
}

.divContainerSharemenuUp img {
    width: 50px;
    height: 50px;
}

.pickoptionimage {
    width: 50px;
    height: 50px;
}

.ibuttondown {
    box-shadow: 2px 2px 5px #888;
}

.ibuttondn {
    box-shadow: 10px 10px 5px #888;
}

#FeedPanels {
    clear: both;
    -webkit-overflow-scrolling: touch;
    margin-left: auto;
    margin-right: auto;
    /*left: 0;
    width: 100%*/
    width: 98%;
    height: 100%;
    margin: 0px auto;
}

.closebutton {
    position: fixed;
    right: 50px;
    opacity: .1;
    z-index: inherit;
    bottom: 60px;
}

.albumimagecircle {
    zoom: 1.4;
    margin-left: 16px;
    margin-top: 12px;
    height: 100px;
    vertical-align: middle;
    border: 5px solid #F8F8F8;
    border-radius: 20%;
    box-shadow: 2px 2px 8px #000;
    -webkit-box-shadow: 2px 2px 8px #000;
    -moz-box-shadow: 2px 2px 8px #000;
    height: auto;
}

.communitybg {
    width: 29%;
    height: 70px;
    border: solid 4px #fafdff;
    border-radius: 80px;
    background-color: #f3f9ff;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 3px 4px 16px rgba(0,0,0,.28);
    -moz-box-shadow: 3px 4px 16px rgba(0,0,0,.28);
    box-shadow: 3px 4px 16px rgba(0,0,0,.28);
}

.communitypro {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    padding-left: 0;
    padding-right: 0;
    width: 62px;
    height: 62px;
    border: solid 3px #c1dcf8;
    float: left;
    margin-right: 10px;
}

#ZPanelProfilePic {
    width: 40px;
    height: 40px;
}

.icontainer {
    background: transparent;
}

.icontainerdeactivated {
    background: #b5bdc8;
    background: -moz-radial-gradient(center,ellipse cover,rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(181,189,200,1)),color-stop(36%,rgba(130,140,149,1)),color-stop(100%,rgba(40,52,59,1)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: radial-gradient(ellipse at center,rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8',endColorstr='#28343b',GradientType=1);
}

.albumimages img {
    width: 80px!important;
}

.msg img {
    width: 290px;
    /* width:auto !important;*/
    height: auto;
    max-width: 100%;
    height: auto;
    /*display: block;*/
    margin: 0px auto;
}

.mf-viral img {
    width: 10px;
    height: 10px;
}

.feedflare img {
    width: 50px;
    height: 20px;
}

#FeedPanels {
    width: 100%;
    height: 100%;
    /*left: 0*/
}

.majorcontrolbuttons {
    bottom: 0;
    width: 50px;
    height: 50px;
    z-index: 20000;
    bottom: 0;
    position: fixed;
    cursor: pointer;
}

#posteditorbutton {
    left: 130px;
}

#showpanelbutton {
    left: 50px;
}

.currentpaneliconbutton {
    right: 50px;
    display: block;
    background-color: #aecff1;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    background-color: #E6E6E6!important;
}

.topbuttonlike {
    padding: 5px;
    text-decoration: none;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-box-shadow: 2px 3px 5px #666;
    -moz-box-shadow: 2px 3px 5px #666;
    border: solid #f5f5f5 5px;
    background: -webkit-linear-gradient(90deg,#f2f2f2,#fff);
    -moz-background-origin: border;
    background-origin: border-box;
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow: inset 0 0 5px #e0e0e0,0 0 12px #e0e0e0,inset -999px 0 0 #D9E8FD;
    display: inline-block;
    border-radius: 75px;
    -webkit-box-shadow: 0 1px 0 #CFDAE2,0 1px 1px rgba(167,195,214,1);
    -moz-box-shadow: 0 1px 0 #CFDAE2,0 1px 1px rgba(167,195,214,1);
    box-shadow: 0 1px 0 #CFDAE2,0 1px 1px rgba(167,195,214,1);
    margin-left: 11px;
    width: 25px;
    width: 30px!important;
    padding: 2px;
}

.buttonpressed {
    -webkit-box-shadow: 0 0 0 #82bad8,0 0 0 rgba(142,188,218,.8);
    -moz-box-shadow: 0 0 0 #82bad8,0 0 0 rgba(142,188,218,.8);
    box-shadow: 0 0 0 #82bad8,0 0 0 rgba(142,188,218,.8);
}

.IconSection {
    text-align: left;
    width: 100%;
}

.divContainerfeedsMenu img, .topiconholder img {
    width: 40px;
}

.lefttriggerimage {
    left: 5px;
    width: 20px;
    bottom: 20px;
}

.righttriggerimage {
    right: 0;
    width: 20px;
    bottom: 20px;
}

.iheadertext, .iheadertextsmall {
    text-shadow: 1px 1px 1px #A89E9E;
    font-size: 18pt;
    color: #515151;
    font-weight: 700;
}

.iheadertextsmall {
    font-size: 16pt;
}

.iicontext {
    display: inline;
    word-wrap: normal;
    color: #000;
}

.itext1 {
    display: block;
    text-decoration: none;
    letter-spacing: -5px;
    text-align: center;
    color: #999;
    text-shadow: 0 3px 8px #2a2a2a;
}

.itext2 {
    font-size: 3.2em;
    line-height: 1em;
    margin-left: 65px;
    text-shadow: 5px 5px 0 #493854;
    display: block;
    text-transform: uppercase;
}

.buddylistBg img {
    display: none;
    position: relative;
}

.buddylistitemtable {
    position: relative;
    top: 0;
}

.buddylistimg {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    padding-left: 0;
    padding-right: 0;
    width: 50px!important;
    height: 50px;
    margin-top: 0!important;
    margin-left: 0!important;
}

.buddylistBg {
    width: 280px;
    cursor: pointer;
    height: 56px;
    border: 3px solid #cddeef;
    border-radius: 80px;
    background-color: #fff;
    float: left;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

iframe {
    display: block;
}

.col1 {
    /* -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0*/
}

.col2 {
    /*-moz-column-count:2;-moz-column-gap:0;-webkit-column-count:2;-webkit-column-gap:0;column-count:2;column-gap:0*/
}

/*.col3 {
    -moz-column-count: 3;
    -moz-column-gap: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    column-count: 3;
    column-gap: 0
}*/

.col5 {
    /*-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:5;column-gap:0*/
}

.transparent {
    background: transparent!important;
}

.gridcubee {
    display: inline-block;
    min-width: 300px;
}

.gridcubee_active .cubeesharecontrols {
    visibility: visible;
    display: block;
}

.gridcubee a {
    word-break: break-word;
}

.gridcubee .pnlCubeeControl {
    display: none;
    position: absolute;
}

.gridcubee_active .pnlCubeeControl {
    display: inline;
    position: absolute;
    bottom: 25px;
}

.commentclosebtn {
    float: right;
    margin-right: 10px;
    border: 1px solid #CBCBCB;
}

@media only screen and (min-width : 1024px) and (max-width : 4000px) {
    .panelframe {
        /*min-width:95%!important;*/
        width: 95%;
    }
}

.panelholder {
    position: absolute;
    /*width: 98%;*/
    width: 100%;
}

.commentsimg, .commentsimglike {
    width: 20px;
    border-radius: 50%;
    width: 25px;
    background: #fff;
}

.commentdate, .commentstitle, .commentandlikecountdisplay, .dislikecount, .likecount {
    font-size: 12px!important;
    color: #6D6D6D!important;
}

.detectedlink {
    display: block;
}

    .detectedlink:before, .cleanedlink:before {
        content: "\21e8";
    }

body.photomode, html.photomode {
    background: #000!important;
}

    body.photomode .forphotoshow, body.photomode .albumpaneltype, body.photomode .singlephototype, body.photomode .videotype {
        background: #000!important;
    }

.commenticon {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    padding: 5px;
    border: 7px solid #e0e0e0;
    position: fixed;
    bottom: 24px;
    z-index: 9999999;
    opacity: .8;
    cursor: pointer;
    right: 90px;
}

body.photomode .majorcontrolpanel {
    visibility: hidden;
    display: none;
}

body.photomode .visible {
    visibility: visible!important;
    display: inline!important;
    /*z-index:100000*/
}

body.photomode #FeedPanels {
    background: #000;
    height: 100%;
}

span#chatcount {
    margin-left: -30px;
    margin-top: 12px;
}

#mainnotification {
    height: 20px;
    width: 20px;
    cursor: pointer;
    font-size: 25pt;
    border-radius: 50%;
    margin-top: 4px;
}

.mygridbgcomments {
    border: solid 0 transparent!important;
}

.nolightbox {
    width: 90px!important;
}

.NoteRow {
    display: block;
}

.detectedexternal {
    -webkit-box-shadow: 0 7px 10px rgba(174,199,221,0.7);
    -moz-box-shadow: 0 7px 10px rgba(174,199,221,0.7);
    box-shadow: 0 7px 10px rgba(174,199,221,0.7);
}

.previewtitle {
    font-family: inherit;
    font-size: 20pt!important;
    text-shadow: 3px 3px 10px silver;
    word-break: break-word;
}

.previewdescription, .msg a span.previewdescription {
    font-family: inherit;
    font-size: 12pt!important;
    word-break: break-word;
}

.previewbox {
    overflow: hidden;
}

.previewimage {
    height: auto;
    text-align: center;
}

a {
    text-decoration: none!important;
}

.temphidden {
    display: none!important;
}

.stamp {
    position: absolute;
}

a span {
    word-break: break-word;
}

.wallHeading {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
}

.previewtitle {
    text-shadow: none!important;
}

.msg iframe {
    overflow: hidden!important;
    width: 100%;
}

.connectioncubee {
    display: inline-block;
    width: 250px!important;
    padding-bottom: 8px;
}

    .connectioncubee table, .enoughwidthonly {
        width: auto!important;
    }

    .connectioncubee td {
        text-align: center;
    }

.panelframe > table {
    background-color: transparent;
    box-shadow: 0 0 10px 2px #000;
}

.gridnoticetab {
    background: #fff;
}

.coverthumbnail {
    z-index: 10000;
    display: block;
    height: 200px;
    width: auto;
    border: 2px silver solid;
    border-radius: 15px;
    -webkit-box-shadow: .5px .51px 30px gray;
    -webkit-transform: translateX(70px) translateY(40px) scale(1.2) rotateY(-10deg) rotateX(3deg);
    max-width: 200px;
}

.coverthumbnail_active {
    -webkit-transition: -webkit-transform 100ms ease-in;
    -webkit-transform: translateX(70px) translateY(40px) scale(0.5) rotateY(-10deg) rotateX(3deg);
}

.pnlCubeeControl {
    top: -60px;
}

.forphotoshow {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.likecount, .dislikecount {
    font-size: 12pt;
    font-weight: 500!important;
    -webkit-box-shadow: 0 7px 10px rgba(174,199,221,0.7);
    -moz-box-shadow: 0 7px 10px rgba(174,199,221,0.7);
    box-shadow: 0 7px 10px rgba(174,199,221,0.7);
    border-radius: 20px;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    background: transparent!important;
}

.gridcubee .pnlCubeeControl {
    display: inline!important;
    opacity: .3!important;
}

.gridcubee_active .pnlCubeeControl {
    display: inline!important;
    opacity: 1!important;
}

.FloatCenter {
    float: center;
}

.Margins10 {
    margin: 10px;
}

.Width80 {
    width: 80px;
}

.centertime {
    float: center;
    margin-left: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

.HalfBW {
    background: #fff;
    background: -moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(50%,rgba(241,241,241,1)),color-stop(51%,rgba(225,225,225,1)),color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=1);
}

.centertime .timerticks {
    font-size: 12px;
}

.ProfileImageHalf1 {
    width: 36px!important;
    height: 72px!important;
    -webkit-border-radius: 85px 0 0 85px;
    -moz-border-radius: 85px 0 0 85px;
    border-radius: 85px 0 0 85px;
    background-color: #ececec;
    float: left;
    margin-top: 2px;
}

.ProfileImageHalf2 {
    width: 36px!important;
    height: 72px!important;
    -webkit-border-radius: 0 85px 85px 0;
    -moz-border-radius: 0 85px 85px 0;
    border-radius: 0 85px 85px 0;
    background-color: #ececec;
    float: left;
}

.Items2 {
    width: auto;
    min-width: 222px;
    min-height: 222px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 10px;
    border: solid 0 transparent!important;
    -webkit-box-shadow: .5px .51px 30px gray;
    padding: 22px 10px 10px;
}

.divContainercubeecontrolUp {
    top: 50px;
    left: 100px;
    position: relative!important;
}

.commentandlikecountdisplay {
    top: -30px;
    position: absolute;
    float: right;
    right: 10px;
    top: 54px;
}

.msgarea {
    background-color: #fff!important;
}

.titleandtime {
    left: 50px;
    top: -30px;
    position: relative;
}

.upmessage {
    border: 0 transparent solid!important;
    padding: 5px;
    /* max-height: 800px;*/
    overflow: auto;
}

.pnlWall {
    padding: 10px;
    padding-top: 50px;
}

.likebutton3a img, .likeButtonUnclicked img {
    -webkit-box-shadow: .5px .51px 2px;
}

.likebutton3a_active img {
    -webkit-box-shadow: .5px .51px 50px;
}

.LogoutIcon {
    display: block;
    height: 31px;
    width: 35px;
    background: #fff;
    box-shadow: none;
    background-image: url(https://a2imagesws.zcubes.com/zcommunity/img/Login/Sprites.png);
    background-position: -127px -85px;
    cursor: pointer;
    float: left;
    margin-left: 28px;
    margin-top: 4px;
}

.minorbanner {
    background: #f1e767;
    background: -moz-linear-gradient(top,#f1e767 0%,#feb645 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f1e767),color-stop(100%,#feb645));
    background: -webkit-linear-gradient(top,#f1e767 0%,#feb645 100%);
    background: -o-linear-gradient(top,#f1e767 0%,#feb645 100%);
    background: -ms-linear-gradient(top,#f1e767 0%,#feb645 100%);
    background: linear-gradient(to bottom,#f1e767 0%,#feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767',endColorstr='#feb645',GradientType=0);
}

.minor2banner {
    display: none;
}

.tagnameslist {
    float: left;
}

.gridelement {
    /* max-width: 300px*/
}

.gridcubee_active .msgarea {
    -webkit-transition: -webkit-box-shadow 500ms ease-in;
}

.closepanelbutton {
    width: 30px;
    height: 30px;
    bottom: 24px;
    right: 77px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: rgba(255,255,255,0.48);
    cursor: pointer;
}

.maxminbtns {
    position: fixed;
    right: 40px;
    top: 50px;
    z-index: 999999999999999;
    cursor: pointer;
}

.slatepaneltype {
    clear: both;
    /* width: 95%!important;*/
    margin-top: 100px;
}

.menu .commentEditMenu {
    position: relative!important;
}

.panelcontainerdiv {
    padding-bottom: 400px!important;
    width: 100%;
    height: 100%;
}

.ofslatemenu, .mymenu {
    /*width: 97%;
    left: 6px;*/
	width:100%;
    position: absolute;
    top: -70px;
}

    .ofslatemenu table {
        position: relative;
        z-index: 99;
    }

.ofmenu {
    z-index: 3!important;
}

.MenuArrow {
    display: none;
    width: 15px;
    height: 10px;
    background-position: -300px -17px;
    background-image: url(https://a2imagesws.zcubes.com/zcommunity/img/Login/Sprites.png);
    margin-right: 10px;
    cursor: pointer;
    float: right;
    margin-top: -18px;
}

.slatemenuicon {
    width: 45px;
}

.existingcommentscontainer, .ht {
    /* max-height: 190px;
    overflow-y: auto;*/
    max-height: 100%;
    width: 100%;
}

.commentstitle, .commentscountboxnew {
    /*display:none !important*/
}

#menu .ht {
    max-height: 400px;
    overflow-y: auto;
}

#menu .commentbox {
    height: inherit;
}

.likecomment {
    top: -15px;
}
#divAlbumComment .likecomment{
	    top: 4px !important;
}
.zalbumcommentcount
{
	display: block; 
	margin-left: 97px !important;
	margin-top: -5px !important;
	z-index: 999;
	
}
.singlephototype {
    background: #000!important;
}

.bookmarkhead {
    font-weight: 700;
}

.Bookmarks {
    border-radius: 20px;
    background-color: #fff;
    margin: 4px;
    width: 300px;
    padding: 5px;
    float: left;
    box-shadow: 1px 1px 1px #e0e0e0;
}

#SharePanelContainer td {
    text-align: left;
    font-size: 11pt;
    color: #000;
}

#mce_62, #mce_88, #mce_66 {
    display: none;
}

#ClipImage .silverbtn {
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

#imgPhoto {
    margin-top: -10px;
    width: 70px;
    height: 60px;
}

#pnlUploadPhoto, #DocPanel, #pnlSharePhoto {
    height: 100px;
}

#ImagesPanel .silverbtn {
    padding: 5px;
}

.imgchoose {
    float: left;
}

.uploadfile, #btnFileUpload {
    margin-top: 0!important;
    left: 24px!important;
}

#btnDocChoose {
    float: left;
}

#mce_103 {
    display: none;
}

#mce_53, #mce_44, #mce_66 {
    background: none!important;
}

#Editor_ifr {
    height: 105px!important;
}

#cubeewrapper {
    position: fixed!important;
    top: 0;
    height: 100%!important;
    width: 100%;
    margin: 0 auto;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.6);
    padding-right: 14px;
    padding-left: 3px;
    z-index: 999999999; /*9999999999999999999*/
}

.clipcover {
    width: 120px!important;
    height: 80px!important;
}

.clipimage {
    width: 120px!important;
}

.editortable {
    position: fixed;
    left: 24%;
    width: 600px;
    background: #fff;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

#divSelected {
    top1: -182px!important;
    left: 85px!important;
}

#divMainList {
    top1: -100px!important;
    left: 95px!important;
}

#dvFeedMenuId {
    position: fixed!important;
    bottom: 190px;
}

.popup_content {
    cursor: pointer;
}

#fit-width .masonry {
    margin: 0 auto;
}

@media all and (orientation:portrait) {
    #mce_53 {
        padding-top: 10px;
        clear: both;
        margin-left: 0!important;
    }

    .editortable {
        width: 100%;
        top: 0;
        height: 200px;
        left: 0;
    }

    #mce_58, #mce_59, #mce_60, #mce_55 {
        display: none;
    }

    #mce_54-body {
        width: 300px!important;
        padding-left: 5px!important;
    }

    #mce_56-body .mce-btn-group .mce-first {
        border-left: 0 solid #D3D3D3!important;
    }
}

@media all and (orientation:landscape) {
    #mce_53 {
        padding-top: 10px;
        clear: both;
        margin-left: 0!important;
    }

    #mce_54-body {
        width: 355px!important;
    }

    #mce_58, #mce_59, #mce_42, #mce_55 {
        display: none;
    }

    #mce_56-body .mce-btn-group .mce-first {
        border-left: 0 solid #D3D3D3!important;
    }
}

@media all and (min-width : 1024px) {
    #mce_58, #mce_59 {
        display: inline-block;
    }

    #mce_54-body {
        width: 465px!important;
    }

    #mce_58, #mce_59, #mce_42 {
        display: inline-block;
    }
}

#mce_43 {
    display: none;
}

body, * {
    font-family: open sans!important;
}

#Birthday img {
    width: 75px;
    height: 75px;
}

a {
    text-decoration: none!important;
}

#SharePanelContainer {
    margin-top: 5px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget * {
    font-family: open sans!important;
}

.mce-ico {
    font-family: 'tinymce',Arial!important;
    color: #000!important;
}

.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    color: #000!important;
}

#mce_52-body, #mce_63, #mce_65, #mce_41, #mce_38, #mce_39 {
    display: none;
}

#mce_47 {
    border: 0 solid rgba(255,255,255,0.88)!important;
}

#mce_29-open {
    padding: 2px;
}

#mce_29 {
    background: #fff!important;
    border: 1px solid #d3d3d3!important;
    padding-left: 2px;
}

#Editor_ifr {
    border-radius: 0;
}

#mce_61 {
    border: 1px solid #e0e0e0!important;
    padding: 3px;
}

.mce-panel {
    border: 0 solid transparent!important;
    background: #fff!important;
    zoom: 1;
}

.mce-menubar {
    border: 0 solid transparent!important;
    display: none!important;
}

#mce-modal-block {
    background: #f0f0f0!important;
    border-radius: 20px;
}

.mce-btn {
    background-image: linear-gradient(to bottom,#fff,#EEE)!important;
}

.mce-btn-group .mce-btn {
    background: rgba(255,255,255,0);
    background: transparent!important;
    border: 0 solid transparent!important;
    box-shadow: none!important;
}

/*.mce-btn-group:hover .mce-btn:hover {
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)!important;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)!important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)!important
}*/

.mce-btn-group .mce-first {
    border-left: 0 solid #D3D3D3!important;
}

#mce_54-body {
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    /*box-shadow:0px4px3pxrgba(214,213,213,0.37);*/
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    width: 545px;
    padding-left: 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-top: 4px;
    border: 1px solid rgba(190,190,190,0.62);
    border-bottom: 0;
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    box-shadow: 0px4px3pxrgba(214,213,213,0.37);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}

.mce-btn {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0),0 1px 2px rgba(0,0,0,0);
}

.EditorShareDiv {
    width: 220px;
    margin-bottom: 6px;
    float: left;
}

.EditorShare {
    /*padding: 2px;
     border-radius: 50px; */
    /*width: 30px !important;*/
    /*opacity:.7;*/
    border-radius: 20%;
    /*-webkit-filter: brightness(1.1);
     -webkit-filter: grayscale(0); */
    height: auto !important;
    /* background-color: #d9eeff;
    border: solid 1px rgb(210, 209, 209)!important;*/
    /* background-image: -webkit-linear-gradient(bottom,#D2D2D2,#fff)!important;
    background-image: -o-linear-gradient(bottom,#D2D2D2,#fff)!important;
   background-image: linear-gradient(to top,#D2D2D2,#fff)!important; */
    cursor: pointer!important;
    margin-right: 1%!important;
    float: left!important;
    cursor: pointer;
    /*
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #d9eeff;

    border: solid 1px #D4D4D4!important;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: linear-gradient(to top,#e6e6e6,#fff)!important;
    cursor: pointer!important;
    margin-right: 1%!important;
    float: left!important;
    cursor: pointer*/
}

   
.mce-ico {
    color: #747474!important;
    font-size: 9pt!important;
}

/*.mce-ico:hover {
    color: #000!important
}*/

.mce-btn i {
    text-shadow: none!important;
}

#mce_67 {
    display: none;
}

.silverbtn {
    font-family: open Sans!important;
    font-size: 13pt;
    text-align: center;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #DBDBDB;
    border-radius: 20px!important;
    box-shadow: 1px 3px 4px #7C99BD;
    color: #606060;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6e6e6));
    background: -moz-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6');
    -webkit-box-shadow: 0 3px rgba(96,145,175,.42);
    -moz-box-shadow: 0 3px rgba(96,145,175,.42);
    box-shadow: 0 3px rgba(96,145,175,.42);
    text-decoration: none;
}

    .silverbtn:active {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #EEF4F8;
        -webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        -moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        border: solid 1px #7DB1E5;
        background-image: -webkit-linear-gradient(top,#76C5F6,#97D6FE 66%);
        background-image: -moz-linear-gradient(top,#76C5F6,#97D6FE 66%);
        background-image: -o-linear-gradient(top,#76C5F6,#97D6FE 66%);
        background-image: -ms-linear-gradient(top,#76C5F6,#97D6FE 66%);
        background-image: linear-gradient(to bottom,#76C5F6,#97D6FE 66%);
    }

.EditorShare2 {
    padding: 2px!important;
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    border-radius: 50px!important;
    background-color: #d9eeff!important;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39)!important;
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39)!important;
    box-shadow: 0 2px 8px rgba(190,190,190,.39)!important;
    border: solid 1px #bebebe!important;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff)!important;
    background-image: linear-gradient(to top,#e6e6e6,#fff)!important;
    /*cursor: pointer!important;*/
    margin-right: 10px!important;
    float: left!important;
    margin-top: -4px!important;
}

.CreateBlogTitle {
    font-size: 15px!important;
    color: #1f1f1f!important;
    border-bottom: 1px solid #d2d2d2!important;
    margin-top: 10px!important;
    padding-bottom: 10px!important;
    text-align: left;
}

.AlbumDiv {
    position: relative!important;
    display: inline-block;
    width: 100%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-bottom: 20px!important;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
    background-color: #fff!important;
    -webkit-box-shadow: 0 0 21px rgba(255,255,255,.55),0 2px 3px rgba(0,0,0,.27)!important;
    -moz-box-shadow: 0 0 21px rgba(255,255,255,.55),0 2px 3px rgba(0,0,0,.27)!important;
    box-shadow: 0 0 21px rgba(255,255,255,.55),0 2px 3px rgba(0,0,0,.27)!important;
    border: solid 1px #bebebe!important;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#f7f7f7)!important;
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#f7f7f7)!important;
    background-image: -o-linear-gradient(bottom,#e6e6e6,#f7f7f7)!important;
    background-image: linear-gradient(to top,#e6e6e6,#f7f7f7)!important;
    margin-bottom: 10px!important;
    box-sizing: border-box!important;
}

.albumThumbDiv {
    border-radius: 0!important;
    background-color: #fff!important;
    border: solid 1px #fff!important;
    cursor: pointer!important;
    height: 120px;
    width: 280px;
    overflow: hidden;
    float: left;
    margin: 10px;
}

.albumcoverdiv {
    width: 130px;
    height: 100%;
    overflow: hidden;
    margin-left: -30px;
    float: left;
}

.albumThumb {
    zoom: 2;
    vertical-align: middle;
}

.albumThumbTitle {
    width: 100%!important;
    text-align: left!important;
    position: relative;
    left: 6px;
    top: 44px;
}

.panel {
    margin-top: 5px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}

.scrollpanel {
    height: 155px;
    overflow: scroll;
}

.galleria-container {
    height: 95%!important;
}

.forcedsize {
    width: auto!important;
    height: auto!important;
}

.videosized {
    margin: 0 auto;
}

.maximized {
    left: 0!important;
    top: 0!important;
    width: auto!important;
    height: 100%!important;
    margin: 0 auto;
    max-width: auto!important;
}

gridcubee.maximized {
    width: auto!important;
}

.maximized .duppy, .maximized .duppy > * {
    -webkit-transform: rotateY(0deg)!important;
}

.tagnameslist {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.selectedtagnameslist:not(img) {
    display: none;
}

.albumimagecircle {
    min-width: 150px!important;
}

.albumlisting {
    width: 100%;
}

.buddylistitemtable {
    width: 100%;
    height: 100%;
}

.galleria-errors {
    visibility: hidden;
    display: none;
}

.timerticks {
    font-size: 9pt;
}

.tags {
    margin-left: 20px;
    padding: 0 10px 0 12px;
    background: #0089e0;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

    .tags:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -12px;
        width: 0;
        height: 0;
        border-color: transparent #0089e0 transparent transparent;
        border-style: solid;
        border-width: 12px 12px 12px 0;
    }

    .tags:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        float: left;
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #fff;
        -moz-box-shadow: -1px -1px 2px #004977;
        -webkit-box-shadow: -1px -1px 2px #004977;
        box-shadow: -1px -1px 2px #004977;
    }

s.commentstitle, .likecount1, .dislikecount1 {
    font-size: 12pt!important;
}

#MessagesDisplay {
    position: fixed;
    top: 0;
    height: 100px;
    background: silver;
    color: #fff;
    z-index: 100000;
    height: 20px;
    opacity: .3;
}

.commentsimg, .commentsimglike {
    cursor: pointer;
}

.IconSection img {
   /* margin: 25px 10px;*/
}
.slatemenuitems .IconSection img {
    margin: 0px 10px;
}

@media only screen and (max-width: 480px) {
    .oval-thought, blockquote {
        padding: 0;
        border-radius: 0;
    }

    #showpanelbutton {
        left: 0!important;
    }

    #posteditorbutton {
        left: 75px;
    }

    #Editor_ifr {
        height: 55px!important;
    }

    .clipartimageloader {
        width: 350px;
        clear: both;
    }
}

.albumcommentdiv {
    top: 0;
    position: absolute;
}

#Gridstream-community-kiDiv .msg {
    font-family: sans-serif!important;
    font-size: 20px;
    font-style: italic;
    color: #a9a9a9!important;
}

    #Gridstream-community-kiDiv .msg a:first-child {
        font-family: sans-serif!important;
        font-size: 40px;
        font-weight: 700;
        font-style: none;
        color: #000!important;
    }

    #Gridstream-community-kiDiv .msg .mf-viral {
        opacity: .1;
    }

#Gridstream-community-kiDiv .mygridprofileimg, #Gridstream-community-kiDiv .cubeenamelink {
    opacity: .1;
    zoom: .4;
}

.minorbanner {
    display: none;
}

.albumcontrol {
    width: 100%;
    height: 100%;
}

.commentname a {
    font-size: 10pt;
    color: #000!important;
    font-weight: bold;
}

.photomode .closepanelbutton {
    position: fixed;
    bottom: 10px;
    right: 5px;
    width: 25px;
    height: 25px;
    z-index: 1.0E+29!important;
}

.albumcontrol .albumthumbnails img {
    height: 50px;
    width: auto;
    margin: 2px;
    cursor: pointer;
}

.albumthumbnails {
    text-align: center;
    margin-top: 55px;
    position: fixed;
    bottom: 0px;
}

.albumdisplaypaneltable, .albumdisplaytable {
    width: 100%;
    height: 82%;
    -webkit-user-select: none;
}

.albumcommentscontrol {
    text-align: center;
}

    .albumcommentscontrol .pnlShare {
        top: 10%;
    }

.albumimagecontainer {
    text-align: center;
}

.albummainimage {
    max-width: 96%;
    max-height: 100%;
    -webkit-transition: all 1s;
    vertical-align: middle;
    height: 100%;
    box-shadow: 0 0 1em rgba(255,255,255,.7);
    border-radius: 5px;
    /*  border: 4px solid #fff*/
}

.helper {
    display: table-cell; /*inline-block;*/
    height: 100%;
    vertical-align: middle;
}

.albumbox {
    height: 80%;
    border: 0 solid rgba(255,255,255,0.56);
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    min-height: 300px;
    max-height: 80%;
    /*background: white;*/
    border-bottom: 20px solid transparent;
}

.forwardpic {
    -webkit-transform: rotateY(360deg);
}

.reversepic {
    -webkit-transform: rotateY(0deg);
}

.albumthumbnails img {
    border-radius: 1px;
    border: 1px #fff solid;
}

#albumcommentcount {
    color: #000;
    text-shadow: #fff 2px 2px;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
}
.albumcommentscontrol .likecount1, .albumcommentscontrol .dislikecount1 {
    margin-left: 20px;
    /* margin-top: 4px; */
}

#dvAlbumComment {
    height: 200px;
    overflow: auto;
}

.buddynamelist {
    font-size: 14pt;
    position: relative;
    top: 0!important;
    white-space: inherit!important;
    float: left;
    width: 145px!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buddylistitemtable td {
    text-align: left;
}

.loginframe {
    /*background-color: rgba(74,74,74,1);*/
    background-color: rgba(47, 47, 47, 0.87);
    position: fixed;
    z-index: 99999999;
    top: 0;
    width: 100%!important;
    height: 100%!important;
}

.LoginClose {
    display: none;
}

.topbuttonlike, .albumcommentscontrol {
    cursor: pointer;
}

.pnlCubeeControl span img {
    cursor: pointer;
}

#ibShare {
    padding: 7px 8px;
    display: inline-block;
    cursor: pointer;
    float: right;
    margin-left: 6px;
    font-family: Candara,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 17px;
    color: #383838;
    font-family: Candara,Tahoma,Arial,Helvetica,sans-serif;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -moz-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -o-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: linear-gradient(to top,#efefef,#fbfbfb);
}

    #ibShare:active {
        background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
        background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
        background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
        background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
        background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%)!important;
    }

.oval-thought, blockquote {
    padding: 0;
    border-radius: 0;
    width: 90%;
    margin: 0 auto;
}

.buddylistBg {
    border-radius: 10px;
}

#divCreateAlbum {
    display: none;
    position: fixed;
    _position: absolute;
    height: 250px;
    width: 300px;
    background: #FFF;
    border: 1px solid #d8d8d8;
    z-index: 999;
    padding: 12px;
    font-size: 13px;
    border-radius: 28px;
    left: 2%;
}

.expdisplaytext {
    width: 280px;
    float: left;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.42);
    line-height: 63px;
    padding-left: 5px;
    font-weight: 700;
}

.albumThumb {
    zoom: 1.1;
    vertical-align: middle;
    width: auto;
    height: 100%;
}

.cmmentarea {
    background-color: #fff;
    width: 95%;
}

.previewbox {
    border-radius: 0;
}

.close_popup {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -95px -14px;
    background-color: rgba(0,0,0,.5);
    border: solid 1px rgba(255,255,255,.45);
    position: absolute;
    z-index: 2;
    right: 3px;
    top: 11px;
    /*margin-top: -24px;
    margin-right: -11px;*/
    cursor: pointer;
}

.profileleft {
    position: relative;
    top: 3px;
    margin-left: 50px;
    z-index: 9;
}

#mgzcommentnotifications, #mgzzmailnotifications {
    position: relative;
    z-index: 9999;
}

.popupHeadingvotedUp {
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}

.voteHeading {
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
    float: left;
}

.votedNames {
    font-size: 14pt;
    color: #2a2a2a;
    cursor: pointer;
    line-height: 40px;
}

.peoplesVoted {
    cursor: pointer;
    clear: left;
    margin-bottom: 5px;
    padding-top: 5px;
    overflow: hidden;
    border-top: 1px solid #E9E9E9;
}

#likelist {
    width: 100%;
    overflow: auto;
}

html, body {
    height: 99%;
    background: #f2f2f2!important;
    background-color: #f2f2f2!important;
    /*overflow-x: hidden !important;*/
}

.cubeepointerelement {
    min-height: 400px;
    display: table;
}

iframe {
    -webkit-transform: translate3d(0,0,0);
}

.albumpaneltype .pnlShare {
    top: 5%;
    position: fixed;
    opacity: 1;
}

.likecount1, .dislikecount1 {
    cursor: pointer;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    font-size: 11px!important;
    color: #000!important;
    font-weight: 700!important;
    border: 1px solid #DFDFDF;
    text-align: center;
    line-height: 17px;
    margin-left: 26px;
    margin-top: 0;
    z-index: 9;
}

#GridmycommentfeedDivIcon {
    display: none;
}

.myGridZ .profileImage {
    border: 2px solid transparent;
}

.popupnew {
    width: 460px;
    display: none;
    min-height: 230px;
    background-color: #fff;
    position: fixed;
    left: 31%;
    top: 20%;
    z-index: 999999999999;
    box-sizing: border-box;
    padding: 15px;
    transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55) .05s;
    -webkit-transform: scale(0);
}

.popupHeadingMargin {
    margin-bottom: 20px;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.popupHeading {
    font-size: 25px;
    cursor: pointer;
    font-weight: 300;
    float: left;
    line-height: 42px;
    margin-left: 15px;
}

.whiteBg {
    background-color: rgba(26,26,26,0.75);
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 9999999999;
}

.shareAsEmail {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -10px -164px;
    background-color: #a0d473;
    cursor: pointer;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
}

.textBox_popup {
    font-family: 'Open Sans',sans-serif;
    overflow: hidden;
    color: #444;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    outline-color: #83c9ff;
    resize: none;
    float: left;
    margin-top: 15px;
}

/*.popupButton:hover {
    background-color: #969696
}*/

.popupButton {
    width: 105px;
    margin-right: 3px;
    height: 40px;
    background-color: gray;
    float: right;
    margin-top: 24px;
    outline: none;
    border: none;
    font-size: 17px;
    cursor: pointer;
    color: #fff;
    font-weight: 100;
    margin-bottom: 15px;
}

.shareAsBlog {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -64px -164px;
    background-color: #f7b366;
    cursor: pointer;
    float: left;
    margin-bottom: 8px;
}

.shareToGroup {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -173px -164px;
    background-color: #a0d473;
    cursor: pointer;
    float: left;
}

.emailautocomplete {
    margin: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d1e0ec;
    box-shadow: none;
    top: 0;
    width: 100%;
    height: 70px;
    background: #fff;
}

#CombinedEmailList {
    margin-left: 0;
    position: absolute;
    z-index: 99;
    top: 150px;
    width: 350px;
    background: #fff;
    height: auto;
    max-height: 150px;
    overflow: auto;
    border: 1px solid #d1e0ec;
    display: none;
}

.inboxname {
    color: #0A0A0A;
    font-size: 11pt;
    text-align: left;
}

.inboxdate {
    color: #b0a9a9;
    font-size: 11pt;
    position: relative;
    left: 10px;
    float: left;
    text-align: left;
}

.searchitem {
    font-size: 9pt;
}

.divsearchitem {
    height: auto;
    overflow: auto;
    padding-top: 3px;
    border-radius: 5px;
    max-height: 100px;
}

.searchitemdiv img {
    height: 40px;
}

.searchbox {
    clear: both;
    background: #fff;
    padding: 5px;
    position: relative;
    box-shadow: -1px 1px 27px -13px #636363;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
    top: -4px;
    width: 97%;
}

#searchname {
    margin-left: 15px;
    height: 30px;
}

.searchitemdiv {
    background: #E8E8E8;
    border: 1px solid #D1CDCD;
    border-bottom: 0;
    color: #1C2A47;
    cursor: default;
    float: left;
    margin: 0 4px 4px 0;
    padding: 0 10px;
    white-space: nowrap;
    font-weight: 100;
    font-size: 15px!important;
    height: 40px;
    border-radius: 50% 50% 0 0;
    cursor: pointer;
    background-image: linear-gradient(to top,#e6e6e6,#fff);
}

.searchitemactive {
    background: #FFF;
    box-shadow: 0 1px 7px #ADADAD;
}

.sb-icon-search, .sb-search-submit {
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 1;
    margin-left: 4px;
    text-align: center;
    -webkit-border-radius: 50px/50px 50px 50px 50px;
    -moz-border-radius: 50px/50px 50px 50px;
    border-radius: 50px/50px 50px 50px 50px;
    background-color: #d9eeff;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    box-shadow: 0 2px 8px rgba(190,190,190,.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -ms-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: linear-gradient(to top,#e6e6e6,#fff);
    cursor: pointer;
}

.add {
    color: #4182b6;
    font-size: 9pt;
    margin-left: 4%;
}

.sb-icon-search:before {
    content: url('https://a2imagesws.zcubes.com/zcommunity/img/Blog/NewSearch.png');
    position: relative;
    top: -5px;
    left: -5px;
}

.commentsimg, .commentsimglike {
    width: 30px!important;
    cursor: pointer;
    height: 30px!important;
    margin-right: 5px;
    background: rgba(255,255,255,0.0)!important;
}

.clipartimageloader {
    margin-left: 0px;
    margin-top: 0px;
    background: #fff;
    width: 230px;
    float: left;
    padding: 5px;
    min-width: 240px;
}

.clipartpro {
    height: 145px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 8;
}

.clipartimageloaderalbum {
    margin-right: 10px;
    margin-top: 12px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    background: #fff;
    width: 255px;
    float: left;
    height: 175px;
    padding: 1px;
    overflow: hidden;
}

.clipartproalbum {
    height: 190px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 8;
}

.likebutton3a img, .likeButtonUnclicked img {
    box-shadow: none!important;
}

.clipartpro img, .clipartproalbum img {
    height: auto;
    width: 100%;
    max-width1: 300px;
}

.dtstyle {
    position: relative;
    top: -75px;
}

div.sharestyle .cubee-button2 {
    border-radius: 50%;
    padding: 2px;
    width: 23px;
    margin: 2px 0 1px 8px;
}

.NoteHeading {
    font: 30px Pacifico,Helvetica,sans-serif!important;
    color: #2b2b2b;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.1),7px 7px 0 rgba(0,0,0,0.05);
}

.notesblock {
    text-decoration: none;
    color: #000;
    background: #FFFD8C;
    display: block;
    height: 10em;
    margin-top: 13px;
    padding: 1em;
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
	overflow:hidden;
}

    .notesblock:nth-child(even) {
        -o-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        position: relative;
        top: 5px;
    }

    .notesblock:nth-child(3n) {
        -o-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        position: relative;
        top: -5px;
    }

    .notesblock:nth-child(5n) {
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        position: relative;
        top: 5px;
    }

    .notesblock:nth-child(even) {
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        position: relative;
        top: 5px;
        background: #cfc;
    }

    .notesblock:nth-child(3n) {
        -o-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        position: relative;
        top: -5px;
        background: #ccf;
    }

.myGridZ .profileName {
    /* margin-top: 20px!important;*/
}

.likedislike {
    /*display: none;*/
}

.profileImage {
    /*margin-top: 15px!important*/
}

.buddylistBg {
    border-radius: 0!important;
    margin-right: 10px;
    border: 1px solid #E6E6E6!important;
    height: 125px!important;
}

.coverspans {
    padding-left: 0;
    padding-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 110px!important;
    width: 115px;
    text-transform: capitalize;
    margin: 0 auto;
}

.covertitle {
    padding-left: 0;
    /*margin-left: 12px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0;
    height: 50px!important;
    width: 50px;
    border-radius: 50%;
    float: left;
}

iframe {
    overflow: scroll;
}

.ofmenu {
    display: inline-block;
    float: right;
    right: 65px;
    position: absolute;
    margin-top1: 20px;
    position1: relative;
    z-index: -1;
    text-align: right;
    top1: -18px;
    height: 67px;
    box-shadow: 1px 2px 0 2px rgba(169,169,169,0.1);
    background: rgba(255,255,255,.9);
    border: 1px solid #e0e0e0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0);
}

.covertitletext {
    font-size: 17pt;
    width: 300px;
    float: left;
}

.events {
    background: #fff;
    width: 300px;
    position: relative;
    float: left;
    margin: 3px;
    background-position: bottom right;
    background-repeat: no-repeat;
    border: 2px solid #E6E6E6!important;
}

.eventdatebg {
    height: 150px;
    float: left;
    background: #F0F0F0;
    width: 150px;
}

.events .center, .events .left {
    clear: both!important;
}

.events .innerbg {
    padding-left: 5px;
}

.eventdate, .eventtime {
    font-size: 10pt;
    display: table;
    text-transform: lowercase;
}

.eventname {
    font-size: 21pt;
}

.eventlocation {
    font-size: 15pt;
    color: #464141;
}

.eventdatediv {
    clear: both;
    padding: 2px;
}

.gridcubee_deactive .duppy {
    -webkit-transform: rotateY(0deg);
}

body {
    background-color: #efefef;
    margin: 0;
    font-family: 'Open Sans',sans-serif;
    color: #000;
}

.myGridZ .profile {
    box-sizing: border-box;
    margin-top: 17px;
    padding-left: 2px;
    /* cursor: pointer*/
}

.myGridZ .sharedDate {
    font-weight: 300;
    font-size: 14px!important;
    color: #525252!important;
    margin-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 12px;
    float: left;
}

.likedislike {
    float: right;
    margin-top: 0;
    margin-left: 15px;
    height: 35px;
    width: 100%;
	    width: 238px;
    position: relative;
}

.myGridZ .profileImage {
    border-radius: 50%;
    height: 45px!important;
    width: 45px;
    background-color: #f5f5f5;
    margin-right: 10px;
    cursor: pointer;
}

.myGridZ .profileName a {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10pt!important;
    font-weight: 600;
    color: #2a2a2a!important;
    cursor: pointer;
    max-width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.myGridZ .textContent {
    box-sizing: border-box;
    width: 100%;
    /*min-height: 200px;*/
}

.myGridZ .textContentNoFloat {
    box-sizing: border-box;
    padding: 15px;
    overflow: hidden;
    padding-top: 0;
    width: 100%;
}

.myGridZ .PictureMargin {
    margin-left: 4px;
    margin-top: 4px;
    float: left;
}

.myGridZ .actionText {
    font-size: 15px;
    color: #8a8a8a;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 15px;
}

.myGridZ .ellipsisThreeLine {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myGridZ .ContinueReading {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f1f1f1;
    padding: 2px 8px;
    font-size: 15px;
    cursor: pointer;
    float: right;
    display: inline-flex;
    clear: both!important;
}

    .myGridZ .ContinueReading:after {
        content: "";
        width: 24px;
    }

.myGridZ .cubeeControlPlusIcon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/Icons_myGridZ.png) no-repeat -44px -6px;
    background-color: rgba(0,0,0,.2);
    border: solid 1px rgba(255,255,255,.46);
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.myGridZ .connector_Connection {
    width: 30px;
    height: 2px;
    background-color: #ccc;
    float: left;
    margin-top: 36px;
}

.myGridZ .profilePicDiv_Connection {
    width: 60%;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 15px;
    overflow: hidden;
}

.myGridZ .text_Connection {
    text-align: center;
    clear: both;
    cursor: pointer;
}

.myGridZ .date_Connection {
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/CubeIcons_myGridZ.png?2) no-repeat 235px -201px;
    background-color: #b3fda8!important;
    width: 300px;
    border: 0!important;
    text-align: center;
    clear: both;
    border-top: 1px solid #d8d8d8;
    font-weight: 300;
    font-size: 14px;
    color: #525252;
    height: 72px;
    position: relative;
    top: 10px;
    background-color: #f1ffef!important;
}

    .myGridZ .date_Connection .timerticks {
        position: relative;
        top: 20px;
        float: left;
        padding-left: 10px;
    }

.myGridZ .connectedText_Connection {
    font-size: 15px;
    color: #8a8a8a;
    box-sizing: border-box;
}

.myGridZ .profileNameText_Connection {
    font-size: 20px;
    height: 100px;
}

.myGridZ .profileDiv_status {
    width: 100%;
    background: #eee;
    /*cursor: pointer;*/
    border-left: 2px solid #addbff;
    border-right: solid 1px #dfdfdf;
    border: 0!important;
    border-top: solid 1px #E0E0E0!important;
    height: 80px;
    background: #f5f5f5;
    padding-bottom: 1px;
    box-sizing: border-box;
    padding: 10px;
    height: 100px;
}

.myGridZ .imageShare {
    width: 292px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .imageShare img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

/*.myGridZ .imageShare img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}*/

.myGridZ .profileDiv_blog {
    width: 100%;
    /*background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/CubeIcons_myGridZ.png?2) no-repeat 241px -46px;*/
    background-color: #fff;
    cursor: pointer;
    border-left: 2px solid #f9cc99;
    border-right: solid 1px #dfdfdf;
    border-top: solid 1px #dfdfdf;
    box-sizing: border-box;
    padding: 10px;
    height: 100px;
}

.myGridZ .blogPostingText {
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
}

.myGridZ .blogText {
    font-size: 25px;
    cursor: pointer;
    font-weight: 300;
}

    .myGridZ .blogText a {
        color: #4A72B9!important;
    }

.myGridZ .blogPicturePortrait, .blogPictureLandscape {
    width: 97%;
    height: 205px;
    text-align: center;
    overflow: hidden;
    background-color: rgba(255,237,212,0.35)!important;
    cursor: pointer;
    clear: both;
}

    .myGridZ .blogPicturePortrait img {
        position: relative;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.myGridZ .blogPictureLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .blogCoverPortrait, .blogCoverLandscape {
    width: 292px;
    height: 197px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .blogCoverPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .blogCoverLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

/*.myGridZ .blogCoverPortrait img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}*/

.myGridZ .profileDiv_album {
    width: 100%;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/CubeIcons_myGridZ.png?2) no-repeat 235px -132px;
    background-color: #fff;
    cursor: pointer;
    border-left: 2px solid #f4a9a9;
    border-right: solid 1px #dfdfdf;
    border-top: solid 1px #dfdfdf;
    background-color: rgba(255, 226, 226, 0.43)!important;
    border: 0!important;
    height: 91px;
}

.myGridZ .pictureBigPortrait, .pictureBigLandscape {
    width: 292px;
    height: 197px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
    clear: both;
}

    .myGridZ .pictureBigPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
        display: inline;
    }

.myGridZ .pictureBigLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.myGridZ .pictureSmallPortrait, .pictureSmallLandscape {
    width: 70px;
    height: 70px;
    text-align: center;
    overflow: hidden;
    background-color: #E2E2E2;
    cursor: pointer;
}

    .myGridZ .pictureSmallPortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
    }

.myGridZ .pictureSmallLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    height: 100%;
}

.iconStyle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f2f2f2;
    border: solid 1px #dadada;
    padding: 5px;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

.iconStyle2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f2f2f2;
    border: solid 1px #dadada;
    padding: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

/*.iconStyle:hover,.iconStyle2:hover {
    background-color: #e8e8e8
}*/

.blogHead {
    font-size: 24px;
    color: #2a2a2a;
    line-height: 30px;
}

.inline {
    display: inline-block;
}

.tinyBorder {
    border-right: 0 solid #D3D3D3;
    padding-right: 10px;
    margin-right: 10px;
}

.imagePortrait, .imageLandscape {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imagePortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape img {
        position: relative;
        /*left: 100%;*/
        margin-left: -200%;
        height: 220px !important;
        width: auto!important;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.rightMargin {
    margin-right: 1px;
}

.bottomMargin {
    margin-bottom: 1px;
}

.myGridZ .gridcubee .sharedDate {
    margin-top: 3px;
}

#FeedPanels, .panelholder {
    /*transition:all .4s ease;-webkit-transition:all .4s ease*/
}

.displaypanels {
    -webkit-overflow-scrolling: touch;
}

.keepwindowheight {
    z-index: 1!important;
    position: absolute;
}

.albumimagecontainer {
    height: 100%;
}

/*.nbtn,.pbtn{border-radius:50%;position:absolute;opacity:.8;cursor:pointer;border-radius:50%;position:absolute;opacity:.2;cursor:pointer;top:185px}.nbtn{height:65px;width:45px;border-radius:90px 0 0 90px;margin-left:-30px;z-index:99999999999}
          .pbtn{border-radius:0 90px 90px 0;margin-left:-20px;z-index:99999999999;width:45px;height:65px}*/

.nbtn, .pbtn {
    opacity: .8;
    /*border-radius: 50%;*/
    position: absolute;
    cursor: pointer;
    top: 0px;
    z-index: 99999999999;
}

.nbtn {
    height: 40%;
    padding-left: 30%;
    right: 0px;
    z-index: 9999999;
}

    .nbtn img {
        top: 50% !important;
        right: 0px;
    }

.pbtn {
    height: 35%;
    padding-right: 30%;
    z-index: 9999999;
}

    .nbtn img, .pbtn img {
        position: relative;
        top: 59%;
        opacity: .8;
    }

.coomentcountboxnew {
    float: left;
    margin-top: -5px;
    font-size: 14pt;
    padding-right: 4px;
}

.photomode .lefttrigger {
    z-index: -1;
}

.photomode .righttrigger {
    z-index: -1;
}

@media only screen and (max-width: 881px) and (min-width: 100px) {
    .popupnew {
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
    }
}

@media only screen and (max-width: 500px) and (min-width: 100px) {
    .eventprf {
        position: absolute;
        bottom: inherit !important;
        width: 100% !important;
        margin-top: 84px;
    }

    .eventdatebg {
        background-position-y: -100px;
        height: 150px;
        float: left;
        background1: rgba(240,240,240,0.51)!important;
        width: 100%!important;
    }

    .commentbox2 {
        /*height: 90px;*/
        overflow: auto;
    }

    .commentpadding {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 740px) {
    .myGridZ .profilePicDiv_Connection {
        width: 182px;
    }
}

@media only screen and (max-width: 767px) {
    .myGridZ .moreMenuDiv, .myGridZ .shareDiv {
        /* margin-left: -213px;
		 bottom: 0px;*/
    }
	.lvcenterelements{
		    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999999999;
	}
    .myGridZ .moreMenuDivActive, .myGridZ .shareDivActive {
        /*  margin-left: -213px;
		 bottom: 0px;*/
    }

    .tagnameslist {
        height: 80% !important;
    }
}

@media only screen and (max-width: 627px) and (min-width: 100px) {
    .albumthumbdiv {
        width: 300px;
    }

    #mce_26 {
        display: none !important;
    }
}

@media only screen and (max-width: 736px) and (min-width: 100px) {
    .centerelements {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
.zalbumcommentcount{
	margin-left:160px !important;    
}
.albumcommentscontrol{
	width : 270px !important;
}

    .EditorShareDiv {
        /*zoom:.8;*/
    }

    .grpbtncover {
        position: relative;
        top: 5px !important;
        margin-left: 0px;
        clear: both;
    }

    #Editor_ifr, #mce_61 {
        height: 125px!important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .profileleft {
        top: -10px!important;
    }

    .ofslatemenu table {
        position: relative;
        z-index: 99;
        width: 109%;
    }

    .menu {
        left: 0!important;
    }

    .likedislike {
        margin-top: -30px;
    }

    .myGridZ .profilePicDiv_Connection {
        width: 182px;
    }

    .gridcubee .profileName .left {
        /*margin-top: 14px*/
    }

    .blogcubee .sharedDate {
        margin-top: 0!important;
    }

    .albumthumbnails {
        text-align: center;
        position1: fixed;
        bottom: 0;
        /* left: 25px;
        margin: 55px auto;
        /*width: 300px*/
    }
    /*..albumcommentscontrol
    {
        margin: -155px auto;
    }*/

    .textbox {
        width: 30%!important;
    }

    .nodatadiv {
        left: 10%!important;
        top: 10px!important;
    }

    .proffullname {
        display: block;
    }

    .clipartimageloaderalbum {
        /*width: 94%*/
    }

    .expdisplaytext {
        width: 100%;
    }
    /*div#GridmyalbumsDiv span {
        font-size: 18pt
    }*/

    .covertitletext {
        float: left;
        max-width: 275px;
        margin-top1: -15px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .buddylistBg {
        /* width: 98%*/
    }

    .covertitle {
        margin-top: -10px;
        width: 50px!important;
        height: 50px!important;
    }

    .IconSection img {
        /*margin: 25px;*/
        margin-top: 60px;
        float: left;
    }

    .ofslatemenu, .mymenu {
        zoom: .9;
    }

    .MenuArrow {
        display: block;
        display: block;
        margin-top: 13px;
    }

    .ofmenu {
        display: none;
        height: auto;
        -webkit-transform: scale(0.9);
        border-radius: 0;
        border: 0!important;
        box-shadow: none!important;
        background: transparent!important;
        z-index: 99;
        background: rgba(255,255,255,0.9);
    }

        .ofmenu img:first-child {
            margin-left: 0;
        }

    .close_popup {
        margin-top: 0;
        margin-right: 0;
    }

    .ContinueReading {
        float: right!important;
    }

    .albumimagecontainer {
        text-align: center;
    }

    .albumbox {
        /* height:400px */
    }

    .albumthumbdiv {
        /*  width1: 281px!important;
        margin: 0!important;
        text-align: left*/
        width: 100% !important;
    }

    .albummainimage {
        height: auto;
    }

    .albumbox {
        /*height: 61%;*/
        height: auto !important;
    }

    .buddylistBg {
        /*margin: 10px*/
        margin: 0px auto;
        margin-bottom: 10px;
        margin-right: 10px;
    }
}

@media screen and (device-width: 320px) and (orientation:landscape) {
    .albumThumbDiv {
        width: 100%;
    }

    .myGridZ .sharedDate {
        float: right!important;
        margin-top: -40px;
    }
}

@media screen and (device-width: 320px) and (orientation:portrait) {
    .nodatadiv {
        left: 4%!important;
        top: 10px!important;
    }
}

.menutxt {
    text-align: center;
    text-align: center;
    color: #fff;
}

.txtbg {
    font-size: 14px!important;
    border-radius: 6px;
    padding: 8px 10px;
    margin-top: -9px;
    text-transform: capitalize;
    line-height: 12px;
    white-space: nowrap;
}

.leftmenubg {
    margin-top: 5px;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    color: #fff;
    width: 95px;
    float: left;
}

#loadimage {
    position: fixed;
    left: 49%;
    top: 30%;
    /*bottom: 50px;*/
    display: none;
    z-index: 99999999999999;
    background: #fff;
    border-radius: 50%;
    padding: 8px 1px 2px 8px;
    width: 58px;
    height: 58px;
}

div#panelstuff > .leftmenubg:first-child, #GridloggeduserDivIcon {
    /* display: none*/
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1;
}

.hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
}

.hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    margin-left: 3px;
    border-radius: 6px;
    margin-top: -33px;
    padding: 8px 10px;
    font-size: 15px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0,0,0,.3);
}

.hint--top:before {
    border-top-color: #383838;
}

.hint--bottom:before {
    border-bottom-color: #383838;
}

.hint--left:before {
    border-left-color: #383838;
}

.hint--right:before {
    border-right-color: #383838;
}

.hint--top:before {
    margin-bottom: -12px;
}

.hint--top:after {
    margin-left: -18px;
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%;
}

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

.hint--bottom:before {
    margin-top: -12px;
}

.hint--bottom:after {
    margin-left: -18px;
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%;
}

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px;
}

.hint--right:after {
    margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%;
}

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px;
}

.hint--left:after {
    margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%;
}

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726;
}

.hint--error.hint--top:before {
    border-top-color: #b34e4d;
}

.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d;
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328;
}

.hint--warning.hint--top:before {
    border-top-color: #c09854;
}

.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
    border-left-color: #c09854;
}

.hint--warning.hint--right:before {
    border-right-color: #c09854;
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #193b4d;
}

.hint--info.hint--top:before {
    border-top-color: #3986ac;
}

.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
    border-left-color: #3986ac;
}

.hint--info.hint--right:before {
    border-right-color: #3986ac;
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a;
}

.hint--success.hint--top:before {
    border-top-color: #458746;
}

.hint--success.hint--bottom:before {
    border-bottom-color: #458746;
}

.hint--success.hint--left:before {
    border-left-color: #458746;
}

.hint--success.hint--right:before {
    border-right-color: #458746;
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible;
}

.hint--always.hint--top:after, .hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

.hint--rounded:after {
    border-radius: 4px;
}

.hint--bounce:before, .hint--bounce:after {
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,.77,1.24);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.71,1.7,.77,1.24);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,.77,1.24);
}

*/ .hint:after, [data-hint]:after {
    position: relative;
    left: 10px!important;
    top: -20px;
}

.albumthumbdiv {
    /* width: 300px;*/
    overflow-x: auto;
    margin: 0 auto;
    height: 80px;
    white-space: nowrap;
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(100px);
    -ms-scroll-snap-points-x: repeat(100px);
    scroll-snap-points-x: repeat(100px);
}

}

.gridcubee_active .commentarea {
    background-color: #fff;
}

.albumthumbdiv::-webkit-scrollbar {
    width: 12px;
}

.albumthumbdiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,250,250,0.5);
}

.albumthumbdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(238,227,227,0.3);
    border-radius: 10px;
}

.mainiicon {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 7px solid #e0e0e0;
    /*opacity: .8;*/
    cursor: pointer;
    display: none;
}

.editbtnicon, .addothers {
    background: #ffffff;
    border-radius: 50%;
    /* width: 30px;
    padding: 5px;*/
    border: 7px solid #e0e0e0;
    width: 40px !important;
    padding: 5px;
    height: 40px !important;
    /* padding: 2px;*/
    z-index: 9999999;
    opacity: .8;
    cursor: pointer;
    display: none;
}

.invitepostbtn {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    padding: 5px;
    border: 0px solid #e0e0e0;
    /*opacity: .8;*/
    cursor: pointer;
}

.currentpaneliconbutton {
    background: #fff;
    border-radius: 50%;
    border: 7px solid #e0e0e0;
    position: fixed;
    bottom: 20px;
    left: inherit!important;
    right: 70px;
    z-index: 9999999;
    opacity: .8;
    cursor: pointer;
}

    #mainhomeicon:active,.editbtnicon:active, .addothers:active, .currentpaneliconbutton:active, .notifybtn:active {
        opacity: 1;
        /* border-radius: 50px !important;*/
        box-shadow: 1px 2px 3px #357897;
        -webkit-box-shadow: 0 0 5px 10px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75);
        -moz-box-shadow: 0 0 5px 10px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
        box-shadow: 0 0 5px 10px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75);
        /* border: solid 1px #7DB1E5; */
        background-image: -webkit-linear-gradient(top, #76C5F6, #97D6FE 66%);
        background-image: -moz-linear-gradient(top, #76C5F6, #97D6FE 66%);
        background-image: -o-linear-gradient(top, #76C5F6, #97D6FE 66%);
        background-image: -ms-linear-gradient(top, #76C5F6, #97D6FE 66%);
        background-image: linear-gradient(to bottom,#76C5F6, #97D6FE 66%);
    }

.templates, .displaypanels {
    display: none;
}

#FeedPanels > div {
    height: 100%;
}

.divContainerfeedsMenu img, .topiconholder img, .slatemenuicon {
    width: 35px!important;
    height: 35px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    padding: 2px;
    border: 6px solid #dcdcdc;
    box-shadow: none;
    left: 20px;
    cursor: pointer;
    border-radius: 50%;
    cursor: pointer;
    margin: 7px;
    border: 1px solid transparent;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.15)),to(rgba(243,243,243,0.26)));
    box-shadow: 0 0 25px rgba(0,0,0,0.1),inset 0 0 1px rgba(255,255,255,0.71);
    float: none;
}

.leftmenubg img {
    height: 48px;
    width: 48px!important;
    padding: 3px;
}

.divContainerfeedsMenu img:active, .topiconholder img:active, .slatemenuicon img:active {
    background-color: #EEF4F8;
    -webkit-box-shadow: 0 0 17px 12px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
    -moz-box-shadow: 0 0 17px 12px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
    box-shadow: 0 0 17px 12px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
    border: solid 1px #7DB1E5;
}

#Gridpanel1Div::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#Gridpanel1Div::-webkit-scrollbar-thumb {
    background-color: #CAC3C3;
}

#Gridpanel1Div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

/*#Gridpanel1Div {
    height: 100%!important;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    position: fixed;
    top: 0;
    overflow: auto;
    width: 308px!important;
    color: #000!important;
    background: rgba(0,0,0,0.75)!important;
    padding-bottom: 50px;
    z-index: 999999999
}*/
#Gridpanel1Div {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    position: fixed;
    /* overflow: auto; */
    width: 308px;
    color: #000!important;
    /* background: rgba(0,0,0,0.75)!important; */
    padding-bottom: 50px;
    z-index: 99999999;
    border-radius: :50% !important;
}

.gridpanelmenu {
    top: 0px;
    height: 100% !important;
    width: 300px;
    color: #000!important;
    background-color: rgba(31, 31, 31, 0.96)!important;
    overflow: auto;
}

.gridpanelroundmenu {
    height: 300px !important;
    bottom: 0px;
}
/*.panelcontainerdiv svg*/
#Gridpanel1Div svg {
    background: rgba(0, 0, 0, 0.58);
    border-radius: 50%;
    margin-top: -45px;
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 25px solid rgb(0, 0, 0);
    box-shadow: 13px 20px 100px black;
    background: -webkit-radial-gradient(rgba(64, 57, 57, 0.9) 15%, rgba(31, 30, 30, 0.93) 60%);
    border: 10px solid rgba(0, 0, 0, 0.21);
    box-shadow: 13px 20px 100px rgba(0, 0, 0, 0.67);
}

g.node {
    cursor: pointer;
}

#sidemenubtns, #logoutbtn1 {
    position: fixed;
    bottom: 71px;
    left: 71px;
    z-index: 99999999999999999999;
    line-height: 35px;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: white;
    font-size: 22pt;
    background: #242323;
    border: 1px solid #4A4A4A;
    cursor: pointer;
}

#logoutbtn1 {
    left: 205px;
}

.menuright {
    -webkit-transform: translateX(0px)!important;
    transform: translateX(0px)!important;
    -moz-transform: translateX(0px)!important;
}

#Gridpanel1DivHolder { /*,#Gridpanel2DivHolder */
    display: none;
}

#FeedPanels > .hidden {
    display: none !important;
}

@-webkit-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0;
        width: 0;
    }
}

@-webkit-keyframes zoomin {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes zoomout {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        display: block;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        display: none;
    }
}

@-webkit-keyframes slideout {
    from {
        margin-left: 0;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}

span[data-hint*="panel1"] {
    display: none;
}

.buddyteext {
    vertical-align: bottom;
    color: #fff!important;
    font-size: 11pt;
    text-transform: capitalize;
}

.bddytxt {
    color: #000!important;
    font-size: 13pt;
    padding-left: 5px;
}

.bddysub img {
    display: block;
    height: 39px;
}

.listopacity {
    background: rgba(44,43,43,0.75);
    color: #fff!important;
    height: 40px;
    text-shadow: 1px 1px 2px #000;
}

.buddylistBg img, .delete {
    -webkit-filter: grayscale(1);
}



.commentscountboxnew {
    float: left;
    margin-right: 4px;
    font-size: 12pt!important;
}

.blogcubee .textContentNoFloat a {
    padding: 6px;
    color: #fff!important;
}

.postedby {
    font-size: 9pt;
    margin-left: 6px;
}

.blogcubee .textContentNoFloat, .albumcubee .textContentNoFloat {
   /* clear: both;
    padding: 0;
    bottom: 0;
    width: 100%;
    padding-left: 6px;
    color: #000;
    font-size: 16pt;*/
clear: both;
    padding: 0;
    bottom: 73px;
    width: 100%;
    padding-left: 6px;
    color: #000000;
    font-size: 16pt;
   /* position: absolute;*/
    padding-top: 5px;
    padding-bottom: 10px;
    /* top: -1px; */
    background: rgba(255, 255, 255, 0.77);
    height: auto;
}

.blogcubee .cubeeContentDiv {
    min-height: 100px!important;
    padding-bottom: 0;
}

.blogText {
    margin-bottom: 0;
}

#mc344 {
    width: 260px;
}

.myGridZ .Cubee, .Cubee, .gridcubeeactivecomment, .notificationcubee /.buddylistBg, .albumThumbDiv1, .events, .notesblock, .clipartimageloader, .editortable, .popup, .poupnew, .nodatadiv, */ {
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    background: #fff;
    -webkit-box-shadow: 0 15px 10px -10px rgba(142,142,142,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(142,141,141,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(142,141,141,0.5),0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
    border: 1px solid #E6E6E6!important;
    overflow: hidden;
}

.buddylistBg {
    border-radius: 15px!important;
}

.buddylistBg, .albumThumbDiv1, .notesblock, .clipartimageloader, .editortable, .popup, .poupnew, .nodatadiv {
    box-shadow: 0 0 10px 1px rgba(173,173,173,0.54);
}

.profileDiv_album, .profileDiv_blog, .date_Connection, .profileDiv_status, .connectionDiv_Connection {
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}

.date_Connection {
    box-shadow: 0 3px 3px 0 #c3bbbb;
}

.commentborder .likebuttonselect, .likeButtonClicked {
    background: none!important;
}

#startup {
    position: absolute;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    top: 20%;
}

#file_browse_wrapper {
    float: left;
    cursor: pointer;
    display: none;
}

#feedstuff {
    display: none!important;
}

.maximize {
    position: fixed;
    left: 30%!important;
    min-height: 250px!important;
    max-height: 400px!important;
    width: 500px!important;
    height: 500px!important;
    z-index: 9999;
    min-width: 300px!important;
    max-width: 500px!important;
    box-shadow: 0 3px 3px 0 #c3bbbb!important;
}

    .maximize .commentFlip {
        height: 400px!important;
    }

#startup img {
    -webkit-transform: scale(.3);
    opacity: .7;
    transition: all 5s ease-in;
    -webkit-transition: all 5s ease-in;
}

@-webkit-keyframes beat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.beat {
    -webkit-animation: beat 1300ms ease infinite normal;
    animation: beat 1300ms ease infinite normal;
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.panelchange {
    -webkit-transform: scale(1) rotateZ(60deg) rotateY(90deg) translateZ(1000px) translateX(2000px);
    transition: all 5s ease-in;
    -webkit-transition: all 1s ease-in;
}

.cubeedelete {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(.1);
    -webkit-filter: blur(20px);
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
}

.centerelements {
    -webkit-transform: scale(1) rotateZ(0deg) rotateY(0deg) translateZ(0px) translateX(0px)!important;
    opacity: 1;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
}

.menu {
    -webkit-transform: scale(.1) rotateZ(60deg) rotateY(180deg) translateZ(1000px) translateX(2000px);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
}

.photomode .menu {
    left: 0;
}

div#mystuff > .leftmenubg:nth-child(1) {
    width: 100%;
}

    div#mystuff > .leftmenubg:nth-child(1) .menutxt, .proffullname {
        font-size: 15pt!important;
    }

img.mygridpanelmenu {
    width: 100px!important;
    height: 100px!important;
}

.viewport {
    -webkit-perspective: 1200;
    -webkit-perspective-origin: 50% 200px;
    -webkit-transform: scale(0.35,0.35);
    -moz-perspective: 800;
    -moz-perspective-origin: 50% 200px;
    -moz-transform: scale(0.35,0.35);
    width: 300px;
    margin-top: 5px;
    margin-bottom: 45px;
    zoom: 1;
}

.test {
    position: relative;
}

.zcube {
    position1: absolute;
    margin: 0 auto;
    left: 0;
    top: 600px;
    height: 200px;
    width: 200px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateX(-30deg) rotateY(30deg);
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateX(-10deg) rotateY(20deg);
    zoom: 1.2;
    animation: rotate 30s linear infinite alternate;
    -webkit-animation: rotate 30s linear infinite alternate;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(30deg);
    }

    12.5% {
        -webkit-transform: rotateX(-30deg) rotateY(-90deg);
    }

    25% {
        -webkit-transform: rotateX(-30deg) rotateY(-180deg);
    }

    37.5% {
        -webkit-transform: rotateX(-30deg) rotateY(-270deg);
    }

    50% {
        -webkit-transform: rotateX(-120deg) rotateY(-360deg);
    }

    62.5% {
        -webkit-transform: rotateX(70deg) rotateY(-540deg);
    }

    75% {
        -webkit-transform: rotateX(-30deg) rotateY(-270deg);
    }

    87.5 {
        -webkit-transform: rotateX(-30deg) rotateY(-90deg);
    }
}

.cubeabsorb {
    opacity: 0;
    transform: scale(5) rotate(30deg);
    -moz-transform: scale(5) rotate(30deg);
    -webkit-transform: scale(5) rotate(30deg);
    -o-transform: scale(5) rotate(30deg);
    z-index: 1.0E+30;
    position: relative;
}

#cubeanim {
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
}

.zcube > div {
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    border1: 40px solid #fff;
}

.cubeside {
    width: 350px;
    height: 350px;
    font-size: 35pt;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    border1: 4px solid #FFF!important;
    color: #000;
    text-shadow: 2px 2px 0 #EEE9E9;
    color: #fff;
    text-shadow: 3px 3px 0 #4D4444;
}

.raised {
    -webkit-transform: translateZ(470px) scaleX(1.5) scaleY(1.5);
    -moz-transform: translateZ(100px) scaleX(1.5) scaleY(1.5);
    -ms-transform: translateZ(100px) scaleX(1.5) scaleY(1.5);
    position: absolute;
}

.cubeside1 {
    font-size: 22pt;
    color: #000;
    text-shadow: 1px 1px 1px #626262;
}

#FeedPanels .cubeside1 {
    font-size: 12pt;
    color: #000;
    text-shadow: 1px 0 0 transparent;
}

.cubeside img {
    width: 39%!important;
    height: 100%!important;
    margin-top: 10%;
    box-shadow: 0 0 1px 5px #fff;
    border-radius: 50%;
    background: rgba(255,255,255,0.41);
}

.zcube > div:first-child {
    -webkit-transform: rotateX(90deg) translateZ(175px);
    -moz-transform: rotateX(90deg) translateZ(175px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #addbff;
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#fff 100%);
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#BCE1FF 100%);
    background: linear-gradient(to bottom,#addbff 0%,#D3EAFC 40%,#BCE1FF 100%);
}

.zcube > div:nth-child(2) {
    -webkit-transform: translateZ(175px);
    -moz-transform: translateZ(175px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #ddf2af;
    background: linear-gradient(to bottom,#ddf2af 0%,#ddf2af 40%,#fff 100%);
    background: linear-gradient(to bottom,#ddf2af 0%,#EBF9CD 40%,#ddf2af 100%);
    background: linear-gradient(to bottom,#ddf2af 0%,#F5FFDF 40%,#ddf2af 100%);
}

.zcube > div:nth-child(3) {
    -webkit-transform: rotateY(90deg) translateZ(175px);
    -moz-transform: rotateY(90deg) translateZ(175px);
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #facc9a;
    background: linear-gradient(to bottom,#facc9a 0%,#facc9a 40%,#fff 100%);
    background: linear-gradient(to bottom,#facc9a 0%,#facc9a 40%,#FBE4CC 100%);
    background: linear-gradient(to bottom,#facc9a 0%,#FDE6CD 40%,#F3CBA2 100%);
}

.zcube > div:nth-child(4) {
    -webkit-transform: rotateY(180deg) translateZ(175px);
    -moz-transform: rotateY(180deg) translateZ(175px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #fff;
    background: linear-gradient(to bottom,#f2f2f2 0%,#f2f2f2 40%,#fff 100%);
    background: linear-gradient(to bottom,#f2f2f2 0%,#f2f2f2 40%,#FBFBFB 100%);
    background: linear-gradient(to bottom,#DEDEDE 0%,#f2f2f2 40%,#E6E6E6 100%);
}

.zcube > div:nth-child(5) {
    -webkit-transform: rotateY(-90deg) translateZ(175px);
    -moz-transform: rotateY(-90deg) translateZ(175px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #efa5a6;
    background: linear-gradient(to bottom,#efa5a6 0%,#efa5a6 40%,#fff 100%);
    background: linear-gradient(to bottom,#efa5a6 0%,#efa5a6 40%,#FBC9CA 100%);
    background: linear-gradient(to bottom,#efa5a6 0%,#FBCACB 40%,#EC9698 100%);
}

.zcube > div:nth-child(6) {
    -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(175px);
    -moz-transform: rotateX(-90deg) rotate(180deg) translateZ(175px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: #addbff;
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#fff 100%);
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#BCE1FF 100%);
    background: linear-gradient(to bottom,#addbff 0%,#CBE5F9 40%,#BCE1FF 100%);
}

.zoom-wrapper {
    -webkit-animation: zoom-in 5s linear infinite alternate;
    -webkit-filter: blur(0);
    -webkit-transform-style: preserve-3d;
}

@-webkit-keyframes-webkit-keyframeszoom-in {
    from;

{
    -webkit-transform: translateZ(-1000px);
    -webkit-filter: blur(3px);
}

to {
    -webkit-transform: translateZ(100px);
    -webkit-filter: blur(0);
}

}

.cubeface {
    width: 400px;
    height: 400px;
}

#3d, #logo {
    display: none;
}

.icontent img {
    max-width: 90%!important;
    background: white;
}

.mce-modal-block {
    display: none!important;
}

.dtstyleuf {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nodatadiv {
    position: absolute;
    padding: 4px;
    left: 40%;
    top: 170px;
    width: 280px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    z-index: 99999999999999999;
}

.cubeeimgshare {
    top: 10px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    width: 31px!important;
    padding: 3px;
    clear: both;
}

.keepwindowheight {
    margin-top: 0!important;
}

#MessagesDisplay {
    display: none!important;
}

.likecount1, #mainhomeicon {
    cursor: pointer;
}

.deletedcubee {
    color: #a8a1a1;
    font-size: 9pt;
    font-style: italic;
    color: #a8a1a1;
    font-size: 9pt;
    font-style: italic;
}

.BlogAds {
    float: left;
    width: 99%;
    margin-top: 6px;
    border-bottom: 1px solid #D4D4D4;
    box-sizing: border-box;
    padding: 15px;
    padding-left: 10px;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 5px;
}

.imagePortrait_snippet, .imageLandscape_snippet {
    width: 500px;
    height: 220px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.profileImgSnippet {
    width: 46px!important;
    height: 46px!important;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    float: left;
}

.profileImgSnippetDiv {
    float: left;
    width: 60px;
}

.blogBy {
    font-size: 16px;
    color: #7d7d7d;
    float: left;
}

.realBloggerDiv {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
    padding-bottom: 10px;
    margin-top: 40px;
    padding-top: 10px;
    margin-bottom: 20px;
}

.aboutSnippetDiv {
    float: left;
    display: table-column-group;
    width: 90%;
}

.aboutSnippet {
    font-size: 14px;
    color: #7d7d7d;
    clear: both;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bloggerNameSnippet {
    font-size: 16px;
    color: #212121;
    float: left;
    margin-left: 10px;
}

.LinkeAndDateSnippet {
    font-size: 16px;
    color: #7d7d7d;
    float: left;
}

.snippetTextContent {
    font-size: 18px;
    color: #303030;
    font-weight: 300;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imagePortrait_snippet img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    width: 100%;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

.imageLandscape_snippet img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    width: 100%;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

/*.imagePortrait_snippet img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}*/

/*.imageLandscape_snippet img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}*/

.singleviewcount {
    font-size: 15px;
    color: #828181;
    float: right;
    margin-top: 20px;
}

.relatedBlogHeadingText {
    font-family: Candara,'Raleway',sans-serif;
    font-size: 25px;
    color: #1f1f1f;
    font-weight: 100;
    padding-top: 20px;
    cursor: default;
    word-wrap: break-word;
}

.cursorpointer {
    cursor: pointer!important;
}

.files {
    /*height: 30px;*/
    width: 50px!important;
}

.cubeefullwidth {
    width: 100%!important;
    display: block!important;
}

.profileText {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.readMore {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f1f1f1;
    padding: 2px;
    font-size: 10px;
    cursor: pointer;
    margin-top: 15px;
    display: inline-flex;
    color: #303030;
}

.line {
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
}

.textAlign {
    text-align: center;
    margin-bottom: 10px;
}

/*.readMore:hover:after {
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/Blog/ReadMore.png) no-repeat 8px 3px
}*/

/*.readMore:after {
    content: "";
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/Blog/ReadMore.png) no-repeat 3px 3px;
    width: 18px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}*/

.editProfile {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #f3f3f3;
    border: solid 1px #bebebe;
    display: inline-block;
    padding: 1px 6px;
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: -27px;
}

.profileDivFlip {
    width: 100%;
    height: 400px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(63,113,163,.19);
    -moz-box-shadow: 0 3px 5px rgba(63,113,163,.19);
    box-shadow: 0 3px 5px rgba(63,113,163,.19);
    border: solid 1px #d2d2d2;
    float: right;
    clear: both;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
}

.lightButton {
    padding: 10px 14px;
    margin-left: 10px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #D6D6D6;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.16);
    box-shadow: 0 3px 3px rgba(0,0,0,.16);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom,#e7e7e7,#fefefe);
    background-image: -moz-linear-gradient(bottom,#e7e7e7,#fefefe);
    background-image: -o-linear-gradient(bottom,#e7e7e7,#fefefe);
    background-image: linear-gradient(to top,#e7e7e7,#fefefe);
    display: inline-block;
    font-size: 17px;
    cursor: pointer;
}

.positionRelative {
    position: relative;
}

.profileDivEdit {
    width: 60%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: solid 1px #d2d2d2;
    float: right;
    clear: both;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 4;
    top: 25%;
    left: 20%;
    -webkit-box-shadow: 0 2px 24px rgba(0,1,2,.45);
    -moz-box-shadow: 0 2px 24px rgba(0,1,2,.45);
    box-shadow: 0 2px 24px rgba(0,1,2,.45);
    min-width: 500px;
}

.profileEditTextArea {
    font-family: 'Open Sans',sans-serif!important;
    border: 1px solid #d3d3d3!important;
    border-radius: 5px;
    font-weight: 100;
    font-size: 15px;
    outline: none;
    white-space: pre-wrap;
    min-height: 250px;
    box-sizing: border-box;
    padding: 15px;
    resize: none;
    width: 100%;
}

.editProfileHead {
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 5px;
}

.blogProfileImgSmall {
    width: 46px;
    height: 46px;
    border: 1px solid #F0F0F0;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-right: 10px;
}

.profileDivSmall {
    vertical-align: middle;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.profileNameFlip {
    margin: auto;
    font-family: Candara,Arial,Helvetica,sans-serif;
    font-size: 21px;
    color: #303030;
    margin-top: 10px;
}

.profileTextExpand {
    font-size: 15px;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.flipClose {
    position: absolute;
    margin-right: 12px;
    right: 0;
    margin-top: -8px;
    background-color: #fff;
    padding: 6px;
    border-radius: 100%;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}

.msg div {
    position: relative;
}

.imagePortrait, .imageLandscape {
    width: 100%;
    height: 220px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imagePortrait img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

..imageLandscape img {
    position: relative;
    left: 100%;
    margin-left: -200%;
    max-height: 300px;
    height: 100%;
    /* max-width: inherit;*/
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}


.rightMargin {
    margin-right: 1px;
}

.bottomMargin {
    margin-bottom: 1px;
}

.imagePortrait1, .imageLandscape1 {
    width: 291px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imagePortrait1 img {
        position: relative;
        width: 100%!important;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape1 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        height: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.imagePortrait2, .imageLandscape2 {
    width: 96px;
    height: 70px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    float: left;
}

    .imagePortrait2 img {
        position: relative;
        height: 70px!important;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape2 img {
        position: relative;
        height: 70px!important;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.imagePortrait3, .imageLandscape3 {
    width: 289px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imagePortrait3 img {
        position: relative;
        width: 100%!important;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape3 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        height: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.imagePortrait4, .imageLandscape4 {
    width: 145px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    float: left;
}

    .imagePortrait4 img {
        position: relative;
        width: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape4 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        height: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.imagePortrait5, .imageLandscape5 {
    width: 100%!important;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imageLandscape5 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        height: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.imagePortrait6, .imageLandscape6 {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    clear: both;
}

    .imagePortrait6 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        width: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

    .imageLandscape6 img {
        position: relative;
        left: 100%;
        margin-left: -200%;
        height: 100%;
        -webkit-transition: all .3s ease 0;
        -moz-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        -ms-transition: all .3s ease 0;
        transition: all .3s ease 0;
    }

.blogCubee {
    display: inline-block;
    width: 600px;
    min-height: 200px;
    box-sizing: border-box;
    padding: 26px;
    -webkit-border-radius: 0 50px;
    -moz-border-radius: 0 50px;
    border-radius: 0 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border: solid 1px #dadada;
}

.profileImage {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    background-color: #f5f5f5;
    margin-right: 10px;
}

.WhoShared {
    font-size: 15px!important;
    font-weight: 600;
    color: #2a2a2a;
}

    .WhoShared a {
        font-size: 15px!important;
    }

.ShareText {
    font-weight: 300;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 12px;
}

.bottomDiv {
    border-top: 1px solid #e7e7e7;
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
}

.topDiv {
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
    padding-top: 10px;
    clear: both;
}

.fadeText {
    font-weight: 300;
    clear: both;
    font-size: 14px;
    color: #525252;
    margin-top: 2px;
    float: left;
}

.blogsharedinfofont {
    font-size: 11px;
}

.iconStyle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f2f2f2;
    border: solid 1px #dadada;
    padding: 5px;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

.iconStyle2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f2f2f2;
    border: solid 1px #dadada;
    padding: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

.blogHead {
    font-size: 24px;
    color: #2a2a2a;
    line-height: 30px;
    text-overflow: ellipsis;
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
}

.blogText {
    font-size: 16px!important;
    color: #000;
    font-weight: 300;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ContinueReading {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #f1f1f1;
    padding: 6px 12px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

/*.ContinueReading:hover {
    background-color: #eaeaea
}*/

/*.ContinueReading:hover .arrow {
    position: relative;
    left: 4px
}*/

.inline {
    display: inline-block;
}

.arrow {
    position: relative;
    left: 0;
    display: inline-block!important;
    vertical-align: middle;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transition: all .3s ease 0;
    width: 6px;
}

.textContentDiv {
    width: 270px;
    margin-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}

.textContentDiv2 {
    width: 265px;
    margin-left: 10px;
    float: left;
    max-height: 220px;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
}

.tinyBorder {
    border-right: 1px solid #D3D3D3;
    padding-right: 10px;
    margin-right: 10px;
}

.ContinueReading a {
    font-size: 14pt;
}

.profileSnippetOwnerImg {
    width: 28px!important;
    height: 28px!important;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-right: 5px;
}

.msg img :not(profileImgSnippet), .arrow {
    width: auto!important;
}

.cubewidth {
    max-width: 80%!important;
    min-width: 80%!important;
}

.profilewidth {
    width: 100%!important;
}

.likedislikemargin {
    margin-top: 0;
}

.gridcubeeactivecomment {
    width: 99%;
    border: 1px solid #e0e0e0;
}

.cl {
    margin-left: 1px!important;
}

.commenttext {
    width: 100%!important;
    clear: both!important;
}

.gridcubee a:after {
    content: ' ';
}

.commentbox {
    overflow: hidden;
    padding-left: 5px;
}

.albumcommentscontrol .likebutton3a, .albumcommentscontrol .likeButtonUnclicked {
    display: inline-block;
}

#Gridpanel1Div {
    display: none;
    /* min-width: 308px !important;*/
}

@media only screen and (min-width : 736px) and (max-width : 768px) {
    .profileleft {
        top: 10px;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 4000px) {
    /*.albumthumbeffectcontainer{position:absolute;right:0;top:0;width:120px;height:400px;white-space:normal;overflow-y:auto}*/
}

span#dvMsgFilter {
    display: none;
}

.commentbox .commentdate {
    clear: both;
}

@media only screen and (max-width: 768px) and (min-width: 736px) {
    .sharedDate {
        /*margin-top:10px!important*/
    }
}

@media only screen and (max-width: 736px) and (min-width: 100px) {
    .centeredtable iframe {
        width: 100%;
    }

    .sharedDate {
        margin-top: -10px!important;
    }

    .menunotify {
        /*float: right;*/
        position: relative!important;
        margin-top: -30px;
        /*left: 3px*/
    }
}

@media only screen and (max-width: 431px) and (min-width: 100px) {
    .expdisplaytext, .clipartimageloaderalbum {
        width: 100%;
    }

    .profdiv {
        margin-top: -10px;
    }
}

@media only screen and (max-width : 1550px), only screen and (max-device-width : 1550px) {

    /*.ofslatemenu, .mymenu {
        width: 99% !important;
    }*/
}

@media only screen and (min-width : 1600px),only screen and (max-width : 1750px) {
    /*.ofslatemenu, .mymenu {
        width: 95% !important;
    }*/
    #FeedPanels {
        /*left: 6% !important;*/
    }
}

@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
    .slatename {
        font-size: 16pt !important;
    }
}

@media only screen and (max-width : 1344px),only screen and (max-device-width : 1344px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /* min-width: 293px!important*/
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px!important;
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px!important;
    }

    #FeedPanels {
        /* left: 2%!important;
        width: 97%!important*/
    }

    .msg img {
        width: 280px;
        height: auto;
    }
}

@media only screen and (max-width : 1377px),only screen and (max-device-width : 1377px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 300px!important;
        /* min-width: 300px!important*/
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px!important;
    }

    .imagePortrait1, .imageLandscape1 {
        width: 294px!important;
    }

    #FeedPanels {
        /*left: 3%!important;
        width: 94%!important*/
    }

    .ofslatemenu {
        /* width: 94%!important*/
    }

    .msg img {
        width: 290px;
        height: auto;
    }
}

@media only screen and (max-width : 1317px),only screen and (max-device-width : 1317px) {
    .ofslatemenu, .mymenu {
        /*width: 93% !important;*/
    }

    /* #FeedPanels {
        left: 1%!important;
        width: 80%!important
    }*/
}

@media only screen and (max-width : 1290px),only screen and (max-device-width : 1290px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /*min-width: 293px!important*/
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px!important;
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px!important;
    }

    /*#FeedPanels {
        left: 10%!important
    }*/

    .msg img {
        width: 280px;
        height: auto;
    }
}

@media only screen and (max-width : 1286px),only screen and (max-device-width : 1286px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /*min-width: 293px!important*/
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px!important;
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px!important;
    }

    /*#FeedPanels {
        left: 1%!important;
        width: 99%!important
    }
    */
    .msg img {
        width: 280px;
        height: auto;
    }

    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /*min-width: 293px!important*/
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px;
    }

    /*  #FeedPanels {
        left: 1%!important;
        width: 99%!important
    }*/

    .msg img {
        width: 280px;
        height: auto;
    }
}

@media only screen and (max-width : 1260px),only screen and (max-device-width : 1260px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /*  min-width: 293px!important*/
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px;
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px;
    }

    /* #FeedPanels {
        left: 1%!important;
        width: 96%!important
    }*/

    .msg img {
        width: 280px;
        height: auto;
    }
}

@media only screen and (max-width : 1247px),only screen and (max-device-width : 1247px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 300px!important;
        /* min-width: 300px!important*/
    }

    /*  #FeedPanels {
        left: 8%!important;
        width: 90%!important
    }*/

    .msg img {
        width: 290px;
        height: auto;
    }
}

@media only screen and (max-width : 1175px),only screen and (max-device-width : 1175px) {
    /*#FeedPanels {
        left:6%!important;
        width: 94%!important
    }*/
}

@media only screen and (max-width : 1105px),only screen and (max-device-width : 1105px) {
    /*#FeedPanels {
        left:7%!important;
        width: 90%!important
    }*/
}

@media only screen and (max-width : 1075px),only screen and (max-device-width : 1075px) {
    /* #FeedPanels {
        left:5%!important;
        width: 90%!important
    }*/
}

@media only screen and (max-width : 1039px),only screen and (max-device-width : 1039px) {
    /* #FeedPanels {
        left:3%!important;
        width: 98%!important;
        left: 3%!important;
        width: 98%!important
    }*/
}

@media only screen and (max-width : 936px),only screen and (max-device-width : 936px) {
    /* #FeedPanels {
        left:0!important;
        width: 100%!important
    }*/

    .msg img {
        width: 280px;
        height: auto;
    }

    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 293px!important;
        /* min-width: 293px!important*/
    }

    .imagePortrait1, .imageLandscape1 {
        width: 284px!important;
    }

    .imagePortrait2, .imageLandscape2 {
        width: 94px;
    }
}

@media only screen and (max-width : 917px),only screen and (max-device-width : 917px) {
    /*  #FeedPanels {
        left:13%!important;
        width: 80%!important
    }
    */
    .msg img {
        width: 290px;
        height: auto;
    }

    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 300px!important;
        /* min-width: 300px!important*/
    }
}

@media only screen and (max-width : 850px),only screen and (max-device-width : 850px) {
    /* #FeedPanels {
       left: 6%!important;
    width: 92%!important
    }*/
    .albumbox img {
        height: auto !important;
    }

    .helper {
        display: inline-block;
    }

    .pbtn {
        height: 39%;
    }

    .nbtn {
        height: 45%;
    }
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
    .albumbox img {
        /*height: 60% !important;*/
    }

    .albumbox {
        height: 80% !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .ofmenu img {
        left: 5px!important;
    }
}

@media only screen and (min-width : 100px) and (max-width : 767px) {
    /* #FeedPanels {
        left:5px!important;
        width: 99%!important
    }*/
    .covertitle {
        width: 93% !important;
    }

    .imagePortrait1, .imageLandscape1 {
        width: 100%;
        height: inherit;
    }

    .notesblock {
        width: 80%;
    }

    .clipartimageloader {
        width: 90% !important;
    }

    .notesblock {
        width: 80% !important;
    }

    .likedislike {
        margin-top: -2px;
    }

    .gridelement {
        max-width1: 100%;
        min-width: 100%;
        width: 95%!important;
    }

    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connection {
        width: 100%!important;
    }

    .msg iframe {
        overflow: hidden!important;
        width: 100%!important;
    }

    /* #FeedPanels {
        left: 0!important
    }*/

    .ofmenu img {
        left: 5px!important;
    }

    .notediv .clipartpro {
        white-space: normal!important;
    }

    /* #txtSearch:hover,*/
    #txtSearch:active, #txtSearch:focus {
        width: 100%!important;
    }

    .imagePortrait2, .imageLandscape2 {
        width: 86px;
        height: 86px;
        clear: none;
    }

    .imagePortrait3, .imageLandscape3 {
        width: 100%;
        height: inherit;
    }

    .rightMargin {
        margin-bottom: 1px;
    }

    .imagePortrait4, .imageLandscape4 {
        width: 129px;
        height: 129px;
        clear: none;
    }

    .imagePortrait5, .imageLandscape5 {
        width: 129px;
        height: 129px;
        clear: none;
    }

    .imagePortrait6, .imageLandscape6 {
        width: 100%;
        height: inherit;
    }

        .imageLandscape1 img, .imagePortrait1 img, .imageLandscape2 img, .imagePortrait2 img, .imageLandscape3 img, .imagePortrait3 img, .imageLandscape4 img, .imagePortrait4 img, .imageLandscape5 img, .imagePortrait5 img, .imageLandscape6 img, .imagePortrait6 img {
            vertical-align: top!important;
        }

    #FeedPanels {
        width: 95%;
        margin-left: 7px;
    }
}
/*@media only screen and (max-width : 917px),only screen and (max-device-width : 1024px)*/
@media only screen and (max-width : 767px),only screen and (max-device-width : 767px) {
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connections, .staticcubee {
        /*position:absolute;*/
        float: left;
        width: 100%!important;
    }

    .myGridZ .Cubee {
        /*   width: 100%!important;*/
    }

    .invitecubes .Cubee, .blogcubee .Cubee, .albumcubee .Cubee {
        width: 100%!important;
    }

    .gridelement {
        max-width: 100%;
    }

    .msg img {
        width: 100%;
        height: auto;
    }

    .myGridZ .pictureBigPortrait, .pictureBigLandscape {
        width: 98%;
    }
}
/*@media only screen and (max-width : 1024px),only screen and (max-device-width : 1024px)
{
    .myGridZ .Cubee, .myGridZ .cubeeContentDiv, .myGridZ .profileDiv_blog, .connectionDiv_Connection, .profileDiv_album, .profileDiv_status, .date_Connections,.staticcubee
    {

        float:left;
        width: 100%!important;
    }
    .Cubee
    {
        width: 100%!important;
    }

    .gridelement, .myGridZ, .Cubee,.date_Connection {
        max-width: 96%;
        width: 96%!important;
    }

		.blogcubee .Cubee,.albumcubee .Cubee, .connectioncubee,.Cubee
		{
			width: 94% !important;
		}
		.myGridZ .pictureBigPortrait, .pictureBigLandscape {
   	 width: 97% !important;
    }
}
*/

.notifier {
    position: absolute;
    padding: 0;
    margin-left: 8px;
    margin-top: 22px;
    padding-right: 5px;
    padding-left: 4px;
    text-align: center;
    font-size: 11pt;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-outline-style: none;
    outline: 0;
    -webkit-box-shadow: -2px -2px 20px #fff;
    -moz-box-shadow: -2px -2px 20px #fff;
    box-shadow: -2px -2px 20px #fff;
    display: inline;
    background-color: #71819a;
    cursor: pointer;
}

.albumcommentscontrol {
    opacity: 1;
    width: 212px;
    margin: 10px auto;
    position: relative;
}

.communityddlist {
    margin-left: 30px;
}

/*#txtSearch:hover,*/
#txtSearch:active, #txtSearch:focus {
    width: 30%!important;
}

.textbox {
    /*border-radius:10px;margin-top:2px;padding:6px 8px;width:160px;
                        margin-left:14px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#666;font-size:14px;border-style:solid;border-width:1px;border-color:#779eb9;outline:none;background-color:#FFF*/
    width: 10%;
    padding: 6px;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 4px;
    line-height: 1.5em;
    float: left;
    margin-top: 12px;
    /* margin-left: 10px;
    margin-right: 15px;*/
    height: 33px;
    box-shadow: inset 0px 2px 2px #ececec;
    /*z-index: 9999999999999999999999;*/
    z-index: 99999999;
}

.invite {
    z-index: 9999999999999999999999;
    position: relative;
}

.animtime {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-transform: capitalize !important;
}

.expdisplaytext {
    text-transform: capitalize !important;
}

#txtSearch {
    font-family: 'Open Sans',sans-serif!important;
    border: 1px solid #d3d3d3!important;
    border-radius: 20px;
    font-weight: 100;
    font-size: 16px;
    box-sizing: border-box;
    padding: 6px;
    height: 40px;
    outline: none;
}

.searchcontainer {
    width: 100%;
}

.searchitemdiv {
    float: left;
}

.coverspans img {
    display: block;
    width: 72px;
    margin: 0 auto;
    -webkit-filter: grayscale(0) brightness(1.1);
    border: 1px solid rgba(123,121,121,0.28);
    margin: 0 auto;
}

.expdisplaytext img, .sharestyle img, .morespan img {
    /*-webkit-filter: brightness(111%);*/
    height: 22px;
    margin-right: 5px;
}



.sharestyle {
    margin-top: 20px;
}

.closepanelbutton {
    opacity: .5;
}

.delete, .clipartimageloaderalbum, .notesblock {
    cursor: pointer;
}

.showmore {
    float: left;
    vertical-align: top;
    /*  font-size: 22pt;
    margin-top: -15px;*/
    font-size: 40pt;
    margin-top: -53px;
    margin-left: -10px;
    color: #fff;
    -webkit-transition: all 300ms cubic-bezier(0.520,0,0.000,1);
    -webkit-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -webkit-transition-timing-function: cubic-bezier(0.520,0,0.000,1);
    -webkit-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
}

.morespan {
    float: right;
    position: absolute;
    clear: both;
    margin-left: -40px;
    width: 147px;
    right: -115px;
    margin-top: 35px;
    -webkit-transition: all 300ms cubic-bezier(0.520,0,0.000,1);
    -webkit-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    transition: all 300ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -webkit-transition-timing-function: cubic-bezier(0.520,0,0.000,1);
    -webkit-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
}

.bddysub div {
    margin-top: 15px;
}

.type {
    margin-left: 3%;
    font-size: 10pt;
    color: #707070;
    clear: both;
}

.banner {
    background: rgba(255,255,255,0.7);
    position: fixed;
    top: 0;
    height: 55px;
    color: #050505;
    width: 100%;
    z-index: 9999999;
    display: none;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

#mainmenu, #mainnotification, #postbtn {
    transition: all .9s ease-out;
    -webkit-transition: all .9s ease-out;
}

img.currentpanelimage {
    height: 50px!important;
    width: 50px!important;
    border-radius: 50%;
    vertical-align: middle;
}
/*
#FeedPanels {
    width: 90%;
    left: 7%
}*/

.myGridZ .Cubee {
    width: 300px;
    /*margin-left: 10px;*/
    margin-top: 15px;
    box-shadow: 0px 0px 8px #A1A1A1;
    background: white;
    border-radius: 0px 0px 10px 10px;
}

#mainnotification {
    display: none;
}

.swith {
    text-transform: capitalize;
    font-size: 9pt;
    color: #000;
}

.sharedtext {
    text-transform: none!important;
    font-size: 9pt;
    font-weight: 700;
}

.ofmenu img {
    left: -20px;
    float: right;
}

.notemessage {
   /* display: none;*/
}

.notediv {
    margin-top: 45px;
    width: 85%;
    height: 100%;
    z-index: 99;
    position: fixed!important;
    top: 0;
    transition: all .5s ease-out!important;
    -webkit-transition: all .5s ease-out!important;
    overflow: auto;
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
}

.menu {
    display: none;
}

.noteclose {
    display: none;
    border-radius: 50%;
}

.notesblock .clipartpro {
    height: auto!important;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}

.notesblock .dtstyle {
    top: 0!important;
}

.noteclose {
    float: right;
    display: none;
    background: #fff;
    border-radius: 50%;
    margin-left: 22px;
}

.noteedit {
    float: right;
    display: none;
    background: #fff;
    border-radius: 50%;
    padding: 3px;
}

.notedelete {
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    float: right;
    display: none;
}

.profdiv {
    width: 55px!important;
    height: 55px!important;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -3px;
    cursor: pointer;
    border: 2px solid #fff;
    background-size: cover!important;
}

.profimg {
    width: 55px;
}

.profimgset {
    width: 100%;
}

.likedislike img, .likebutton3a img, .likeButtonUnclicked img, .likecomment img {
    -webkit-filter1: brightness(65%) grayscale(100%);
    filter1: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.1 0.1 0.1 0 0 0.1 0.1 0.1 0 0 0.1 0.1 0.1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter1: gray;
}

.buddycover {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border1: 1px solid #e0e0e0;
    position: relative;
    z-index: 99;
    margin-left: 3px;
    background-size: cover;
}

.events {
    cursor: pointer;
    width: 95%;
}

.invite {
    float: left;
    border-radius: 10px;
    background: #e0e0e0;
    border: 2px solid rgba(64,114,157,0.14);
    margin-right: 2px;
    padding: 2px;
    padding-right: 8px;
    padding-left: 8px;
    cursor: pointer;
    transition: all .2s ease-out;
    margin-bottom: 15px;
    -webkit-transition: all .2s ease-out;
}

/*.invite:hover {
    background: #efefef
}*/

.past {
    display: none;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

.selected {
    background: #fff;
    border: 2px solid rgba(64,114,157,0.43);
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

#GridmyeventsDiv {
    clear: both;
}

.newinfo {
    display1: none;
}

.commentscountbox {
    display: none;
}

.iframediv, iframe {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    min-height: 300px;
    height: 100%;
}

    .iframediv > iframe {
        width: 99%!important;
         
    }
	@media (min-width:736px){
		.iframediv > iframe {
        width: 99%!important;
        height: 96vh !important;
    }
	 .heightauto {
    height: auto !important;
}
		
	}
   


.pollframe {
    height: 350px;
}

.sb-search {
    position: relative;
    width: 0;
    height: 55px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    -webkit-backface-visibility: hidden;
}

.sb-icon-search {
    position1: absolute;
    z-index: 1;
}

.sb-icon-search, .sb-search-submit {
    text-align: center;
    -webkit-border-radius: 50px/50px 50px 50px 50px;
    -moz-border-radius: 50px/50px 50px 50px;
    border-radius: 50px/50px 50px 50px 50px;
    background-color: #d9eeff;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    box-shadow: 0 2px 8px rgba(190,190,190,.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -moz-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -o-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: -ms-linear-gradient(bottom,#e6e6e6,#fff);
    background-image: linear-gradient(to top,#e6e6e6,#fff);
    cursor: pointer;
}

.menu .pnlShare {
    position: absolute;
    top: 10%;
}

.blogcubee .left {
    float: left;
    background: url(https://a2imagesws.zcubes.com/zcommunity/img/myGridZ_img/CubeIcons_myGridZ.png?2) no-repeat 140px -77px;
}

.profileDiv_album .left {
    float: left;
}

.MsgDiv {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: -1px 2px 10px 1px #acacac;
    -webkit-box-shadow: -1px 2px 10px 1px #acacac;
    box-shadow: -1px 2px 10px -1px #acacac;
    background-color: #f1f1f1;
}

@font-face {
    font-family: 'Lanenar';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/LANENAR.ttf);
}

@font-face {
    font-family: 'ClementePDacExtraLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/ClementePDacExtraLight.ttf);
}

@font-face {
    font-family: 'HelveticaNeueLTStd-UltLtEx';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/HelveticaNeueLTStd-UltLtEx.otf);
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/OpenSansLight.ttf);
}

@font-face {
    font-family: 'QuicksandLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/QuicksandLight.otf);
}

@font-face {
    font-family: 'RalewayThin';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/RalewayThin.otf);
}

@font-face {
    font-family: 'Candara';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/CANDARA.ttf);
}

@font-face {
    font-family: NewFont6;
    src: url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.ttf),url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.eot);
}

.alertpop {
    width: 370px;
    height: 170px;
    background-color: #E9E9E9;
    -webkit-border-radius: 20px;
    -moz-box-shadow: -1px 2px 10px 1px #acacac;
    -webkit-box-shadow: -1px 2px 10px 1px #acacac;
    box-shadow: -1px 2px 10px 1px #acacac;
    border: solid 1px #D5D5D5;
    margin: 0 auto;
    margin-bottom: 12px;
    margin-top: 10px;
    position: fixed;
    z-index: 99999999999999999999999999999;
    /* left: 31%;
    top: 5%;*/
    left: 36%;
    top: 32%;
    height: auto;
}

.btnfont {
    font-family: NewFont6;
    margin-bottom: 2px;
    color: #474747;
    font-size: 11pt;
}

.searchbutton3a {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px rgba(5,4,4,0.67);
    -moz-box-shadow: 0 4px rgba(147,147,147,.67);
    box-shadow: 0 1px rgba(120,120,120,.60);
    border: solid 1px #bebebe;
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background: -webkit-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
    background: -o-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
    background: -ms-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
    background: radial-gradient(ellipse at center,#fff 0%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=1);
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #676767;
    padding: 9px 24px;
    margin-left: 7px;
}

    .searchbutton3a:active {
        -webkit-transform: translate(0,1px);
        -moz-transform: translate(0,1px);
        -ms-transform: translate(0,1px);
        background-color: #eef4f8;
        -webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        -moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
        border: solid 1px #7db1e5;
        background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%);
        background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%);
        background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%);
        background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%);
        background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%);
        color: #FFF;
    }

.registrationfonthead {
    font-family: NewFont6;
    color: #000;
    font-size: 15pt;
}

@media only screen and (min-width : 100px) and (max-width : 481px) {
    body {
        background-color: #f2f2f2;
        margin: 0;
        padding: 0 0 8px;
    }

    .msg img {
        width: 100%;
        height: auto;
    }

    .buddylistBg {
        width: 98%;
    }
}

@font-face {
    font-family: NewFont6;
    src: url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.ttf),url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.eot);
}

@font-face {
    font-family: 'Lanenar';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/LANENAR.ttf);
}

@font-face {
    font-family: 'ClementePDacExtraLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/ClementePDacExtraLight.ttf);
}

@font-face {
    font-family: 'HelveticaNeueLTStd-UltLtEx';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/HelveticaNeueLTStd-UltLtEx.otf);
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/OpenSansLight.ttf);
}

@font-face {
    font-family: 'QuicksandLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/QuicksandLight.otf);
}

@font-face {
    font-family: 'RalewayThin';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/RalewayThin.otf);
}

@font-face {
    font-family: 'Candara';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/CANDARA.ttf);
}

@media only screen and (min-width : 100px) and (max-width : 481px) {
    .alertpop {
        /* width:300px;*/
        width: 90%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: -1px 2px 10px 1px #acacac;
        -webkit-box-shadow: -1px 2px 10px 1px #acacac;
        box-shadow: -1px 2px 10px -1px #acacac;
        background-color: #f1f1f1;
        border: solid 1px #D5D5D5;
        margin: 0 auto;
        margin-bottom: 12px;
        margin-top: 10px;
        position: fixed;
        z-index: 99999999999999999999999999999;
        /*left:3%;*/
        left: 5%;
        top: 20%;
        height: auto;
    }

    .btnfont {
        font-family: NewFont6;
        margin-bottom: 2px;
        color: #474747;
        font-size: 9pt;
    }

    .searchbutton3a {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0 4px rgba(5,4,4,0.67);
        -moz-box-shadow: 0 4px rgba(147,147,147,.67);
        box-shadow: 0 1px rgba(120,120,120,.60);
        border: solid 1px #bebebe;
        background: #fff;
        background: -moz-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
        background: -webkit-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -o-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -ms-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: radial-gradient(ellipse at center,#fff 0%,#f3f3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=1);
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        color: #676767;
        padding: 9px 14px;
        margin-left: 7px;
    }

        .searchbutton3a:active {
            -webkit-transform: translate(0,1px);
            -moz-transform: translate(0,1px);
            -ms-transform: translate(0,1px);
            background-color: #eef4f8;
            -webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            -moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            border: solid 1px #7db1e5;
            background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%);
            color: #FFF;
        }

    .registrationfonthead {
        font-family: NewFont6;
        color: #000;
        font-size: 15pt;
    }
}

@media only screen and (min-width : 481px) and (max-width : 1024px) {
    body {
        background-color: #f2f2f2;
        margin: 0;
        padding: 0 0 8px;
    }
}

@font-face {
    font-family: NewFont6;
    src: url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.ttf),url(https://a2imagesws.zcubes.com/zcommunity/Fonts/OpenSans-Light.eot);
}

@font-face {
    font-family: 'Lanenar';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/LANENAR.ttf);
}

@font-face {
    font-family: 'ClementePDacExtraLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/ClementePDacExtraLight.ttf);
}

@font-face {
    font-family: 'HelveticaNeueLTStd-UltLtEx';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/HelveticaNeueLTStd-UltLtEx.otf);
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/OpenSansLight.ttf);
}

@font-face {
    font-family: 'QuicksandLight';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/QuicksandLight.otf);
}

@font-face {
    font-family: 'RalewayThin';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/RalewayThin.otf);
}

@font-face {
    font-family: 'Candara';
    src: url(https://ingrid.zcubes.com/zcommunity/fonts/CANDARA.ttf);
}

@media only screen and (min-width : 481px) and (max-width : 1024px) {
    .circlelogin {
        position: absolute !important;
        /*position: fixed;*/
        top: 0px !important;
    }

    .circleLogin {
        position: absolute;
        top: 280px;
    }

    .alertpop {
        width: 345px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: -1px 2px 10px 1px #acacac;
        -webkit-box-shadow: -1px 2px 10px 1px #acacac;
        box-shadow: -1px 2px 10px -1px #acacac;
        background-color: #f1f1f1;
        border: solid 1px #D5D5D5;
        margin: 0 auto;
        margin-bottom: 12px;
        margin-top: 10px;
        position: fixed;
        z-index: 99;
        left: 31%;
        top: 50%;
        height: auto;
    }

    .registrationfonthead {
        font-family: NewFont6;
        color: #000;
        font-size: 15pt;
    }

    .btnfont {
        font-family: NewFont6;
        margin-bottom: 5px;
        color: #474747;
        font-size: 11pt;
    }

    .searchbutton3a {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 4px rgba(5,4,4,0.67);
        -moz-box-shadow: 0 4px rgba(147,147,147,.67);
        box-shadow: 0 1px rgba(120,120,120,.60);
        border: solid 1px #bebebe;
        background: #fff;
        background: -moz-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
        background: -webkit-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -o-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: -ms-radial-gradient(center,ellipse cover,#fff 0%,#f3f3f3 100%);
        background: radial-gradient(ellipse at center,#fff 0%,#f3f3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=1);
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        color: #676767;
        padding: 9px 24px;
        margin-left: 7px;
    }

        .searchbutton3a:active {
            -webkit-transform: translate(0,1px);
            -moz-transform: translate(0,1px);
            -ms-transform: translate(0,1px);
            background-color: #eef4f8;
            -webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            -moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            box-shadow: 0 0 17px 23px rgba(255,255,255,.57),inset 0 2px rgba(73,110,149,.75);
            border: solid 1px #7db1e5;
            background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%);
            background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%);
            color: #FFF;
        }
}

.albumvignette {
    -moz-box-shadow: inset 0 0 10em #666;
    -webkit-box-shadow: inset 0 0 10em #666;
    box-shadow: inset 0 0 10em #666;
}

.albumgrayscale {
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s;
}

.albumsepia {
    -webkit-filter: sepia(100%);
    -webkit-transition: all 1s;
}

.albumcontrast {
    -webkit-filter: contrast(200%);
    -webkit-transition: all 1s;
}

.albumbrightness {
    -webkit-filter: brightness(130%);
    -webkit-transition: all 1s;
}

.albumblur {
    -webkit-filter: blur(3px);
    -webkit-transition: all 1s;
}

.albumbox img {
    /*-webkit-transition: all 1s*/
}

@keyframes snow {
    0% {
        background-position: 0 0px,0 0px,0 0;
    }

    100% {
        background-position: 500px 1000px,400px 400px,300px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0 0px,0 0px,0 0;
    }

    100% {
        background-position: 500px 1000px,400px 400px,300px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0 0px,0 0px,0 0;
    }

    50% {
        background-color: #b4cfe0;
    }

    100% {
        background-position: 500px 1000px,400px 400px,300px 300px;
        background-color: #b4cfe0;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0 0px,0 0px,0 0;
    }

    100% {
        background-position: 500px 1000px,400px 400px,300px 300px;
    }
}

.albumfeedcubee .sharedDate {
    clear: both;
}

.divbtns {
    border-radius: 50%;
    border: 1px solid rgba(224,224,224,0.36);
}

@media only screen and (max-width: 481px) and (min-width: 100px) {
    .contentAlign {
        margin-top: 35px;
    }
}

#mce_60 {
    display: none;
}

.notificationcubee {
    background: #fff;
    min-width: 300px;
    min-height: 100px;
    padding: 5px;
    margin-top: 15px;
    font-size: 14pt;
    cursor: pointer;
}

    .notificationcubee img, .notificationcubees img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

@media only screen and (max-width: 461px) and (min-width: 100px) {
    .circleLogin {
        width: 100%;
        height: 100%;
        overflow: auto;
    }
}

input, textarea {
    -webkit-appearance: none;
    border: none;
    outline: none;
    box-sizing: border-box;
}

#Editor_ifr, #mce_61 {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.zmailrequest {
    border-bottom: 2px dotted #e0e0e0;
    padding: 5px;
}

.buddyrequest img {
    width: 290px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*padding: 5px;*/
}

h1 {
    font-size: 16pt!important;
}

h2 {
    font-size: 15pt!important;
}

h3, h4, h5, h6 {
    font-size: 15pt!important;
}

#dvSelZname {
    clear: both;
}

.buddyrequest .ContentDiv {
    font-size: 14pt;
    position: absolute;
    float: left;
    width: 100%;
    max-width: 300px;
    height: 100px;
    vertical-align: middle;
   /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    margin-top: -94px;
    color: #fff;
    background: rgba(0,0,0,0.56);
}

.buddyrequest .Cubee {
    padding: 0;
    max-width: 100%;
    width: 300px;
    overflow: hidden;
}

.notificationcubees {
    border-bottom: 1px dotted #e0e0e0;
    padding: 2px;
}

@media only screen and (max-width: 767px) and (min-width: 100px) {
    .buddyrequest .ContentDiv {
        margin-top: -94px;
        width: 100%;
        max-width: 100%;
    }

    .buddyrequest img {
        width: 98%;
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
    .buddyrequest .ContentDiv {
        margin-top: -69px;
        width: 100%;
    }

    .buddyrequest img {
        width: 97%;
    }
}

.zmailmsg b {
    font-size: 10pt;
    font-weight: normal;
}

.zmailimg {
    width: 30%;
    float: left;
}

.zmailmsg, .zmailimg {
    min-height: 50px;
}

.buddyrequestcube .Cubee {
    border: 0!important;
}

.notificationelement {
    display1: none;
}

.buddyrequestcube .Cubee {
    max-width: 300px;
}

.buddyrequestcube {
    display: none;
}

#geo {
    display: none;
}

.groupwaitingrequestcube .ContentDiv, .grouprequestcube .ContentDiv {
    font-size: 12pt;
    width: 80%;
}

.welcometext2 {
    color: black;
    font-family: 'Raleway',Arial,Helvetica,sans-serif!important;
    font-size: 29px;
    margin-top: 0;
}

.SignUpButton2 {
    background-color: #6fc0ff;
}

.footclass li {
    color: #737373;
    text-shadow: 0 0 0 #000;
    display: inline;
    padding: 0;
    padding-right: 1.5em;
}

.footclass {
    position: fixed;
    bottom: -0;
    height: 35px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    background: #f2f2f2;
    z-index: 999999999999;
    display: none;
}

.footer {
    padding-top: 7px;
    font-size: .65em;
    white-space: nowrap;
    line-height: 0;
    text-align: center;
}

.footer-list {
    float: left;
    max-width: 80%;
    min-height: 16px;
    padding: 0;
    margin-left: 5px;
}

.error {
    color: #E47575;
    font-size: 15px;
    font-family: 'Open Sans',Helvetica,sans-serif;
    font-weight: 100;
    width: 77%;
    margin: 0 auto;
}

.contentAlign {
    margin-top: 67px;
}

.staticcubee .cubeside {
    width: auto;
    height: 300px;
    font-size: 23pt;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    border: 4px solid #FFF!important;
    color: #000;
    text-shadow: 2px 2px 0 #fff;
    color: #fff;
    text-shadow: 2px 1px 0 #4D4444;
}

    .staticcubee .cubeside img {
        width: 100px!important;
        height: 100px!important;
    }

.communityfc {
    background: #addbff;
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#fff 100%);
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#BCE1FF 100%);
    background: linear-gradient(to bottom,#addbff 0%,#D3EAFC 40%,#BCE1FF 100%);
}

.groupfc {
    background: #ddf2af;
    background: linear-gradient(to bottom,#ddf2af 0%,#ddf2af 40%,#fff 100%);
    background: linear-gradient(to bottom,#ddf2af 0%,#EBF9CD 40%,#ddf2af 100%);
    background: linear-gradient(to bottom,#ddf2af 0%,#F5FFDF 40%,#ddf2af 100%);
}

.blogfc {
    background: #facc9a;
    background: linear-gradient(to bottom,#facc9a 0%,#facc9a 40%,#fff 100%);
    background: linear-gradient(to bottom,#facc9a 0%,#facc9a 40%,#FBE4CC 100%);
    background: linear-gradient(to bottom,#facc9a 0%,#FDE6CD 40%,#F3CBA2 100%);
}

.slatefc {
    background: #fff;
    background: linear-gradient(to bottom,#f2f2f2 0%,#f2f2f2 40%,#fff 100%);
    background: linear-gradient(to bottom,#f2f2f2 0%,#f2f2f2 40%,#FBFBFB 100%);
    background: linear-gradient(to bottom,#DEDEDE 0%,#f2f2f2 40%,#E6E6E6 100%);
}

.albumfc {
    background: #efa5a6;
    background: linear-gradient(to bottom,#efa5a6 0%,#efa5a6 40%,#fff 100%);
    background: linear-gradient(to bottom,#efa5a6 0%,#efa5a6 40%,#FBC9CA 100%);
    background: linear-gradient(to bottom,#efa5a6 0%,#FBCACB 40%,#EC9698 100%);
}

.eventsfc {
    background: #addbff;
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#fff 100%);
    background: linear-gradient(to bottom,#addbff 0%,#addbff 40%,#BCE1FF 100%);
    background: linear-gradient(to bottom,#addbff 0%,#CBE5F9 40%,#BCE1FF 100%);
}

#imgExpCtrl {
    display: none!important;
}

.panelframe {
    clear: both;
}

.searchbox {
    display: inline-block;
}

.mainsearch {
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 2px;
}

.covertitletext {
    margin-left: 10px;
    font-weight: normal;
    background1: linear-gradient(#f1f1f1, #e2e2e2);
    /* padding: 5px 0px; */
    color: #444;
    border1: 1px solid #d4d4d4;
    border-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    line-height: 1.4em;
    width: 10%;
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0px 3px;
}

.covertitle {
    padding-left: 0;
    background-position-y: -285px;
    /*margin-left: 12px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0;
    height: 50px!important;
    width: 50px;
    /* border-radius: 50%; */
    float: left;
    margin-top: -280px; /*-255*/
    width: 100% !important;
    /* border-radius: 0px 10px 20px 0px;
        border-radius: 0px 0px 0px 0px;
    border-radius: 5px 5px 15px 15px;*/
    border-radius: 5px 5px 0px 0px;
    height: 315px!important;
    overflow: hidden;
    /*border: 3px solid white;*/
    box-shadow: 0px 0px 8px rgb(142, 142, 142);
}

.ofmenu {
    background: transparent !important;
    border: 0px !important;
    top: -25px !important;
    box-shadow: none;
}

.ofslatemenu, .mymenu {
    /*   width: 88%;*/
}

.profdivbig {
    width: 85px!important;
    height: 85px!important;
    overflow: hidden;
    /* float: left; */
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -3px;
    cursor: pointer;
    border: 4px solid #fff;
    background-size: cover!important;
    bottom: 70px;
    margin-left: 15px;
    position: absolute;
    background-color: white !important;
}

.slatename {
    background: #e0e0e0;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px 5px 8px 5px;
    /*background: linear-gradient(to bottom,#CECECE -15%,#f2f2f2 25%,rgb(195, 195, 195) 129%);
    background-color: rgba(0, 0, 0, 0.40);*/
	background-color: rgba(255, 255, 255, 0.87);
    font-size: 33px;
    color: black;
    font-weight: 100;
    min-height: 60px;
    cursor: default;
    word-wrap: break-word;
    float: left;
    width: auto;
    margin-top: -15px;
    margin-left1: 12px;
}

.coverimgbtn {
    /*padding: 6px;*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #d9eeff;
    -webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    -moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
    box-shadow: 0 2px 8px rgba(190,190,190,.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
    background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff);
    background-image: -o-linear-gradient(bottom, #e6e6e6, #fff);
    background-image: linear-gradient(to top, #e6e6e6, #fff);
    cursor: pointer;
    -webkit-filter: grayscale(95%);
}

.cameraalign {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    left: 5px;
}

.cameraalign1 {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    right: 0px;
    bottom: 0px;
}

#AddCover {
    display: none;
}

.coversmall {
    width: 100%;
    /*height:100%;*/
    margin: 0px !important;
}
/*@media only screen and (min-width : 481px) and (max-width : 1024px)
        {
            	.coversmall
            	{
            		display:block !important;
            		position:relative;
            	}
            	.covertitle
            	{
            		background:none !important;
            	}
            	.ofslatemenu, .mymenu
            	{
            	  width: 87% !important;
            	}
            	.ofmenu
            		{
            		  width: 123px;
            		  position: absolute;
            		  top: -150px !important;
            		  right: -15px;
            		  border-radius: 10px;
            	  background: white !important;
            	    display: none;
              height: auto;
              }
              #slatemenubtn
              {
              	display:inline !important;
              }
              .ofmenu img {
                margin: 10px !important;
                float: left !important;
        }
        }*/
@media only screen and (min-width : 736px) and (max-width : 4000px) {
    .ofmenu {
        /*display:block !important;	*/
        top: -25px !important;
    }
}

.ofmenutxt {
    display: none;
}

.ofmenu .hint, .ofmenu [data-hint] {
    display: inline-block !important;
}


.ofmenu img {
    display: inline!important;
}

.ofmenudivs {
    cursor: pointer;
}

.covermenu {
    width: 150px;
    position: absolute;
    top: 58px !important;
    left: 5px;
    padding-left: 16px;
    font-size: 13pt;
    border-radius: 10px;
    background: white !important;
    /* display: none; */
    height: auto;
    box-shadow: 0px 0px 5px #e0e0e0 !important;
    z-index: 999999999999999;
    padding: 10px;
}

.covermenutext {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #e0e0e0;
    padding: 5px;
    cursor: pointer;
}

.albumlistcontainer {
    width: 95%;
    height: 400px;
    overflow: auto;
    -webkit-border-radius: 0 20px;
    -moz-border-radius: 0 20px;
    border-radius: 0 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(63,113,163,.19);
    -moz-box-shadow: 0 3px 5px rgba(63,113,163,.19);
    box-shadow: 0 3px 5px rgba(63,113,163,.19);
    border: solid 1px #d2d2d2;
    margin-top: 10px;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    clear: left;
    position: relative;
    display: inline-block;
    z-index: 9999999999999999999;
}

.thumbcover {
    width: 160px;
    height: 175px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    background: #fff;
    font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #303030;
    padding: 4px;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 10px;
}

.coveralbumthumb {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: 1px solid white;
}

.albuminnerbox {
    max-width: initial;
    position: relative;
    /*left: 100%;*/
    width: auto;
    height: 135px;
    /* width: 100% !important; */
    /*height: 100% !important;*/
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.albumName {
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.covercontainerclose {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    background-color: white;
    padding: 6px;
    border-radius: 55px !important;
    border: 1px solid #BDBDE6 !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    cursor: pointer;
    display: inline-flex;
}

#Album {
    position: absolute;
    width: 100%;
    /*top: -125px;*/
    left: 3%;
}

.blackBGAlbum {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    /* z-index: 1; */
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 999999999999;
}

::-webkit-scrollbar {
    width: 8px!important;
    height: 8px;
    background-color: #F2F2F2;
}

::-webkit-scrollbar {
    width: 8px!important;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px!important;
    /*  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)!important;*/
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .5)!important;
}

.albumlistscroll {
    /* width: 100%;
                          height: 320px;
                          overflow: auto;*/
    margin-top: 5px;
    overflow: auto;
    margin-top: 5px;
    float: left;
}

.albumlistviewr {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    position: relative;
    /* top: 8px; */
    border: 1px solid #d2d2d2;
}

.albumlistimage {
    max-width: initial;
    /* position: relative; */
    max-height: 150px !important;
    min-width: 150px !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.containerCover {
    overflow: hidden;
    position: relative;
    width: 851px;
    height: 315px;
    border: 2px solid #ffffff;
    margin: 0px auto;
}

.containerNew {
    overflow: visible;
    position: relative;
    width: 851px;
    height: 315px;
    border1: 1px solid #888;
}

#dragme {
    cursor: s-resize;
    width: 100%;
    top: -16px;
    left: -11px;
    margin: 0px;
}

.coverbutton {
    padding-top: 5px;
    padding: 7px 15px;
    display: inline-block;
    cursor: pointer;
    color: #383838;
    font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
    font-size: 19px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 12px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -moz-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -o-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: linear-gradient(to top, #efefef, #fbfbfb);
    /* float: right; */
    margin-bottom: 12px;
    margin-left: 6px;
}

#SetCover {
    display: block;
    position: absolute;
    z-index: 999999999999;
    width: 100%;
    margin-top: -255px;
}

@media only screen and (min-width : 100px) and (max-width : 900px) {
    .coversmall {
        /*top: -70px !important;*/
        top: 0px !important;
        position: relative;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width : 100px) and (max-width : 481px) {
    .albumlistscroll {
        /*text-align: center;*/
    }

    .circlelogin {
        top: 0px !important;
    }

    .containerCover, .containerNew {
        width: 300px !important;
        height: auto !important;
    }

    .covertitle {
        height: 305px!important;
    }

    .thumbcover {
        width: 265px;
        height: 175px;
        background: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
        background: #fff;
        font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #303030;
        padding: 4px;
        float: left;
        margin-left: 2px;
        margin-top: 5px;
        cursor: pointer;
        margin-right: 6px;
        margin-bottom: 10px;
    }

    .coveralbumthumb {
        width: 265px;
        height: 150px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        position: relative;
        border: 1px solid white;
    }

    .albumlistviewr {
        width: 265px;
        height: 180px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        position: relative;
        /* top: 8px; */
        border: 1px solid #d2d2d2;
    }

    .albuminnerbox {
        width: 265px;
        height: auto;
        overflow: hidden;
        margin: 0px !important;
        width: 300px;
        height: auto;
        display: inline-block;
        cursor: pointer;
        position: relative;
        /* top: 8px; */
        border: 1px solid #d2d2d2;
    }
}
/*@media only screen and (max-width : 1750px){
        .ofslatemenu, .mymenu {
          width: 99% !important;
}
/*#FeedPanels
{
                	left:5% !important;
}*/
}
*/
/*@media only screen and (min-width : 1750px),only screen and (max-width : 4000px){
.ofslatemenu, .mymenu {
  width: 98% !important;
}
/*#FeedPanels
{
                	left:5% !important;
}*/
}

*/
/*
@media only screen and (min-width : 1220px),only screen and (max-width : 1280px){
#FeedPanels
{
                	left:1% !important;
}
}*/
@media only screen and (max-width: 767px) and (min-width: 100px) {
    /* #FeedPanels {
        left: 0!important;
    }*/
    .flip;

{
    position: relative !important;
    top: 0px !important;
    left: 30px !important;
    float: left;
    width: 100px;
}

.tagdesc {
    font-size: 10pt;
}
/*.getstarted {
    left: 0px !important;
    top: 300px !important;
}*/
}

@media only screen and (min-width : 100px) and (max-width : 736px) {
    .ofslatemenu, .mymenu {
        width: 100% !important;
    }

    .ofslatemenu {
        top: -85px !important;
    }

    .ofmenu .hint--top:after, .ofmenu .hint--top:before {
        display: none !important;
    }

    .coversmall {
        display: block; /*!important;*/
        position: relative;
    }

    .covertitle {
        background: none !important;
        width: 97% !important;
    }

    .ofmenu {
        width: 210px;
        position: absolute;
        top: -252px !important;
        right: 35px;
        border-radius: 10px;
        background: white !important;
        display: none;
        height: auto;
        box-shadow: 0px 0px 5px #e0e0e0 !important;
    }

    #slatemenubtn {
        display: inline !important;
        position: absolute;
    }

    .ofmenu img {
        margin: 10px !important;
        float: left !important;
    }

    .slatename {
        font-size: 17pt !important;
    }

    .ofmenudivs, .covermenutext {
        float: left;
        width: 100%;
        border-bottom: 1px dotted #e0e0e0;
    }

    .ofmenutxt {
        float: left;
        margin-top: 16px;
        display: block;
    }

    .ofmenuicon {
        float: left;
    }
}

#GridmyslatefeedDiv {
    position: relative;
}

.duppy {
    /*display:block !important;*/
}

div#mystuff > .leftmenubg:nth-child(1) {
    width: 100%;
    height: 200px !important;
}

@media only screen and (min-width : 769px) and (max-width : 8000px) {
    .staticcubee, .myGridZ {
        /*position:absolute;
        float:left;*/
    }
    /*.icontent img
                {

                    min-height: 100%;
                    }*/
}

@media only screen and (min-width : 1000px) and (max-width : 8000px) {
    .coversmall {
        width: 851px !important;
        margin: 0px auto;
    }

    .slatename {
        text-align: left;
    }

    .covertitle {
        text-align: center;
    }
}

@media only screen and (max-width: 736px) and (min-width: 100px) {
    .ofslatemenu, .mymenu {
        zoom: 1;
    }

    .coversmall {
        zoom: 1;
    }

    .icontent img {
        min-width: 100%!important;
    }
}

.menu {
    -webkit-transform: scale(1) rotateZ(0deg) rotateY(0deg) translateZ(0px) translateX(0px)!important;
}

.tagnameslist {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 250px;
    width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    /* border-right: 1px dotted #CACACA;*/
}

.tageditorcontrol .tagnameslist {
    color: gainsboro;
    background: rgba(23, 23, 23, 0.68);
}

.tagsdiv {
    border-bottom: 1px dotted #646161;
    clear: both;
    height: 35px;
    cursor: pointer;
}

    .tagsdiv > div {
        float: left;
    }

.tagname {
    padding-top: 6px;
    left: 15px;
    position: relative;
    font-size: 10pt;
    float: left;
}

.mygridprofileimg, .mygridprofileimgsimple {
    background-color: #F3F3F3;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid white;
}

#selectedtagnameslist .mygridprofileimgsimple {
    width: 35px!important;
    height: 35px!important;
}

#selectedtagnameslist .tagname {
    /*display:none;*/
}

#selectedtagnameslist .tagsdiv {
    float: left;
    clear: none;
}

div#selectedtagnameslist {
    max-height: 60px;
    min-width: 200px;
    max-width: 200px;
    overflow: auto;
    background: white;
    /*border-bottom: 3px solid #e0e0e0;*/
}

#tageditorcontrol {
    background: white;
    /*padding: 5px;*/
}

#tageditor {
    position: relative;
}

    #tageditor:after, #tageditor:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #tageditor:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 30px;
        margin-left: -30px;
    }

    #tageditor:before {
        border-color: rgba(245, 245, 245, 0);
        border-bottom-color: #f5f5f5;
        border-width: 36px;
        margin-left: -36px;
    }

pre {
    font-size: 10pt !important;
    font-weight: normal;
}

textarea {
    font-size: 16px;
}

.photomode .closepanelbutton {
    border-radius: 50%;
}

#GridmygroupsDiv > .buddylistBg:first-child {
    clear: both;
}

.buddynamelist {
    white-space: nowrap !important;
    font-family: sans-serif !important;
    font-weight: 400;
    font-size: 13pt;
}
/*.slatepaneltype
{
    width: 100%!important;
}*/
/*.mapper
    {
         border: 3px solid #A6A6A6;

          width: 25px;
          height: 25px;
          z-index: 1000;
          background:rgba(255,255,255,.5)
        }*/
.closetag {
    position: relative;
    top: -30px;
    left: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.64);
    text-align: center;
    /* padding: 3px; */
    cursor: pointer;
    width: 19px;
    height: 15px;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: top;
    padding-bottom: 4px;
    color: black;
    clear: both;
}
/*.taggerclass,.tagnameslist {
          width: 155px;
        }*/
.mapper {
    border: 2px solid rgba(194, 194, 194, 0.96);
    width: 15px;
    height: 15px;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.32);
    width: 13px;
    height: 13px;
    padding: 2px;
    font-size: 8pt;
    text-align: center;
    border-radius1: 50%;
    font-family: sans-serif !important;
    /*float:left*/
}

body.photomode .forphotoshow, body.photomode .albumpaneltype, body.photomode .singlephototype, body.photomode .videotype {
    height: 100%;
}

#taglisting .tagname {
    color: white;
}

#taglisting .tagsdiv {
    /*float: left;*/
    width: 155px;
    clear: none !important;
    background: rgba(58, 58, 58, 0.59);
}

.zcube > div {
    -webkit-transform-style: preserve-3d;
    -ms-transform: preserve-3d;
    -o-transform: preserve-3d;
    transform: preserve-3d;
    overflow: visible;
}

.trans {
    -webkit-transform: translateZ(30px);
    -ms-transform: translateZ(30px);
    -o-transform: translateZ(30px);
    transform: translateZ(30px);
}

.transtext {
    -webkit-transform: translateZ(25px);
    -ms-transform: translateZ(25px);
    -o-transform: translateZ(25px);
    transform: translateZ(25px);
}

.cubeside img {
    width: 100px!important;
    height: 100px!important;
}

.coverdiv {
    background: linear-gradient(to bottom,#CECECE 0%,#f2f2f2 40%,#C3C3C3 100%);
}

/*.tagsdiv
        {
            	display:none;
            }*/
.tagdesc {
    background: rgba(58, 58, 58, 0.59);
    /*padding-right:3px;*/
}

.flip .tagsdiv.future {
    opacity: 0;
    -webkit-transform: rotateX( -80deg );
    -moz-transform: rotateX( -80deg );
    -ms-transform: rotateX( -80deg );
    -o-transform: rotateX( -80deg );
    transform: rotateX( -80deg );
}

.flip .tagsdiv {
    -webkit-transition: all 600ms ease, opacity 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease, opacity 300ms ease;
    -o-transition: all 600ms ease, opacity 300ms ease;
    transition: all 600ms ease, opacity 300ms ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: relative;
    background: #eee;
    color: #252525;
    font-size: 18px;
    z-index: 2;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

    .flip .tagsdiv.future {
        opacity: 0;
        -webkit-transform: rotateX( -80deg );
        -moz-transform: rotateX( -80deg );
        -ms-transform: rotateX( -80deg );
        -o-transform: rotateX( -80deg );
        transform: rotateX( -80deg );
    }

.profilespan-small3 {
    background-color: #FDFEFF;
    border: 1px solid #e0e0e0;
}

.viewerbtns {
    color: black;
    /* text-align: right; */
    font-size: 11pt;
    /* padding-left: 10px; */
    margin: 0px 16px auto;
    float: left;
    cursor: pointer;
    font-family: sans-serif !important;
    background: white;
    padding: 3px;
    border-radius: 8px;
}

.tagimg {
    width: 18px !important;
    min-width: 18px !important;
}

#IC_1_338895 {
    display: none;
}

.picviewer {
    /*background: white;
                              border: 3px solid white;*/
}

.commentsimg, .commentsimglike {
    margin-right: 6%;
    margin-left: 6%;
}

.likecount1, .dislikecount1 {
    margin-left: 46px;
    margin-top: 4px;
}


.profdiv {
    width: 40px!important;
    height: 40px!important;
    margin-top: 2px;
    margin-top: -15px;
    /* margin-right: 10px;*/
}

.myGridZ .sharedDate {
    margin-top: -10px;
}

.albumfeedcubee .sharedDate {
    margin-top: 0px;
}

.myGridZ .profile {
    clear: both;
    /*margin-top: -20px;*/
}

.profileleft {
    top: -10px;
    /*display: inline-block;*/
}

.myGridZ .profileName {
    width: 228px;
}

.commentborder .likecount1, .commentborder .dislikecount1 {
    margin-left: 18px;
    margin-top: 18px;
}

#GridmybookmarksDiv {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 5px;
    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

    #GridmybookmarksDiv .Bookmarks {
        padding: 15px;
        margin: 3px;
        margin-bottom: 10px;
        background: white;
        box-shadow: 0px 0px 25px rgba(211,209,209,0.67);
        -webkit-column-break-inside: avoid;
    }

.eventprf {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 150px;
    color: white;
    background: rgba(67, 67, 67, 0.46);
}

.menuitem {
    border-bottom: 1px dotted #e0e0e0;
    padding: 5px;
}

.covermenutext, .covermenutext0 {
    text-align: left;
    cursor: pointer;
    line-height: 35px;
}

.centeredtable iframe {
    height: 100% !important;
}

.coverdiv .nolightbox {
    width: 100% !important;
}

.addbuddytxt {
    /*top: -25px;
                            	position: relative;
                            	padding: 9px;
                            	font-size: 11pt;
                            	border-radius: 10px;
                            	background: white;*/
}

.addbuddybtn {
    display: none !important;
}
/*.coverdiv span.plusicon {
              border-radius: 50%;
              background: #c3e874;
              margin-bottom: 5px;
              font-weight: 700;
              color: #fff;
              padding-left: 9px;
              padding-right: 3px;
              font-size: 20pt;
              margin-left: 0px;
              margin-right: 10px;
              box-shadow: 0 0 1px 1px #B4B4B4;
              border: 2px solid #fff;
            }*/
.BigButton {
    padding: 2px 10px 14px;
    display: inline-block;
    cursor: pointer;
    color: #383838;
    font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
    font-size: 19px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -moz-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -o-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: linear-gradient(to top, #efefef, #fbfbfb);
}

.slideshowupimages img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 1px;
    margin-top: 1px;
}

.cubeeslides img {
    /*width:100% !important;
                            	height:100% !important;
                            	width: auto !important;
                              height: auto !important;
                            	max-width:100%;*/
    height: 250px;
    /*width: auto;*/
}

.sliders {
    /*min-height: 255px !important;*/
}

#AlbumPanel .albumThumbDiv {
    display: inline !important;
    width: 125px;
    background-color: transparent !important;
    border: 0px !important;
}

    #AlbumPanel .albumThumbDiv img {
        /* height: 100px;
                              width: 120px;*/
        box-shadow: 2px 2px 5px rgb(117, 110, 110);
        border-radius: 20%;
    }

#AlbumImagePanel .albumThumbDiv img {
    box-shadow: 2px 2px 5px rgb(117, 110, 110);
}

.cubeeslides {
    /*height:225px;*/
    overflow: hidden;
}

#AlbumImagePanel .albumThumbDiv {
    display: inline !important;
    width: 100px;
    height: auto;
    background-color: transparent !important;
    border: 0px !important;
}

.albumListing {
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
    border: solid 6px #fff !important;
    cursor: pointer !important;
    height: 100px;
    width: 100px;
}

.EditorShare2 {
    height: 25px;
}

.nwbtns {
    margin-top: 5px;
    margin-bottom: 6px;
}

.BigButton img {
    position: relative;
    top: 8px;
    height: 35px;
}

div#Gridstream-uploadedfilesDivHolder, div#Gridstream-notesDivHolder, div#Gridstream-experiencesDivHolder {
    display: none !important;
}

@media only screen and (min-width : 100px) and (max-width : 736px) {
    .editortable {
        width: 100%;
        top: -6px;
        height: 200px;
        left: 0;
        position: fixed;
    }

    img {
        -webkit-select: none;
    }
    /*#mce_44
	{
		zoom:0.92
	}*/
    .myGridZ .profileName a {
        /*max-width:100%;*/
    }
}

.albumcommentscontrol .likecount1, .albumcommentscontrol .dislikecount1 {
   /* margin-left: 17px !important;*/
}

#map-canvas {
    position: relative;
    height: 150px;
    width: 99%;
    /* float: left; */
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}

}

.gmaps > div {
    position: relative;
    height: 200px;
    width: 100%;
}

.maps {
    position: relative;
    height: 200px;
    width: 100%;
    /* float: left; */
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}

.albummainimage {
    max-width: 96%;
    /* max-height: 82%;*/
}

#final_widget_code {
    width: 60%;
    height: 125px;
    font-size: 9pt;
    text-align: left;
    font-family: monospace !important;
}

.gmnoprint {
    display: none;
}

#title, #street, #zip, #city {
    line-height: 25px;
}

.expdisplaytext {
    background: linear-gradient(rgba(170, 170, 170, 0), rgba(17, 17, 17, 0.83));
}

.albummainimage {
    /*max-height: 50%;*/
    height: 100%;
}

input[type="text"]:focus {
    box-shadow: 0 1px 1px rgba(0,215,255,.1) inset,0 0 8px rgba(0,215,255,.1);
    outline: 0;
    border: 1px solid #898989;
}

.gm-style-iw {
    width: 200px !important;
}

.gmap {
    display: none;
}

.gmapdone {
    display: block;
}

.notifier {
    background-color: #717171;
    border: 1px dotted white;
    display: none;
}

input, textarea {
    font-size: initial;
}

.removeslideshowimage:after {
    content: 'X';
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 3px -25px;
    font-family: open Sans !important;
    font-size: 10pt;
    cursor: pointer;
    padding: 2px;
    border-radius: 20px;
    color: #fff;
    background: #818181;
    text-align: center;
}

#imgMapCtrl {
    /* height: 28px;
    padding: 4px;
    display1: none;*/
}

.circlelogin {
    /*background-color: rgba(6, 6, 6, 0.60) !important;*/
}

#Gridpanel1DivHolder {
    display: none;
}

.nonotify {
    display: none !important;
}

.myGridZ .profileDiv_blog {
    background-color: rgba(91, 171, 255, 0.09)!important;
    /* height: 91px;*/
}

.myGridZ .blogPicturePortrait, .blogPictureLandscape {
    background: white !important;
}

.gridelement {
    /* margin-bottom: 10px;*/
    /*  -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease*/
}

.profileDiv_blog .likedislike {
    /* margin-top: -5px;*/
}

.slatepaneltype, #GridmyslatefeedDiv {
    padding-bottom: 100px;
}

.panelframe {
    padding-bottom1: 100px;
    margin: 10px auto;
    width: 95%;
    position: relative;
    /*height: 100%;*/
}

.profdivbig {
    /*z-index: 999999999;*/
}

.profilezmail {
    bottom: 70px;
    position: absolute;
    left: 100px;
    cursor: pointer;
    display: none;
    /*z-index: 999999999;*/
}

.emailautocomplete {
    cursor: pointer;
}

.slatecovername {
    /*font-size: 33px;*/
}

#divUserZones {
    width: 165px;
}
/******************
        Message Filter
        ************************/
.feedsharediv {
    position: relative;
    /*top: -45px !important;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
                            background: -webkit-linear-gradient(-45deg, rgba(167, 200, 227, 1) 0%,rgba(227, 242, 254, 0.1) 45%,rgba(167, 200, 227, 1) 100%);
                            -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
                            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
                             height: 35px;*/
    cursor: pointer;
}
/*h4
        {
                font-size: 9pt;
                color: rgba(57, 95, 119, 0.9);
            }*/
#divUserZones {
    height: 300px;
    overflow: auto;
}

.feedsharediv:active {
    background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
    background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
    background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
    background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
    background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%)!important;
}

.btn {
    display: inline-block;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 5px 0 #a5c6dd, 0 5px 6px rgba(142, 188, 218, 1);
    -moz-box-shadow: 0 5px 0 #a5c6dd, 0 5px 6px rgba(142, 188, 218, 1);
    box-shadow: 0 5px 0 #a5c6dd, 0 5px 6px rgba(142, 188, 218, 1);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    cursor: pointer;
}

.popup {
    background-color: #FFFFFF;
    position: absolute;
    /*width: 200px;
                                background-color: #f5f9fd;
                                border: 4px solid rgba(41, 115, 163, 0.2);
                                position: absolute;
                                left: 190px;
                                top: 345px;
                                z-index: 9999;
                                -webkit-border-radius: 18px;
                                -moz-border-radius: 18px;
                                border-radius: 18px;
                                -webkit-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
                                -moz-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
                                box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
                                background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(white), to(#438EEC));*/
    /* background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(white), to(#438EEC));*/
}

.popup_content {
    font-size: 15px;
    color: #666666;
    cursor: pointer;
}
/*.popup_content:hover {
    background-color: rgba(232, 232, 232, 0.49);
    border-radius: 0px;

}*/
.popup_content2 {
    font-size: 15px;
    color: #666666;
    position: relative;
    left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 245px;
}

.underline {
    border-bottom: solid 1px #cbdcea;
    margin: auto;
}

.seeallzones {
    padding-left: 43px;
    padding-top: 5px;
    cursor: pointer;
    margin-bottom1: 10px;
    font-size: 13pt;
    padding-right: 25px;
    background: #e0e0e0;
    padding-bottom: 10px;
}

.span {
    display: inline-block;
    cursor: pointer;
    /*  padding: 1px 10px;*/
    /*background: #dff4fc; */
    /* Old browsers */
    /* background: -moz-radial-gradient(center, ellipse cover, #dff4fc 0%, #78c8f1 100%);
                                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #dff4fc), color-stop(100%, #78c8f1));
                                background: -webkit-radial-gradient(center, ellipse cover, #dff4fc 0%, #78c8f1 100%);
                                background: -o-radial-gradient(center, ellipse cover, #dff4fc 0%, #78c8f1 100%);
                                background: -ms-radial-gradient(center, ellipse cover, #dff4fc 0%, #78c8f1 100%);
                                background: radial-gradient(ellipse at center, #dff4fc 0%, #78c8f1 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=                    '#dff4fc' , endColorstr= '#78c8f1' , GradientType=1 );
                                */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    border-style: solid;
    border-width: 1px;
    border-color: #f1f9ff;
    /* background: url(../img/EditInfo/buttonpatternloop.png);*/
}

.selectedbuddys {
    position: absolute;
    left: 190px;
    top: 345px;
    width: 300px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.divselbud {
    /*margin-left: 50px;*/
    height: 175px;
    margin-top: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: blue;
    background-color: white;
    left: 175px;
    top: 315px;
    position: absolute;
}
/*.eventaddbuddybg1
            {
                    width: 50px;
                    height: 50px;
                    border: 3px solid #fff;
                    border-radius: 80px;
                    background-color: #f2f7fa;
                    float: left;
                    margin-left: 20px;
                    margin-top: 21px;
                    position: relative;
                    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
                    text-align: center;
                }*/
.eventbuddy {
    position: relative;
    left: 0px;
    top: 17px;
    border-radius: 95px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 7px;
    margin-left: 7px;
    width: 40px !important;
    height: 40px;
}

.eventbuddytext {
    font-size: 15px;
    color: #666666;
    position: relative;
    left: 5px;
    top: -19px;
}

.popupAllow {
    position: absolute;
    top: 250px;
    /*left: 800px;*/
    width: 250px;
    height: 220px;
    overflow: auto;
    width: 200px;
    background-color: #ffffff;
    border: 0px solid rgba(41, 115, 163, 0.2);
    z-index: 9999;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
    -moz-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
    box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
    border-radius: 0px;
}

.popupDeny {
    position: absolute;
    top: 410px;
    left: 800px;
    width: 250px;
    height: 200px;
    overflow: auto;
    width: 200px;
    background-color: #f5f9fd;
    border: 2px solid #fafdff;
    z-index: 9999;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
    -moz-box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
    box-shadow: 0px 0px 40px rgba(104, 132, 154, 0.50);
}

.text {
    /*border-radius: 10px; border: 3px solid rgba(224, 224, 224, 0.47);*/
    border: 1px solid rgba(156, 166, 172, 0.47);
    outline: none;
    width: 180px;
    padding-left: 5px;
    border-radius: 5px;
}

.divsearchitem {
    /* width: 180px;
                                    min-height:25px;*/
    height: auto;
    /*border: 1px solid rgba(156, 166, 172, 0.47);*/
    overflow: auto;
    padding-top: 3px;
    border-radius: 5px;
}

.searchitem {
    background: #E2E6F0;
    border: 1px solid #9DACCC;
    color: #1C2A47;
    cursor: default;
    float: left;
    margin: 0 4px 4px 0;
    padding: 0 3px;
    white-space: nowrap;
    -webkit-border-radius: 2px;
}

.searchitemclose {
    /*  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yp/x/ogYrclupeJV.png);
                                    src: url(img/Close.png);*/
    height: 11px;
    margin: 2px;
    width: 11px;
    vertical-align: middle;
    border: 1px solid #9DACCC;
}

#spnShareWith {
    font-size: 17px;
}

#divSelected {
    padding: 10px !important;
}

#divVisible h4, #divHide h4 {
    font-size: 10pt !important;
    padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

#divSelected input.btn12 {
    background: #908F8F;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}

#divSelBuddy span {
    display: inherit;
    font-size: 11pt;
}
/********************
                 Message filter end
                 ****************************/

.zmailrequest {
    /* border-top: 2px dotted #e0e0e0;*/
    border-bottom: 1px dotted #e0e0e0;
    margin: 3px;
    width: 400px;
    clear: both;
    /* display: inline-block;*/
    display: table;
    -webkit-transition: 300ms;
    transition: 300ms;
    background: white;
    /*border-bottom: 0px !important;*/
}

.commenttextEdit {
    width: 100%;
    border: 1px solid rgba(192, 192, 192, 0.82);
    border-radius: 5px;
    height: 90px;
}
/*.notifybtn
                {
                    	padding: 4px 7px;
                    	color: #fff;
                    	display: -webkit-box;
                    	display: -ms-flexbox;
                    	display: -webkit-flex;
                    	display: flex;
                    	-webkit-box-align: center;
                    	-ms-flex-align: center;
                    	-webkit-align-items: center;
                    	align-items: center;
                    	float: left;
                    }*/
.notifybtn {
    padding: 12px 13px;
    font-size: 11pt;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: table;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    float: left;
    background-color: #F6F6F6;
    border: 1px solid #D2D2D2;
}

.notifybtnapprove {
    /*background: -webkit-linear-gradient(#6fc0ff,#559ED8);*/
    /*background-color: #939393;*/
}

.notifybtncancel {
    /*background-color: #939393;*/
    /*background: -webkit-linear-gradient(#CDCDCD,#A2A2A2);*/
    margin-left: 1px;
}
/*.zmailrequestcube .Cubee*/
.zmailrequestcube .Cubee {
    overflow: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.zmailmsg, .zmailimg,.variantmainbutton,.likevariantcount {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sideslideoff {
    -webkit-transform: translate3d(0px, 0px, 0px);
    background: white;
}

.sideslide {
    -webkit-transform: translate3d(-13px, 0px, 0px)!important;
    background: white;
}

.sideslideoff .morezmail {
    display: none;
}

.sideslide .morezmail {
    display: inline;
}

.commenttext iframe {
    width: 100%;
}

.newinfo:before {
    content: "\273Cnew";
    display: none;
    /* position: absolute; */
    /* top: -21px; */
    float: left;
    /* left: 0; */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    font-size: 10pt;
    z-index: 1000;
    border: 0;
    margin-right: 5px;
    background-color: #C79292;
    padding: 3px;
}

.profileDiv_blog .profile {
    margin-top: 0px!important;
}

.albumcommentscontrol .pnlCubeeControl img {
    border: 1px solid #e0e0e0;
    background: rgba(255, 255, 255, 0.95);
}

.albummainimage {
    /*border: 4px solid #fff;
    border-width: 5px 5px 50px 5px;*/
    min-height: 200px;
}

.msg img:first {
    min-height: 200px;
}

@media only screen and (max-width: 480px) and (min-width: 100px) {
    .albumbox {
        height: 80% !important;
    }

    .helper {
        display: table-cell;
    }

    .nbtn, .pbtn {
        opacity: 0 !important;
    }
}

.share1control, .morecontrol {
    position: absolute;
    margin-left: 85px;
    width: 132px;
}

.buddymore {
    margin-top: 0px;
    position: absolute;
}

    .buddymore img {
        float: left;
        height: 25px;
        border: 1px solid #CCCACA;
        border-radius: 50%;
        padding: 3px;
        margin-right: 1px;
        opacity: .7;
    }

    .buddymore .hint--top {
        display: inline-block;
    }

.commentstitle {
    /*font-size:16px !important;*/
}

.visible {
    visibility: visible;
    display: block;
    opacity: 1;
}

.goingtovisible {
    /*transition        : all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition   : all 0.1s ease;
	-o-transition     : all 0.1s ease;
	-ms-transition    : all 0.1s ease;*/
}

.visible.becoming.becomingvisible {
    /*	border-radius: 25% !important;
    border: 100px solid rgba(192, 192, 192, 0.37);

    overflow: hidden;

	transform        : scale(0.1);
	-webkit-transform: scale(0.1);
	-moz-transform   : scale(0.1);
	-o-transform     : scale(0.1);
	-ms-transform    : scale(0.1);

	background-color: rgba(192, 192, 192, 0.54);

    z-index: 9999999!important;
    position: fixed;
    top: 0px !important;
    opacity: 0.9;*/
    /* transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);*/
    border-radius: 25% !important;
    border: 3px solid rgba(192, 192, 192, 0.37);
    overflow: hidden;
    width: 177px;
    height: 116px!important;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 9999999!important;
    position: fixed;
    top: 37%;
    left: 40%;
    opacity: 0.9;
    /*transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: .6s;*/
}

.becomingvisible .panelframe {
    transform: scaleX(.7) scaleY(.4);
    /*transform:  scale(.6,.5) translate(1px,318px);
    -webkit-transform: scale(.6,.5) translate(1px,318px);
    -moz-transform: scale(.6,.5) translate(1px,318px);
    -o-transform: scale(.6,.5) translate(1px,318px);
    -ms-transform: scale(.6,.5) translate(1px,318px);*/
}

.visible.becoming.becomingvisible:after {
    content: '.';
    color: transparent;
    /*content: url('');
    content: 'Loading...'; */
    width: 300px;
    height: 300px;
    position: fixed;
    z-index: 1000000000000000000;
    left: 980px;
    bottom: 0px;
    /* content: url('https://a1imagesws.zcubes.com/zcommunity/img/load.gif'); */
    /*content: 'Loading...';*/
    width: 101px;
    height: 32px;
    position: fixed;
    z-index: 1000000000000000000;
    left: 29%;
    top: 11%;
    /* background-color: rgba(255, 255, 255, 0.43);*/
    text-align: center;
    z-index: 999999999999999999999;
    left: 33%;
    top: 25%;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    /*background-color: rgba(255, 255, 255, 0.92);*/
    border-radius: 50%;
    padding: 10px;
    margin-top: -12px;
    position: absolute;
    left: 28%;
    border-top: 4px solid #F48f0b;
    border-right: 4px solid #43b2ff;
    border-bottom: 4px solid #a9de36;
    border-left: 4px solid #f24747;
    -webkit-animation: anim_wifeo 1.4s infinite linear;
    -moz-animation: anim_wifeo 1.4s infinite linear;
    -ms-animation: anim_wifeo 1.4s infinite linear;
    animation: anim_wifeo 1.4s infinite linear;
}

.hidden.becoming.becominghidden {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    /*
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0) */
}

@media only screen and (min-width : 100px) and (max-width : 736px) {
    .visible.becoming.becomingvisible {
        top: 37% !important;
        left: 25%;
    }

        .visible.becoming.becomingvisible:after {
            left: 31%;
            top: 28%;
        }

    .printbtn {
        display: none;
    }
}

div#CommentList {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
}
/*.triangle-border.left:before
{
    top: 10px;
    bottom: auto;
    left: -13px;
    border-width: 5px 12px 6px 0;
    border-color: transparent silver;
}
.triangle-border:before
{
    content: "";
    position: absolute;

    bottom: -9px;
    left: 13px;
    border-width: 9px 7px 0;
    border-style: solid;
    border-color: white  transparent;
    display: block;
    width: 0;
}*/
/*.newcomments .triangle-border:before
{
    content: "";
    position: absolute;

    bottom: -9px;
    left: 13px;
    border-width: 9px 7px 0;
    border-style: solid;
    border-color: #FEB948  transparent;
    display: block;
    width: 0;
}*/
.rarrow:after {
    content: "\21e8";
}

.CommentDate {
    font-size: 7pt;
    float: right;
}

.comment {
    font-size: 11pt;
    color: black;
}

.triangle-border.left {
    margin-left: 51px;
    box-shadow: 1px 1px 3px silver;
}

.triangle-border {
    /* position: relative;
    width: 70%;
    padding: 10px;
    margin: 7px 0 0em;
    border: 1px solid silver;*/
    position: relative;
    width: 92%;
    margin: 7px 13px 1em;
    border: 1px solid silver;
    /* border-style: dashed; */
    /* border-bottom: 5px dotted silver; */
    box-shadow: 0px 0px 10px rgba(164, 161, 161, 0.51);
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.clicks0 {
    margin-bottom: 25px;
    /* border-bottom: 1px dotted silver; */
}

.oval-speech {
    position: relative;
    width: 220px;
    padding: 50px 40px;
    margin: 1em auto 50px;
    text-align: center;
    /* color: #fff;
    background: #5a8f00;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
    background: -moz-linear-gradient(#b8db29, #5a8f00);
    background: -o-linear-gradient(#b8db29, #5a8f00);
    background: linear-gradient(#b8db29, #5a8f00);*/
    border: 1px solid silver;
    -webkit-border-top-left-radius: 220px 120px;
    -webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;
    -webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 220px / 120px;
    border-radius: 220px / 120px;
}

    .oval-speech:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -30px;
        right: 50%;
        height: 30px;
        border-right: 60px solid #E4E4E4;
        background: #FFFFFF;
        -webkit-border-bottom-right-radius: 80px 50px;
        -moz-border-radius-bottomright: 80px 50px;
        border-bottom-right-radius: 80px 50px;
        -webkit-transform: translate(0, -2px);
        -moz-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        transform: translate(0, -2px);
    }

    .oval-speech:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -30px;
        right: 50%;
        width: 60px;
        height: 30px;
        background: #fff;
        -webkit-border-bottom-right-radius: 40px 50px;
        -moz-border-radius-bottomright: 40px 50px;
        border-bottom-right-radius: 40px 50px;
        -webkit-transform: translate(-30px, -2px);
        -moz-transform: translate(-30px, -2px);
        -ms-transform: translate(-30px, -2px);
        -o-transform: translate(-30px, -2px);
        transform: translate(-30px, -2px);
    }

.commentnotificationcube #CommentList {
    display: none;
    text-align: left;
}

.commentnotificationcube .Cubee {
    min-height: 50px;
    text-align: center;
}

#CommentList .ContentDiv {
    font-size: 10pt;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37);
    min-height: 65px;
}

#CommentList .newcomments .ContentDiv {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37);
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
    `;
}

#CommentList .newcomments .ContentDiv, .commentnotifycount, .zmailnotifycount, .chatnotifycount {
    font-size: 10pt;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37);
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}

.commentnotificationcube .suggestionheading {
    font-size: 14pt;
    padding-left: 10px;
    padding-top: 10px;
    float: left;
    width: 164px;
}

.commentnotifycount, .zmailnotifycount, .chatnotifycount {
    /* border-radius: 50%;
    padding: 3px;
    width: 20px;
    height: 20px;
    color: black;
    float: left;
    margin-top: 10px;
    text-align: center;
	cursor:pointer;
    font-size: 10pt;
    font-weight: bold;
	display:none*/
    border-radius: 50%;
    padding: 2px 5px 2px 5px;
    /* width: 20px; */
    /* height: 12px; */
    color: black;
    float: left;
    margin-top: 1px;
    margin-left: -5px;
    text-align: center;
    cursor: pointer;
    font-size: 8pt;
    font-weight: bold;
    display: none;
    box-shadow: none !important;
}

.paneltabs {
    display: none;
}

.commentnotificationcube .commentnotifycubee {
    box-shadow1: none;
    background: rgb(129, 129, 129);
    color: white;
}

.ImageDiv {
    float: left;
    /* position: relative; */
    top: -5px;
    padding-right: 5px;
}

.SlateImage {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-left: 5px;
    z-index: 1;
    /* position: absolute; */
    border: 2px solid white;
}

.whosecubee {
    float: right;
    /*text-transform: capitalize;*/
    padding-right: 5px;
    /* position: absolute;*/
    right: 0px;
    /*margin-top: -25px;*/
}

    .whosecubee img {
        height: 20px;
        width: 20px;
        margin-right: 5px;
        border: 2px solid rgba(255, 255, 255, 0.3);
    }

#CommentList .ImageDiv {
    position: absolute;
    top: 12%;
}

#CommentList .SlateImage {
    /* border-radius: 50%;
    height: 45px;
    width: 45px;
    margin-left: -13px;
	background:white*/
    border-radius: 50%;
    height: 63px;
    width: 63px;
    margin-left: -22px;
    margin-top: -9px;
    background: white;
}

#CommentList .clicks0 {
    margin-left: 30px;
}

#CommentList .commenttext {
    padding-left: 33px;
    padding-right: 33px;
    width: 78% !important;
}

#CommentList .whosecubee img {
    height: 30px !important;
    width: 30px !important;
    border: 2px solid rgba(255, 255, 255, 0.3);
    position: relative;
    left: 16px;
    /* margin-left: -20px !important; */
    /* position: absolute; */
    margin-top: -4px;
    /*padding-left: 6px;*/
}

.commentnotificationcube {
    display: none;
}

.ZMailCubee {
    overflow: auto;
    clear: both;
    max-height: 300px;
    overflow-x: hidden;
    /*background: rgb(129, 129, 129);*/
}

.mainalbumimageold {
    transform: translateX(200px);
}

.mainalbumimagenew {
    transform: translateX(-200px);
}

.majorcontrolbuttons, .templates, .banner, .popupnew, #cubeanim {
    display: none;
}

.auto-style1 {
    width: 30%;
    text-align: left;
    margin-left: 450px;
    margin-right: 0px;
}

.auto-style2 {
    width: 30%;
    text-align: left;
    margin-left: 450px;
    margin-right: 0px;
}

.zcover {
    width: auto !important;
    height: auto !important;
}

.mce-menu {
    position: absolute;
    z-index: 999999999999999999999999999999999999 !important;
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.commentbox .commentscountboxnew {
    display: none;
}
/*.gridcubee
{
	  -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/
.more div {
    /* display: block; */
    float: left;
    clear: both;
    border-bottom: 1px dotted #5D5B5B;
    width: 100%;
    height: 45px;
}

.clipartimageloaderalbum .more img {
    margin-right: 5px;
    height: 36px;
    margin-top: 3px;
    border: 0px solid #CCCACA;
    padding: 0px;
    border-radius: 0%;
}

.albumsettingtext {
    margin-top: -3px;
    position: relative;
    top: -11px;
    font-size: 13pt;
}

.albumsettingmenu {
    width: 195px;
    position: absolute;
    top: -150px;
    right: -10px;
    border-radius: 0px !important;
    box-shadow: rgb(224, 224, 224) 0px 0px 5px !important;
    height: 195px;
    background: rgb(255, 255, 255) !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.showmore {
    padding-left: 20px;
    margin-left: -29px;
}

.albummoremenu {
    position: absolute;
    top: -150px;
    right: -85px;
    border-radius: 0px !important;
    box-shadow: rgb(224, 224, 224) 0px 0px 5px !important;
    height: 195px;
    width: 195px;
    background: rgba(255, 255, 255, 0.98)!important;
}

.albumsetttingmenuon {
    width: 195px;
}

.commentscountboxnew {
    display: none !important;
}

.settings_Box {
    width: 439px;
    height: 320px;
    z-index: 99999999;
    webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 9px rgba(0,0,0,.3);
    box-shadow: 0 8px 9px rgba(0,0,0,.3);
    border: solid 1px #ddd;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    white-space: nowrap;
}

.profile_span {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    background-color: #ffffff;
    width: 58px;
    height: 58px;
    margin: 5px auto;
    display: inline-block;
}

.profile_setclose {
    margin-top1: 20px;
    margin-left: 5px;
    text-align: center;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.profile_text {
    font-size: 15px;
    color: #676767;
    padding-top: 18px;
    float: left;
    margin-left: 5px;
    width: 30%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.proximitycolorsPink {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #f2c1be;
    margin-left: 8px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

#divBuddySetting {
    padding-top: 15px;
}

.proxwidth {
    min-width: 120px;
}

.proxconnector, .proxwidth, .slateanim {
    /*-webkit-transition: all 200ms ease-out;
	-moz-transition   : all 200ms ease-out;
	-o-transition     : all 200ms ease-out;
	transition        : all 200ms ease-out;*/
    /*-webkit-transition: all 600ms cubic-bezier(0.520,0,0.000,1);
    -webkit-transition: all 600ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition: all 600ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition: all 600ms cubic-bezier(0.520,-0.585,0.000,1.495);
    transition: all 600ms cubic-bezier(0.520,-0.585,0.000,1.495);
    -webkit-transition-timing-function: cubic-bezier(0.520,0,0.000,1);
    -webkit-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -moz-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    -o-transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);
    transition-timing-function: cubic-bezier(0.520,-0.585,0.000,1.495);*/
}

.proxwidth {
    width: 120px;
}

.proxctrl {
    width: auto !important;
    height: auto !important;
    -webkit-transition: 800ms;
    transition: 800ms;
    padding: 13px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.proxconnector {
    display: inline;
    border-top: 2px solid #e0e0e0;
    /* width: 200px;*/
    height: 2px;
    float: left;
    margin-top: 36px;
    margin-left: 0px;
    width: 0px;
}

.settings_profileImage, #dvContactType {
    border: 4px solid white;
    -webkit-transition: 800ms;
    transition: 800ms;
}

.proximityalign {
    margin-left: 15px;
}

.settings_top {
    width: 80%;
    margin: 0px auto;
}

.proximitycolorsPink2 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #f1959a;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proximitycolorsPink3 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #e88285;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proxisave {
    margin: 0px auto;
    width: 405px;
}

.proximitycolorsYellow1 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #ffbc39;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}


.proximitycolorsYellow2 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #f1a82c;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proximitycolorsYellow3 {
    width: 24px;
    height: 21px;
    background-color: #f9fe80;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proximitycolorsYellow4 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #f1f331;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}


.proximitycolorsGreen1 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #bee085;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proximitycolorsGreen2 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #acd767;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.proximitycolorsBlue1 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #8bcee0;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}


.proximitycolorsBlue2 {
    width: 24px;
    height: 21px;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    background-color: #66bade;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: 14px;
}

.settings_profileImage {
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    border-radius: 95px;
    width: 58px;
    height: 58px;
}

.settings_profileImage {
    left: -2px !important;
}

.small_button6 {
    float: right;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 15px;
    padding: 7px 15px;
    display: inline-block;
    cursor: pointer;
    float: right;
    color: #383838;
    font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
    font-size: 19px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -moz-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: -o-linear-gradient(bottom, #efefef, #fbfbfb);
    background-image: linear-gradient(to top, #efefef, #fbfbfb);
}

.cubeecontrolblackbg {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    margin: 0px;
    top: 0px;
    left: 0px;
    display: none;
}

.delbuddy {
    cursor: pointer;
    float: left;
    position: relative;
    top: 18px;
    font-size: 11pt;
    margin-left: 10px;
}

.grpbtncover {
    position: relative;
    top: 20px;
    margin-left: 0px;
    clear: both;
}

@media only screen and (max-width: 320px) /*(max-width: 568px) and (min-width: 320px)*/
{
    .settings_Box {
        width: 100%;
        height: 320px;
        webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .profile_setclose, #dvContactType {
        font-size: 12pt;
    }

    .proxctrl {
        padding: 10px !important;
    }

    .proxisave {
        width: 327px !important;
    }

    .delbuddy {
        margin-left: 0px;
    }

    .dropdownmenubg000 {
        left: -17px !important;
    }
}

@media only screen and (max-width: 375px) /*(max-width: 627px) and (min-width: 375px)*/
{
    .settings_Box {
        width: 100%;
        height: 320px;
        webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .profile_setclose, #dvContactType {
        font-size: 12pt;
    }

    .proxisave {
        width: 365px;
    }

    .delbuddy {
        margin-left: 0px;
    }

    .proximityalign {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 627px) /*(max-width: 627px) and (min-width: 375px)*/
{
    /*#navs
	{
		right: 8px !important;
		bottom: 79px !important;
		overflow-x: scroll;
		z-index: 999999999999 !important;
		width: 38px !important;
	}*/

}

.dropdownmenubg000 {
    position: relative;
    top: 6px;
    width: 395px;
    left: -5px;
    zoom: .9;
}

.loader {
    margin-top: -100px;
    zoom: .8;
}
/*.msg img
{
	min-height:300px;
}
img.forcedsize,img.profileSnippetOwnerImg
{
    min-height: auto;
}*/
#FeedPanels .sliders {
    display: none;
}

#FeedPanels .slidedone {
    display: inline;
}

#navs {
    position1: fixed;
    /*right: 50px;
    bottom: 88px;*/
    padding-right: 50px;
    /* overflow-x: scroll; */
    /* width: 239px; */
    height: 50px;
    line-height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 40px;
    text-align: center;
    /* color: #fff; */
    cursor: pointer;
    z-index: 999999999;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: .6s;
    /*box-shadow:1px 1px 5px black*/
}

.gridproxfilter {
    position1: fixed;
    right1: 5px;
    float: right;
    margin-top: -26px;
    margin-right: 3px;
    /* width: 300px !important; */
    bottom1: 88px;
    overflow: hidden;
    z-index: 99999999;
    /* overflow: hidden; */
    width: 30px;
    height: 32px;
    /* overflow: hidden; */
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: .6s;
    background: transparent !important;
}

    .gridproxfilter:before {
        /*content: attr(data-content);
    position: absolute;
    padding-left: 3px;
    padding-right: 3px;
    left: 10px;
    overflow: visible;
    font-size: 11pt;
    background: #4C4C4C !important;
    border-radius: 5px;
    color: white;
    background: #f2f2f2;*/
    }

#proxstatus {
    position: fixed;
    display: none;
    bottom1: 40px;
    padding: 10px;
    margin-top: -30px;
    border-radius: 10px;
    z-index: 99999999999;
    right1: 66px;
    font-size: 11pt;
    color: white;
    background: rgba(76, 76, 76, 0.85) !important;
}

.proxcircle {
    position1: fixed;
    right1: 4px;
    bottom1: 88px;
    width: 27px;
    height: 27px;
    line-height: 40px;
    list-style-type: none;
    background: white;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 99999999999;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: .6s;
    border: 1px solid #e0e0e0;
}

#navs > li,
#navs:after {
    position: absolute;
    left: 0px;
    margin-left: 3px;
    bottom1: 3px;
    padding-top: 1px;
    border: 1px solid #E4E4E4;
    width: 100%;
    height: 100%;
    color: black;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.proxactive {
    border-radius: 50% !important;
    border: 1px solid #5A5858 !important;
}

.buddylistBg {
    -webkit-transition: all .6s;
    -moz-transition: .6s;
}

#navs > li {
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: .6s;
    border-radius: 5px;
    padding: 0px;
    width: 21px;
    margin-top: 13px;
    height: 23px;
    border: 1px solid #B1AFAF;
    line-height: 24px;
    /*margin-left: 12px;*/
    bottom1: 9px;
    left: 2px;
}

/*#navs:after
{
  content:' ';
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: white;
}

#navs.active:after
{
	content:' ';
	background-color: white;
}*/

#navs a {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-decoration: none;
    color: #fff;
    font-size: 0.8em;
}

#mce_23, #mce_13, #mce_14, #mce_30 {
    display: none;
}

#mce_22-body {
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    /* box-shadow: 0px4px3pxrgba(214,213,213,0.37); */
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    padding-left: 20px;
    /* border-top-left-radius: 30px;*/
    border-top-right-radius: 30px;
    padding-top: 4px;
    border: 1px solid rgba(190,190,190,0.62);
    border-bottom: 0;
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    box-shadow: 0px4px3pxrgba(214,213,213,0.37);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}

#mce_21 {
    clear: both;
}

#mce_15 {
    margin-top: -10px;
}

.msg img, .proxconnector, .proxwidth, .slateanim, .gridproxfilter, .albummainimage, .dummydisplay, .albumbox img /*,.hidden,.visible*/ {
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: .6s;
}

.cubeeht .msgarea img /*[srcoriginals]*/ {
   /* min-height: 300px;*/
    /*transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: .6s;*/
}

.profileSnippetOwnerImg .forcedsize {
    min-height: auto!important;
}
.profileSnippetOwnerImg
{
	min-height: 30px !important;
	heght:30px;
}
img.arrow.nolightbox.forcedsize, img.profileSnippetOwnerImg, .ownerName img {
    min-height: auto!important;
    min-width: auto !important;
	
}

.cubeeht .msgarea .ownerName img {
    /*min-height: auto!important;
    min-width: auto !important;*/
	max-height: 30px!important;
    max-width: 30px !important;
}

.arrow {
    height: auto !important;
}

.blackbg {
    background: black;
}

.profileDiv_status {
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
}


.likeup {
    background: rgba(28, 217, 28, 0.3) !important;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
    /*transform: scale(1.1);*/
}

.likedown {
    background: rgba(231, 41, 41, 0.21) !important;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
}

.dislikeup {
    background: rgba(231, 41, 41, 0.21) !important;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
}

.dislikedown {
}

.commonup {
    background: rgb(187, 190, 187)!important; /*rgba(201, 224, 253, 0.8) */
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
}

.othersup {
    background: rgba(201, 224, 253, 0.8)!important;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: .15s;
    border-radius: 50%;
    -webkit-filter: grayscale(0) brightness(1) !important;
}

.commonresponse {
    /*-webkit-filter: grayscale(0) brightness(1) !important;	*/
}

html, body, div, span {
    -webkit-tap-highlight-color: transparent !important;
}

.commondown {
}

.clicked::after {
    background: rgba(111,148,182,0.1);
}

.clicked::after {
    -webkit-animation: anim-effect-boris 0.3s forwards;
    animation: anim-effect-boris 0.3s forwards;
}

@-webkit-keyframes anim-effect-boris {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 1);
        transform: scale3d(0.3, 0.3, 1);
    }

    25%, 50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}

#FeedPanels > .dummydisplay {
    display: block !important;
    visibility: visible !important;
}

.displaypanels {
    /*background: #F2F2F2;*/
    /*display:none !important*/
}

.albumthumbnails, .albumcontrolcover {
    position: fixed;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* min-height: 10em;*/
    width: 90%;
}

.icontainer, .icontent, .imgcont, .imgcont img {
    /*height:98% !important;*/
}

.imgeditbtn {
    height: 30px !important;
}

.albumcontrolcover {
    bottom: 80px !important;
}

.albummainimage {
    min-height: 300px !important;
}

@media only screen and (max-width: 481px) and (min-width: 100px) {
    .covertitle {
        /* width: 93% !important;*/
    }

    #alertbox {
        left: 8% !important;
    }

    .albummainimage {
        max-height: auto;
        min-height: auto !important;
    }
}

.radiuscubee {
    /*display:none to implement proximity on scroll*/
}

.slatename {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*body,html
{
   background-image: url('../img/snow/snow.png'), url('../img/snow/snow2.png'), url('../img/snow/snow3.png') !important;
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
	 background-color: #BCD6F1!important;
}*/
.previewimage {
    min-height: auto !important;
}

.getstarted .getstartcontainer > div {
    float: left;
}

.getstarted .getstartcontainer {
    width: 2500px;
    /*transition: all .15s;
    -webkit-transition: all .15s;*/
    -moz-transition: .15s;
    -webkit-transition: all 0.4s ease;
    transition: all .4s ease;
}

.getstarted .Cubee {
    overflow: hidden;
    text-align: center;
    /*width:298px !important;*/
}

.getstartcontainer img {
    /*margin-top: 8px;*/
}

span.getstarted {
    /*bottom: 82px !important;
    top: initial !important;
    left: initial !important;
    right: 0px;
    position: fixed !important;
    z-index: 999999;
	box-shadow: 0px 0px 8px #A1A1A1;
    background: white;
    border-radius: 0px 0px 10px 10px;*/
}

.sliders {
    position: relative;
    height: 250px;
    width: 100%;
    float: left;
}

    .sliders > * {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }

#singlecubee {
    /*box-shadow: 0px 0px 8px #A1A1A1;*/
}

    #singlecubee img {
        max-width: 300px;
        margin: 2px auto;
    }

.paging {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    cursor: pointer;
    margin-right: 8px;
}

.pagingactive {
    background: #007aff;
    opacity: 1;
}

.pagingdiv {
    margin-bottom: 10px;
}

.commentnotifyicon {
    display: none;
}

.profname {
    font-size: 10pt!important;
    font-weight: 600;
    position: relative;
    left: 7px;
    top: 11px;
}

.profcontsingle {
    height: 48px;
    background: rgb(236, 236, 236);
}

#singlecubee .msg img {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

#singlecubee .msg {
    max-height: 300px;
    overflow: auto;
}
/*#singlecube
{
	width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}*/
#upActivity {
    /*display:none;*/
}

.staticcubee, .buddyrequest, .grouprequest {
    /* position: absolute; */
    /* float: left;
    left: 0px !important;
    top: 0px !important;
    position: relative !important;
    margin-right: 10px !important;*/
}

.forcecubeewidth {
    width: 95% !important;
	position:absolute;
}

    .forcecubeewidth .cubeecubee {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 200px;
    }

    .forcecubeewidth .myGridZ .Cubee, .forcecubeewidth .myGridZ .cubeeContentDiv, .forcecubeewidth .myGridZ .profileDiv_blog, .forcecubeewidth .connectionDiv_Connection, .forcecubeewidth .profileDiv_album, .forcecubeewidth .profileDiv_status, .forcecubeewidth .date_Connection {
        width: 100% !important;
    }

#mainmenu {
    display: none;
}

.albummoremenu .buddymore {
    margin-left: -50px;
}

.albumsettingtext {
    display: none;
}

.gridbuddysuggestioncube .Cubee .suggestionheading {
    padding-left: 0px !important;
}

.gridbuddysuggestioncube .Cubee #suggestiondata {
    max-height: 251px;
    /*    overflow: auto;*/
}

.gridbuddysuggestioncube .Cubee {
    box-shadow: 0px 0px 8px #A1A1A1;
    background: white;
    border-radius: 0px 0px 10px 10px;
    max-height: 430px;
}

    .gridbuddysuggestioncube .Cubee .buddylistBg {
        clear: both;
        margin-top: 0px;
        border-radius: 0px!important;
        width: 100%;
        box-shadow: none;
        border: 0px !important;
        border-bottom: 1px dashed #CACACA !important;
    }

    .gridbuddysuggestioncube .Cubee .buddylistitemtable {
        width: 100%;
    }

#alertbox {
    position: fixed;
    z-index: 99999999;
    width: 300px;
    padding: 11px;
    text-align: center;
    left: 30%;
    bottom: 80px;
    color: white;
    background: #5F5F5F;
    padding-top: 5px;
    font-size: 13pt;
    display: none;
}

img.forcedsize {
    width: auto !important;
    min-height: auto !important;
}

@media only screen and (max-width: 736px) and (min-width: 100px) {
    .icontent img {
        height: auto !important;
    }
}

.blogcubee .profileImage {
    /* margin-top: 15px;*/
}

.albumfeedcubee .myGridZ .profileName {
    margin-top: 0px!important;
}

.albumfeedcubee .sharedDate {
    margin-top: 0px !important;
}

.profilespan-small3 {
    margin-top: -5px;
}

.slaterow .commenttext, .blogcubee .commenttext {
    white-space: normal !important;
    margin-left: 50px!important;
    width: 85% !important;
    position: relative;
    top: -10px;
}

#CommentList .commenttext {
    padding-left: 0px;
    margin-left: 38px!important;
}

#mce_29 {
    height: 360px;
}

#Editor_ifr {
    height: 360px !important;
}

@media only screen and (max-width: 1024px) and (min-width: 100px) {
    #Editor_ifr {
        height: 127px !important;
    }

    #mce_29 {
        height: 127px;
        overflow: auto;
    }
}

@media only screen and (max-width: 900px) and (min-width: 738px) {
    .editortable {
        /*left: 14%;*/
    }
}

@media only screen and (max-width: 481px) and (min-width: 100px) {
    .suggcontrols {
        /*display: none;*/
    }

    .myGridZ .Cubee {
        padding-top: 1px;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        border-radius1: 0px;
        box-shadow: 0px 0px 10px #838383;
    }

    body {
        overflow-x: hidden;
    }

    #FeedPanels {
        width: 99%;
        margin-left: 2px;
    }

    .panelframe, .gridelement, .panelholder1 {
        /*width: 100% !important;
		width: 102% !important;*/
        left: 0px;
    }

        .gridelement.staticcubee.myGridZ.invitecubes, span.gridelement.myGridZ.staticcubee.getstarted {
            margin-bottom: 10px;
        }

    .imagePortrait, .imageLandscape, .myGridZ .blogPicturePortrait, .blogPictureLandscape {
        width: 98%;
    }

    .Cubee {
        border-radius: 0px;
    }

    .imageLandscape {
        width: 100%;
    }

    .covertitle {
        background: none !important;
        /*width: 98% !important;*/
        width: 100% !important;
        margin-top: -294px;
        /*margin-left: -5px;*/
    }

    .upmessage {
        padding: 1px;
    }

    .clipartimageloaderalbum {
        margin-top: 0px;
    }

    .infocubes {
        left: auto !important;
        top: auto !important;
    }

    .gridbuddysuggestioncube .Cubee {
       /* overflow: auto !important;*/
        -webkit-overflow-scrolling: touch !important;
    }
}
/*.previewbox>img {
    width: auto !important;
}*/
.infocubes {
    left: 0px !important;
    top: 0px !important;
}
/*.getstarted
	{
		left: 315px !important;
		top: 0px !important;
	}*/
/*.imgwrappers
{
	min-height:175px;

	width: 100%;

    text-align: center;
    overflow-y: hidden;

    cursor: pointer;
    clear: both;
}
.imgwrappers img
{
	height:100%;
}*/
.profileDiv_album .profileName {
    margin-top: 8px!important;
}

.loggedusername {
    float: right;
    font-size: 11pt;
    padding-top: 7px;
    margin-right: 10px;
    -webkit-user-select: none;
}

.searchmenudiv {
    width: 217px;
    margin-top: 38px;
    border: 0px;
    display: none;
}

.logmenudiv {
    width: 293px;
    margin-top: 38px;
    right: 0px;
    display: none;
}

#mainmenu {
    display: none;
}

.topbar {
    position: fixed;
    display: none;
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.99);
    top: 0px;
    z-index: 99999;
    color: #242424;
    box-shadow: 0px 3px 6px #A8A8A8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.commentnotificationcube {
    position: fixed;
    top: 30px;
    z-index: 99;
    height: 100%;
    left: 0px;
    width: 375px;
    display: none;
}

    .commentnotificationcube .commentnotifycubee {
        height: 100%;
    }

.zmailrequestcube {
    position: fixed;
    top: 39px;
    z-index: 99;
    background: white;
    height: 100%;
    left: 0px;
    width: 375px;
    display: none;
}

.loggedusername, .mainiicon {
    cursor: pointer;
}

.ZMailCubee {
    max-height: 73%;
}

.invitecubes {
    position: fixed !important;
    z-index: 99;
}

    .invitecubes .Cubee {
        box-shadow: none;
        background: transparent;
    }

div#CommentList {
    max-height: 92%;
}

div#invitecube {
    display: none;
}

.Cubee .commonresponse {
    display: none;
}

#FeedPanels > div {
    height: 100%;
    margin-top: 24px;
}

#ClosePanelButton {
    top: 50px !important;
}

#GridmyslatefeedDiv #suggestiondata .coverspans {
    width: 90px;
    border-radius: 50%;
    border: 5px solid #ECECEC;
    height: 50px !important;
}

.gridbuddysuggestioncube .Cubee .buddylistitemtable {
    width: 276px;
    float: left;
    margin-top: 5px;
    margin-left: 25px;
    height: 100px!important;
}

.gridbuddysuggestioncube .Cubee .buddylistBg {
    clear: none;
    width: 290px;
    float: left;
}

.gridbuddysuggestioncube .Cubee {
    overflow: hidden;
    margin-bottom: 10px !important;
}

    .gridbuddysuggestioncube .Cubee #suggestiondata {
        /*width: 500000px !important;*/
        display: inline-block;
        margin-top: -4px;
        -moz-transition: .15s;
        -webkit-transition: all 0.4s ease;
        transition: all .4s ease;
    }

    .gridbuddysuggestioncube .Cubee .suggestionheading {
        padding-left: 0px !important;
        position: fixed;
    }

#suggestiondata .add {
    font-size: 11pt;
    position: relative;
    top: 6px;
}

.gridbuddysuggestioncube .Cubee .buddylistBg {
    border-bottom: 0px !important;
    margin-right: 0px;
}

.invitecubes {
    display: none;
}

.gridbuddysuggestioncube {
    box-shadow: 0px 0px 8px #A1A1A1;
    margin-top: 15px;
    margin-bottom: 7px;
    background: white;
    clear: both;
    position: absolute;
    left: -1500px;
}

.getstarted {
    position: absolute;
    left: -1500px;
}

.bs {
    -moz-transition: .15s;
    -webkit-transition: all 0.4s ease;
    transition: all .4s ease;
}

.gridbuddysuggestioncube .Cubee {
    box-shadow: none;
    clear: both;
    float: none;
}

#FeedPanels {
    display: block !important;
}

.suggcontrols {
    /* position: absolute;
    width: 100%;
    top: 0%;
    z-index: 9;
    font-size: 28pt;
    pointer-events: none;*/
}

.suggestionheading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
}

.suggleft {
    position: absolute;
    left: 0px;
    top: 16%;
    float: left;
    /*background: rgba(255, 255, 255, 0.59);*/
    width: 40px;
    height: 160px;
    text-align: center;
    line-height: 150px;
    cursor: pointer;
    z-index: 99;
}

.suggright {
    position: absolute;
    right: 0px;
    top: 16%;
    float: right;
    /* background: rgba(255, 255, 255, 0.6); */
    width: 40px;
    text-align: center;
    height: 160px;
    line-height: 150px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 99;
}

.centeradddiv {
    display: none;
}

.previewbox > div > .imageminheight {
    /*	width:auto !important;*/
}

.previewbox img {
    /*min-height: 200px !important;*/
    max-height: 300px !important;
    /*height: auto;
    width: auto;*/
}

.imageiminheight img {
    min-height: auto !important;
}

div > .imageminheight > .previewimage {
    width: 100% !important;
}

img.imageminheight {
    min-height: auto !important;
}

.sliders {
    min-height: 200px;
}

.topbar .mygridpanelmenu {
    display: block !important;
}



#Login .loginButton,
.infocubes .loginButton {
    width: 145px;
}


.gridpanelroundmenu {
    width: 400px;
    /*background: -moz-linear-gradient(top, rgba(229,229,229,0.87) 23%, white 100%);
   background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0.87) 23%,white 100%) !important;
    background: linear-gradient(to bottom, rgba(229,229,229,0.87) 23%,white 100%);
    box-shadow: 0px 10px 37px silver;
    border: 1px solid silver;*/
    -webkit-border-radius: 3px;
    -webkit-box-orient: vertical;
    -webkit-transition: 200ms transform;
    background: rgba(255, 255, 255, 0.94) !important;
    ;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    color: #333;
    display: -webkit-box;
    height: 300px !important;
    top: auto;
    bottom: 102px !important;
    /*transform: scale(.8) !important;  box-shadow: 0px 5px 40px #1f1f1f;*/
    overflow: scroll;
    overflow-x: hidden;
}

    .gridpanelroundmenu .menutxt {
        font-weight: bold;
        color: black;
        text-transform: uppercase;
        font-size: 11px!important;
    }

    .gridpanelroundmenu .panelcontainerdiv {
        width: 100% !important;
        height: 100px !important;
    }

#Gridpanel1Div {
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

#sidemenubtns {
    left: 55px;
}

.hint--left:before, .hint--left:after {
    font-size: 11px !important;
}

@media only screen and (min-width : 100px) and (max-width : 700px) {
    .gridpanelroundmenu {
        height: 54px !important;
        top: auto;
        bottom: -21px !important;
        overflow-x: auto !important;
        overflow: hidden;
        transform: scale(.8) !important;
        color: black !important;
        width: 283px !important;
        left: 34px !important;
        width: 80% !important;
        left: 10% !important;
        min-width: 80% !important;
        box-shadow: none;
        border: 0px;
        background: transparent!important;
        border-radius: 0px;
        z-index: 999999999999 !important;
        /* background: -moz-linear-gradient(top, rgba(255,255,255,0) 44%, rgba(255,255,255,1) 71%)!important;
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 44%,rgba(255, 255, 255, 0.6) 71%)!important;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 44%,rgba(255, 255, 255,0.6) 71%)!important;
   */
        /*background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(237,237,237,0.65) 100%);
		background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 23%,white 100%) !important;
		background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(237,237,237,0.65) 100%);*/
    }

    #sidemenubtns {
        bottom: 43px !important;
        left: 66px;
        display: none !important;
    }

    .txtbg {
        margin-top: -9px !important;
    }

    #GridmysearchDivIcon .txtbg,
    #GridmybuddylistDivIcon .txtbg,
    #GridmygroupsDivIcon .txtbg,
    #GridmycommunityDivIcon .txtbg,
    #GridmyalbumsDivIcon .txtbg,
    #GridmyeventsDivIcon .txtbg,
    #Gridstream-notesDivIcon .txtbg,
    #Gridstream-uploadedfilesDivIcon .txtbg,
    #Gridstream-experiencesDivIcon .txtbg,
    #panel-settingsmenu .txtbg,
    #GridmysearchDivIcon .txtbg {
        margin-top: -2px !important;
    }

    .gridpanelroundmenu .panelcontainerdiv {
        padding-bottom: 0px!important;
        width: 2025px!important;
        height: 100px!important;
        /* overflow-y: hidden; */
        overflow: hidden;
        position: relative;
        z-index: 99;
    }

    .IconSection {
        float: left;
        width: auto;
    }

    .btbar {
        width: 2940px;
        height: 30px;
        /*background: white;*/
        position: absolute;
        top: 70px;
        z-index: 1;
        /*	background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#ffffff',GradientType=0 );*/
    }

    .divContainerfeedsMenu {
        position: absolute;
        z-index: 99;
        width: 2025px!important;
    }

    .gridpanelroundmenu Gridpanel1Div::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(245, 245, 245, 0);
    }

    .gridpanelroundmenu div#mystuff > .leftmenubg:nth-child(1) {
        width: 100%;
        height: 200px !important;
        display: none;
    }

    .gridpanelroundmenu .menutxt {
        font-weight: bold;
        color: black;
        /*background: white;*/
        border-radius: 0px;
        text-shadow: 0px 0px 0px #515151;
        text-transform: uppercase;
    }

    #dvFeedMenuIds {
        height: 100px;
    }

    .hiddenbar1 {
        display: none;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 44%, rgba(255,255,255,1) 71%)!important;
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 44%,rgba(255, 255, 255, 0.6) 71%)!important;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 44%,rgba(255, 255, 255,0.6) 71%)!important;
    }

    .panelframe {
        width: 98% !important;
    }

    .panelholder {
        width: 99%;
    }
}

@media only screen and (min-width : 481px) and (max-width : 700px) {
    .gridpanelroundmenu {
        width: 100% !important;
        left: 0% !important;
    }
}

#sidemenubtns {
    bottom: 43px !important;
    left: 66px;
    display: none !important;
}

div#mystuff > .leftmenubg:nth-child(1) img.mygridpanelmenu,
div#mystuff > .leftmenubg:nth-child(1) .proffullname {
    display: none !important;
}

div#mystuff > .leftmenubg:nth-child(1) {
    width: 100%;
    height: 40px !important;
}

.menunotify {
    display: inline-table;
    position: absolute!important;
    margin-top: -5px;
    right: 95px;
}

#logoutbtn img {
    width: 30px !important;
    height: 30px !important;
}

#logoutbtn {
    /* left: 205px; */
    right: 35px;
    display: none !important;
}

#menulogoutbtn img {
    width: 30px !important;
    height: 30px !important;
}

#menulogoutbtn {
    /* left: 205px; */
    right: 35px;
}

.gridelement {
    display: inline-block;
}

.topbar {
    /* background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 30%, #d7d7d7 78%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(30%, #f1f1f1), color-stop(78%, #d7d7d7), color-stop(100%, #cfcfcf));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #f1f1f1 30%, #d7d7d7 78%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #f1f1f1 30%, #d7d7d7 78%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #f1f1f1 30%, #d7d7d7 78%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%, #f1f1f1 30%, #d7d7d7 78%, #cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#cfcfcf',GradientType=0 );*/
}
/*
.panelframe 
{
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.gridelement 
{
    display: inline-block;
   
    padding: 1.5em;  
  
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#FeedPanels {
    width: 95% !important;
    margin: 1.5em auto;
}
@media only screen and (min-width: 700px) {
    .panelframe {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .panelframe {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .panelframes {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1280px) {
    #FeedPanels {
        width: 1260px;
    }
}*/
#GridmysearchDiv .suggestionheading {
    margin-left: 0px !important;
}

#GridmysearchDiv .suggcontrols {
    display: none;
}

.LoginMenu a {
    /* border-bottom: 1px solid #E9E9E9;
    height: 40px;
    padding-left: 19px;*/
    border-right: 1px solid #E9E9E9;
    /* height: 40px; */
    padding-left: 19px;
    width: 40px;
    float: left;
    height: 66px;
    background: white;
}

.logmenudiv {
    /* width: 196px;
    height: 124px;
    margin-top: 38px;
    right: 0px;    
    display: none;*/
    width: 181px;
    height: 66px;
    margin-top: 38px;
    right: 45px;
    /* padding-left: 19px; */
    display: none;
}

.LoginMenuItems {
    height: 40px;
    padding: 0px !important;
    border-bottom: 0px;
}

    .LoginMenuItems img {
        width: 30px !important;
        margin-top: 6px;
        margin-left: -6px;
    }

.LoginMenuItems {
    clear: both;
    /* display: inline-block; */
    box-sizing: border-box;
    padding: 17px 13px;
    /* width: 68px; */
    margin-bottom: -4px;
    cursor: pointer;
    border-bottom: 1px solid #E9E9E9;
}

.LoginMenuItems {
    height: 40px;
    padding: 0px !important;
    border-bottom: 0px;
}

.LoginMenuText {
    margin-left: -10px;
    font-size: 11px !important;
    color: black;
    text-transform: uppercase;
    line-height: 17px !important;
    text-align: center;
}

.LoginMenu {
    background: white;
}

img.profileSnippetOwnerImg {
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -ms-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
    transition: all 0s ease !important;
}

.searchmenudiv a {
    border-bottom: 1px solid #E9E9E9;
    height: 40px;
    padding-left: 19px;
    width: 92%;
    /* float: left; */
    height: 43px;
}

.searchmenudiv .LoginMenuItems {
    height: 40px;
    padding: 0px !important;
    border-bottom: 0px;
}

    .searchmenudiv .LoginMenuItems img {
        width: 30px !important;
        margin-top: 8px;
        margin-left: -6px;
    }

.searchmenudiv .LoginMenuText {
    margin-left: 10px;
    font-size: 11px !important;
    color: black;
    text-transform: uppercase;
    line-height: 49px !important;
    text-align: center;
}

.Mobhead {
    /*text-align: left;*/
    margin-left: 11px;
    font-size: 14pt !important;
}

.moblefthalfdiv {
    width: 18%;
    padding-left: 16px;
    float: left;
    margin-top: 2px;
    line-height: 28px;
    font-size: 11pt;
}

.mobupdate {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
    padding: 5px 11px !important;
}

.mobbutton {
    padding: 6px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,.31);
    box-shadow: 0 3px 4px rgba(0,0,0,.31);
    border: solid 1px #d5d5d5;
    background-image: -webkit-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -moz-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: -o-linear-gradient(bottom,#efefef,#fbfbfb);
    background-image: linear-gradient(to top,#efefef,#fbfbfb);
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 10px;
}

.mobtextbox {
    background: #fff;
    border: 0px solid #e0e0e0;
    font-size: 10pt;
    width: 70%;
    line-height: 28px;
    margin-top: 2px;
    border: solid 0px rgba(207,207,207,.69);
    border-bottom: 1px solid #b7b4b4;
    /*
	
	padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
    margin-left: 10px;
  width: 50%;
  */
}

    .mobtextbox:focus {
        border-bottom: solid 2px #b7b4b4 !important;
    }

.mobtextbox2 {
    background: #fff;
    border: 0px solid #e0e0e0;
    font-size: 10pt;
    width: 16%;
    line-height: 28px;
    margin-top: 2px;
    border-bottom: 1px solid #b7b4b4;
    /*
	
		padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
  margin-left: 40px;
  width: 20%;
  float:left;*/
}

.mobtextbox3 {
    background: #fff;
    border: 0px solid #e0e0e0 !important;
    font-size: 10pt;
    width: 20%;
    line-height: 28px;
    margin-top: 2px;
    /*	
	padding: 10px;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
	margin-left: 40px;
	width: 20%;
	float:left;*/
}

.mobtextbox2:focus {
    border-bottom: solid 2px #b7b4b4 !important;
}

.mobtextboxout {
    background: #fff;
    /*border: 1px solid #e0e0e0;*/
    font-size: 10pt;
    width: 70%;
    line-height: 28px;
    margin-top: 2px;
    /*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    box-shadow: 1px 1px 1px rgba(0,0,0,.13);
    border: solid 1px rgba(207,207,207,.69);*/
    margin: 0px auto;
    text-align: center;
}

div#mgzchatbox {
    position: fixed;
    top: 40px;
    height: 95%;
    width: 377px;
    z-index: 99999999999;
    display: none;
    box-shadow: -9px 27px 49px #575757;
    background: #f2f2f2;
    right: 0px;
}

.ZChatCubee {
    height: 100%;
}

@media only screen and (min-width : 0px) and (max-width : 481px) {
    div#mgzchatbox {
        top: 2px;
        height: 100%;
        width: 100%;
        position: absolute;
    }
}

.ZChatCubee .closepanelbutton {
    z-index: 99999999 !important;
    top: 39px;
}

.LoginMenuItems img, .divContainerfeedsMenu img, .topiconholder img, .slatemenuicon {
    -webkit-filter: grayscale(0.5) invert(1) contrast(1.0);
    filter: grayscale(0.5) invert(1) contrast(1.0);
    background: black !important;
    background: white !important;
    /* background: transparent !important; */
    -webkit-filter: invert(1);
    filter: invert(1);
    -webkit-filter: invert(1) grayscale(1) contrast(0.8);
    filter: invert(1) grayscale(1) contrast(0.8);
    -webkit-filter: invert(1) grayscale(0.8) contrast(0.8);
    filter: invert(1) grayscale(0.8) contrast(0.8);
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(1);
}

.rightMargin .imageminheight, .bottomMargin .imageminheight {
    min-height: auto !important;
}

.rightMargin img {
    width: 100% !important;
}
.fromstorage {
   /* box-shadow: -2px 1px 1px red !important;
	display:none !important;*/
}
.fromstorage .likedislike {
	/*removing this
    /*opacity: .3;*/
}

/*@charset "UTF-8";

@font-face {
  font-family: "untitled-font-1";
  src:url("fonts/untitled-font-1.eot");
  src:url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("fonts/untitled-font-1.woff") format("woff"),
    url("fonts/untitled-font-1.ttf") format("truetype"),
    url("fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  font-size: 17pt;
    color: gray;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-thumbs-o-up:before {
  content: "\61";
}
.icon-thumbs-up:before {
  content: "\62";
}*/
div.mce-edit-area {
    background: #FFF;
    filter: none;
    border: 1px solid #c7c6c6 !important;
}

div#mce_25 {
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    padding-left: 20px;
    /* border-top-left-radius: 30px; */
    border-top-right-radius: 30px;
    padding-top: 4px;
    border: 1px solid rgba(190,190,190,0.62);
    border-bottom: 0;
    background-image: linear-gradient(to top,#F7F7F7,#FFF);
    box-shadow: 0px4px3pxrgba(214,213,213,0.37);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -moz-transition: -moz-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}

#mce_18 {
    clear: both;
}

#mce_26, #mce_15, #mce_16 {
    display: none;
}

.mce-statusbar {
    display: none !important;
}

#mce_29, #mce_13, #mce_14 {
    display: inline-block;
    height: auto;
    border: 0px !important;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zspinanimation {
    0% {
        -webkit-transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
    }
}

@-moz-keyframes zspinanimation {
    0% {
        -moz-transform: rotateY(0);
    }

    100% {
        -moz-transform: rotateY(-360deg);
    }
}

@-o-keyframes zspinanimation {
    0%;

{
    -o-transform: rotateY(0);
}

100% {
    -o-transform: rotateY(-360deg);
}

}

@keyframes zspinanimation {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zspinanimation {
    from {
        -webkit-transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@-moz-keyframes zspinanimation {
    from {
        -moz-transform: rotateY(0);
    }

    to {
        -moz-transform: rotateY(-360deg);
    }
}

@-o-keyframes zspinanimation {
    from;

{
    -o-transform: rotateY(0);
}

to {
    -o-transform: rotateY(-360deg);
}

}

@keyframes zspinanimation {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zspinanimationx {
    from {
        -webkit-transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(-360deg);
    }
}

@-moz-keyframes zspinanimationx {
    from {
        -moz-transform: rotateX(0);
    }

    to {
        -moz-transform: rotateX(-360deg);
    }
}

@-o-keyframes zspinanimationx {
    from;

{
    -o-transform: rotateX(0);
}

to {
    -o-transform: rotateX(-360deg);
}

}

@keyframes zspinanimationx {
    from {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(-360deg);
        -moz-transform: rotateX(-360deg);
        -ms-transform: rotateX(-360deg);
        transform: rotateX(-360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zspinanimationy {
    from {
        -webkit-transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@-moz-keyframes zspinanimationy {
    from {
        -moz-transform: rotateY(0);
    }

    to {
        -moz-transform: rotateY(-360deg);
    }
}

@-o-keyframes zspinanimationy {
    from;

{
    -o-transform: rotateY(0);
}

to {
    -o-transform: rotateY(-360deg);
}

}

@keyframes zspinanimationy {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zspinanimationz {
    from {
        -webkit-transform: rotateZ(0);
    }

    to {
        -webkit-transform: rotateZ(-360deg);
    }
}

@-moz-keyframes zspinanimationz {
    from {
        -moz-transform: rotateZ(0);
    }

    to {
        -moz-transform: rotateZ(-360deg);
    }
}

@-o-keyframes zspinanimationz {
    from;

{
    -o-transform: rotateZ(0);
}

to {
    -o-transform: rotateZ(-360deg);
}

}

@keyframes zspinanimationz {
    from {
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    to {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotateY(0);
    }

    to {
        -moz-transform: rotateY(360deg);
    }
}

@-o-keyframes spin {
    from;

{
    -o-transform: rotateY(0);
}

to {
    -o-transform: rotateY(360deg);
}

}

@keyframes spin {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimcrawl {
    0% {
        top: 430px;
    }

    100% {
        top: -2600px;
    }
}

@-moz-keyframes zanimcrawl {
    0% {
        top: 430px;
    }

    100% {
        top: -2600px;
    }
}

@-o-keyframes zanimcrawl {
    0%;

{
    top: 430px;
}

100% {
    top: -2600px;
}

}

@keyframes zanimcrawl {
    0% {
        top: 430px;
    }

    100% {
        top: -2600px;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimrecede {
    0% {
        -webkit-transform: scale(5);
    }

    100% {
        -webkit-transform: scale(0.01);
    }
}

@-moz-keyframes zanimrecede {
    0% {
        -moz-transform: scale(5);
    }

    100% {
        -moz-transform: scale(0.01);
    }
}

@-o-keyframes zanimrecede {
    0%;

{
    -o-transform: scale(5);
}

100% {
    -o-transform: scale(0.01);
}

}

@keyframes zanimrecede {
    0% {
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
    }

    100% {
        -webkit-transform: scale(0.01);
        -moz-transform: scale(0.01);
        -ms-transform: scale(0.01);
        transform: scale(0.01);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimunzoom {
    0% {
        -webkit-transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zanimunzoom {
    0% {
        -moz-transform: scale(1.5);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes zanimunzoom {
    0%;

{
    -o-transform: scale(1.5);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes zanimunzoom {
    0% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimunzoomsmall {
    0% {
        -webkit-transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zanimunzoomsmall {
    0% {
        -moz-transform: scale(1.5);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes zanimunzoomsmall {
    0%;

{
    -o-transform: scale(1.5);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes zanimunzoomsmall {
    0% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimunzoomsmaller {
    0% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zanimunzoomsmaller {
    0% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes zanimunzoomsmaller {
    0%;

{
    -o-transform: scale(1.1);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes zanimunzoomsmaller {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimspiral {
    0% {
        -webkit-transform: scale(5) rotateZ(0deg);
    }

    100% {
        -webkit-transform: scale(0.01) rotateZ(360deg);
    }
}

@-moz-keyframes zanimspiral {
    0% {
        -moz-transform: scale(5) rotateZ(0deg);
    }

    100% {
        -moz-transform: scale(0.01) rotateZ(360deg);
    }
}

@-o-keyframes zanimspiral {
    0%;

{
    -o-transform: scale(5) rotateZ(0deg);
}

100% {
    -o-transform: scale(0.01) rotateZ(360deg);
}

}

@keyframes zanimspiral {
    0% {
        -webkit-transform: scale(5) rotateZ(0deg);
        -moz-transform: scale(5) rotateZ(0deg);
        -ms-transform: scale(5) rotateZ(0deg);
        transform: scale(5) rotateZ(0deg);
    }

    100% {
        -webkit-transform: scale(0.01) rotateZ(360deg);
        -moz-transform: scale(0.01) rotateZ(360deg);
        -ms-transform: scale(0.01) rotateZ(360deg);
        transform: scale(0.01) rotateZ(360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimspiralunzoom {
    0% {
        -webkit-transform: scale(5) rotateZ(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
    }
}

@-moz-keyframes zanimspiralunzoom {
    0% {
        -moz-transform: scale(5) rotateZ(0deg);
    }

    100% {
        -moz-transform: scale(1) rotateZ(360deg);
    }
}

@-o-keyframes zanimspiralunzoom {
    0%;

{
    -o-transform: scale(5) rotateZ(0deg);
}

100% {
    -o-transform: scale(1) rotateZ(360deg);
}

}

@keyframes zanimspiralunzoom {
    0% {
        -webkit-transform: scale(5) rotateZ(0deg);
        -moz-transform: scale(5) rotateZ(0deg);
        -ms-transform: scale(5) rotateZ(0deg);
        transform: scale(5) rotateZ(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        -moz-transform: scale(1) rotateZ(360deg);
        -ms-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimdeathspiral {
    0% {
        -webkit-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
    }

    100% {
        -webkit-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
    }
}

@-moz-keyframes zanimdeathspiral {
    0% {
        -moz-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
    }

    100% {
        -moz-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
    }
}

@-o-keyframes zanimdeathspiral {
    0%;

{
    -o-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
}

100% {
    -o-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
}

}

@keyframes zanimdeathspiral {
    0% {
        -webkit-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
        -moz-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
        -ms-transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
        transform: scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px);
    }

    100% {
        -webkit-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
        -moz-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
        -ms-transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
        transform: scale(0.01) rotateZ(360deg) rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimzcreateeffect {
    0% {
        -webkit-transform: scale(0.1) rotateZ(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) rotateZ(0deg);
        opacity: 1.0;
    }
}

@-moz-keyframes zanimzcreateeffect {
    0% {
        -moz-transform: scale(0.1) rotateZ(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1) rotateZ(0deg);
        opacity: 1.0;
    }
}

@-o-keyframes zanimzcreateeffect {
    0%;

{
    -o-transform: scale(0.1) rotateZ(-90deg);
    opacity: 0;
}

100% {
    -o-transform: scale(1) rotateZ(0deg);
    opacity: 1.0;
}

}

@keyframes zanimzcreateeffect {
    0% {
        -webkit-transform: scale(0.1) rotateZ(-90deg);
        -moz-transform: scale(0.1) rotateZ(-90deg);
        -ms-transform: scale(0.1) rotateZ(-90deg);
        transform: scale(0.1) rotateZ(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) rotateZ(0deg);
        -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1.0;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zanimzcreateeffecty {
    0% {
        -webkit-transform: scale(1) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        opacity: 1.0;
    }
}

@-moz-keyframes zanimzcreateeffecty {
    0% {
        -moz-transform: scale(1) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        opacity: 1.0;
    }
}

@-o-keyframes zanimzcreateeffecty {
    0%;

{
    -o-transform: scale(1) rotateY(-90deg);
    opacity: 0;
}

100% {
    -o-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
    opacity: 1.0;
}

}

@keyframes zanimzcreateeffecty {
    0% {
        -webkit-transform: scale(1) rotateY(-90deg);
        -moz-transform: scale(1) rotateY(-90deg);
        -ms-transform: scale(1) rotateY(-90deg);
        transform: scale(1) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        -moz-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        -ms-transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        transform: scale(1) rotateY(0deg) translateX(0px) translateY(0px);
        opacity: 1.0;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(2);
    }

    50% {
        -webkit-transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes heartbeat {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(2);
    }

    50% {
        -moz-transform: scale(1.5);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes heartbeat {
    0%;

{
    -o-transform: scale(1);
}

25% {
    -o-transform: scale(2);
}

50% {
    -o-transform: scale(1.5);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fade {
    0%;

{
    opacity: 1;
}

95% {
    opacity: 1;
}

100% {
    opacity: 0;
}

}

@keyframes fade {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes appear {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes appear {
    0%;

{
    opacity: 0;
}

25% {
    opacity: 0.2;
}

100% {
    opacity: 1;
}

}

@keyframes appear {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes appearfromdim {
    0% {
        opacity: 0.1;
        -webkit-transform: scale(0.1);
    }

    25% {
        opacity: 0.6;
        -webkit-transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes appearfromdim {
    0% {
        opacity: 0.1;
        -moz-transform: scale(0.1);
    }

    25% {
        opacity: 0.6;
        -moz-transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes appearfromdim {
    0%;

{
    opacity: 0.1;
    -o-transform: scale(0.1);
}

25% {
    opacity: 0.6;
    -o-transform: scale(0.3);
}

100% {
    opacity: 1;
    -o-transform: scale(1);
}

}

@keyframes appearfromdim {
    0% {
        opacity: 0.1;
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        transform: scale(0.1);
    }

    25% {
        opacity: 0.6;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes appearfromnothing {
    0% {
        opacity: 0.5;
    }

    25% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes appearfromnothing {
    0% {
        opacity: 0.5;
    }

    25% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes appearfromnothing {
    0%;

{
    opacity: 0.5;
}

25% {
    opacity: 0.6;
}

100% {
    opacity: 1;
}

}

@keyframes appearfromnothing {
    0% {
        opacity: 0.5;
    }

    25% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 800px);
    }
}

@-moz-keyframes drop {
    0% {
        -moz-transform: translate(0px, -50px);
    }

    100% {
        -moz-transform: translate(0px, 800px);
    }
}

@-o-keyframes drop {
    0%;

{
    -o-transform: translate(0px, -50px);
}

100% {
    -o-transform: translate(0px, 800px);
}

}

@keyframes drop {
    0% {
        -webkit-transform: translate(0px, -50px);
        -moz-transform: translate(0px, -50px);
        -ms-transform: translate(0px, -50px);
        transform: translate(0px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 800px);
        -moz-transform: translate(0px, 800px);
        -ms-transform: translate(0px, 800px);
        transform: translate(0px, 800px);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes clockwisespin {
    0% {
        -webkit-transform: rotate(-50deg);
    }

    100% {
        -webkit-transform: rotate(50deg);
    }
}

@-moz-keyframes clockwisespin {
    0% {
        -moz-transform: rotate(-50deg);
    }

    100% {
        -moz-transform: rotate(50deg);
    }
}

@-o-keyframes clockwisespin {
    0%;

{
    -o-transform: rotate(-50deg);
}

100% {
    -o-transform: rotate(50deg);
}

}

@keyframes clockwisespin {
    0% {
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        transform: rotate(-50deg);
    }

    100% {
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        transform: rotate(50deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes counterclockwisespinandflip {
    0% {
        -webkit-transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        -webkit-transform: scale(-1, 1) rotate(-50deg);
    }
}

@-moz-keyframes counterclockwisespinandflip {
    0% {
        -moz-transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        -moz-transform: scale(-1, 1) rotate(-50deg);
    }
}

@-o-keyframes counterclockwisespinandflip {
    0%;

{
    -o-transform: scale(-1, 1) rotate(50deg);
}

100% {
    -o-transform: scale(-1, 1) rotate(-50deg);
}

}

@keyframes counterclockwisespinandflip {
    0% {
        -webkit-transform: scale(-1, 1) rotate(50deg);
        -moz-transform: scale(-1, 1) rotate(50deg);
        -ms-transform: scale(-1, 1) rotate(50deg);
        transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        -webkit-transform: scale(-1, 1) rotate(-50deg);
        -moz-transform: scale(-1, 1) rotate(-50deg);
        -ms-transform: scale(-1, 1) rotate(-50deg);
        transform: scale(-1, 1) rotate(-50deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zpageeffect {
    0% {
        -webkit-transform: rotateY(0deg) translateX(50%);
    }

    100% {
        -webkit-transform: rotateY(-180deg) translateX(50%);
    }
}

@-moz-keyframes zpageeffect {
    0% {
        -moz-transform: rotateY(0deg) translateX(50%);
    }

    100% {
        -moz-transform: rotateY(-180deg) translateX(50%);
    }
}

@-o-keyframes zpageeffect {
    0%;

{
    -o-transform: rotateY(0deg) translateX(50%);
}

100% {
    -o-transform: rotateY(-180deg) translateX(50%);
}

}

@keyframes zpageeffect {
    0% {
        -webkit-transform: rotateY(0deg) translateX(50%);
        -moz-transform: rotateY(0deg) translateX(50%);
        -ms-transform: rotateY(0deg) translateX(50%);
        transform: rotateY(0deg) translateX(50%);
    }

    100% {
        -webkit-transform: rotateY(-180deg) translateX(50%);
        -moz-transform: rotateY(-180deg) translateX(50%);
        -ms-transform: rotateY(-180deg) translateX(50%);
        transform: rotateY(-180deg) translateX(50%);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zpageeffectback {
    0% {
        -webkit-transform: rotateY(-180deg) translateX(50%);
    }

    100% {
        -webkit-transform: rotateY(0deg) translateX(50%);
    }
}

@-moz-keyframes zpageeffectback {
    0% {
        -moz-transform: rotateY(-180deg) translateX(50%);
    }

    100% {
        -moz-transform: rotateY(0deg) translateX(50%);
    }
}

@-o-keyframes zpageeffectback {
    0%;

{
    -o-transform: rotateY(-180deg) translateX(50%);
}

100% {
    -o-transform: rotateY(0deg) translateX(50%);
}

}

@keyframes zpageeffectback {
    0% {
        -webkit-transform: rotateY(-180deg) translateX(50%);
        -moz-transform: rotateY(-180deg) translateX(50%);
        -ms-transform: rotateY(-180deg) translateX(50%);
        transform: rotateY(-180deg) translateX(50%);
    }

    100% {
        -webkit-transform: rotateY(0deg) translateX(50%);
        -moz-transform: rotateY(0deg) translateX(50%);
        -ms-transform: rotateY(0deg) translateX(50%);
        transform: rotateY(0deg) translateX(50%);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes borderghost {
    from {
        -webkit-transform: scaleX(1) rotateY(20deg);
    }

    to {
        -webkit-transform: scaleX(2) rotateY(45deg);
    }
}

@-moz-keyframes borderghost {
    from {
        -moz-transform: scaleX(1) rotateY(20deg);
    }

    to {
        -moz-transform: scaleX(2) rotateY(45deg);
    }
}

@-o-keyframes borderghost {
    from;

{
    -o-transform: scaleX(1) rotateY(20deg);
}

to {
    -o-transform: scaleX(2) rotateY(45deg);
}

}

@keyframes borderghost {
    from {
        -webkit-transform: scaleX(1) rotateY(20deg);
        -moz-transform: scaleX(1) rotateY(20deg);
        -ms-transform: scaleX(1) rotateY(20deg);
        transform: scaleX(1) rotateY(20deg);
    }

    to {
        -webkit-transform: scaleX(2) rotateY(45deg);
        -moz-transform: scaleX(2) rotateY(45deg);
        -ms-transform: scaleX(2) rotateY(45deg);
        transform: scaleX(2) rotateY(45deg);
    }
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes zpaletteopenaction {
    0% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-moz-keyframes zpaletteopenaction {
    0% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-o-keyframes zpaletteopenaction {
    0%;

{
    opacity: 0.0;
}

100% {
    opacity: 1.0;
}

}

@keyframes zpaletteopenaction {
    0% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.㭋 > img {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.㪰㬫 > img1 {
    box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.8);
}

.㪰㬫 {
    box-shadow: 7px 7px 73px rgba(0, 0, 0, 0.9);
}

    .㪰㬫 > img {
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
    }

.㪯㶎, .㪰㹽 {
    -webkit-transform: scaleX(1) rotateZ(-90deg);
    -moz-transform: scaleX(1) rotateZ(-90deg);
    -o-transform: scaleX(1) rotateZ(-90deg);
    -ms-transform: scaleX(1) rotateZ(-90deg);
    transform: scaleX(1) rotateZ(-90deg);
}

.㪰㹽 {
    box-shadow: 7px 7px 73px rgba(0, 0, 0, 0.9);
}

.zcubesmenudrop {
    background-color: transparent;
}

.zcubesmenudroppalette {
    background-color: transparent;
    box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    padding: 200px;
    position: absolute;
    -webkit-transform: rotateX(100deg) translateZ(196px);
    -moz-transform: rotateX(100deg) translateZ(196px);
    -o-transform: rotateX(100deg) translateZ(196px);
    -ms-transform: rotateX(100deg) translateZ(196px);
    transform: rotateX(100deg) translateZ(196px);
    background: #d8e0de;
    background: -moz-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e0de), color-stop(22%, #aebfbc), color-stop(33%, #99afab), color-stop(50%, #8ea6a2), color-stop(67%, #829d98), color-stop(82%, #4e5c5a), color-stop(100%, #0e0e0e));
    background: -webkit-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    background: -o-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    background: -ms-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    background: linear-gradient(to bottom, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e0de', endColorstr='#0e0e0e', GradientType=0);
    z-index: -1000;
    opacity: 0.2;
}

#zCubesPanelMenuStandardBoard > table, .zCubesPanelMenuStandardBoardLike {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
}

.zpaneldivmain {
    border-radius: 25px;
    left: 150px !important;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    vertical-align: middle;
}

.zCubesPanelMenuActionButtons {
    border-radius: 5px;
    padding: 5px;
    vertical-align: middle;
}

#㪯㸝 img {
    visibility: hidden;
    display: none;
}

.zcubedropbutton {
    background-image: url("../img/2251.jpg");
    border-radius: 50%;
    box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.8);
    padding: 10px;
}

    .zcubedropbutton .㪰㬫 {
        background-image: url("../img/2251.jpg");
        border-radius: 10px;
    }

    .zcubedropbutton:hover {
        background-image: url(../img/1072.png);
        background-color: white;
    }

.㪰㹾 {
    background-color1: transparent;
}

.㪰㬁 {
    -webkit-box-reflect: below 5px url(../img/1071.png);
    -moz-box-reflect: below 5px url(../img/1071.png);
    -o-box-reflect: below 5px url(../img/1071.png);
    -ms-box-reflect: below 5px url(../img/1071.png);
    box-reflect: below 5px url(../img/1071.png);
}

.㪮㰲 {
    -webkit-box-reflect: none !important;
    -moz-box-reflect: none !important;
    -o-box-reflect: none !important;
    -ms-box-reflect: none !important;
    box-reflect: none !important;
}

.㪮㮘 {
    background-color: transparent;
    border: thin;
    text-decoration: underline;
}

    .㪮㮘:active, .㪮㮘:hover {
        text-decoration: none;
    }

.㪰㹿 {
    background-color: white;
    border: thick;
    text-decoration: none;
}

.㪱㪘 {
    border-radius: 15px;
    outline: none;
}

.㪱㪙 {
    background-color: black;
    color: white;
    background-image: -webkit-gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: -o-gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: -ms-gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-repeat: no-repeat;
    font-family: Garamond,Verdana, Arial;
    font-size: 12px;
}

.zanimspace {
    width: 100%;
    height: 100%;
    -webkit-perspective-origin: 50% 225px;
    -webkit-perspective: 8000;
}

.zanimspaceperspective1 {
    -webkit-perspective-origin: 50% 225px;
    -moz-perspective-origin: 50% 225px;
    -o-perspective-origin: 50% 225px;
    -ms-perspective-origin: 50% 225px;
    perspective-origin: 50% 225px;
    -webkit-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    -ms-perspective: 800;
    perspective: 800;
}

.㪱㪚 {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -webkit-transform 2s;
    -o-transition: -webkit-transform 2s;
    -ms-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.㪱㪛 {
    position: relative;
    top: 160px;
    margin: 0 auto;
    height: 200px;
    width: 200px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.㪰㬲 {
    overflow: visible !important;
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}

.㪱㪜 {
    position: absolute;
    height: 200px;
    width: 200px;
    border: 1px solid white;
    border-radius: 12px;
    box-sizing: border-box;
    text-align: center;
    font-family: Times, serif;
    font-size: 124pt;
    color: black;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: -webkit-transform 2s, opacity 2s;
    -moz-transition: -webkit-transform 2s, opacity 2s;
    -o-transition: -webkit-transform 2s, opacity 2s;
    -ms-transition: -webkit-transform 2s, opacity 2s;
    transition: -webkit-transform 2s, opacity 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.㪱㪝 {
    -webkit-animation-fill-mode: forwards !important;
    -moz-animation-fill-mode: forwards !important;
    -o-animation-fill-mode: forwards !important;
    -ms-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
}

.㪱㪞, .paused {
    -webkit-animation-play-state: paused !important;
    -moz-animation-play-state: paused !important;
    -o-animation-play-state: paused !important;
    -ms-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

.㪱㪟 {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
}

.㪱㪠 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.㪱㪡 {
    -webkit-animation: zspinanimation 8s infinite linear;
    -moz-animation: zspinanimation 8s infinite linear;
    -o-animation: zspinanimation 8s infinite linear;
    -ms-animation: zspinanimation 8s infinite linear;
    animation: zspinanimation 8s infinite linear;
}

.㪱㪢 {
    -webkit-animation: zspinanimationx 8s infinite linear;
    -moz-animation: zspinanimationx 8s infinite linear;
    -o-animation: zspinanimationx 8s infinite linear;
    -ms-animation: zspinanimationx 8s infinite linear;
    animation: zspinanimationx 8s infinite linear;
}

.㪱㪣 {
    -webkit-animation: zspinanimationy 8s infinite linear;
    -moz-animation: zspinanimationy 8s infinite linear;
    -o-animation: zspinanimationy 8s infinite linear;
    -ms-animation: zspinanimationy 8s infinite linear;
    animation: zspinanimationy 8s infinite linear;
}

.㪱㪤 {
    -webkit-animation: zspinanimationz 8s infinite linear;
    -moz-animation: zspinanimationz 8s infinite linear;
    -o-animation: zspinanimationz 8s infinite linear;
    -ms-animation: zspinanimationz 8s infinite linear;
    animation: zspinanimationz 8s infinite linear;
}

.㪱㪥 {
    -webkit-animation: zspinanimationx 2s 1 ease-in-out;
    -moz-animation: zspinanimationx 2s 1 ease-in-out;
    -o-animation: zspinanimationx 2s 1 ease-in-out;
    -ms-animation: zspinanimationx 2s 1 ease-in-out;
    animation: zspinanimationx 2s 1 ease-in-out;
}

.㪱㪦 {
    -webkit-animation: zspinanimationz 1s 1 ease-in-out;
    -moz-animation: zspinanimationz 1s 1 ease-in-out;
    -o-animation: zspinanimationz 1s 1 ease-in-out;
    -ms-animation: zspinanimationz 1s 1 ease-in-out;
    animation: zspinanimationz 1s 1 ease-in-out;
}

.㪱㪧 {
    -webkit-animation: zspinanimationx 1s 1 ease-in-out;
    -moz-animation: zspinanimationx 1s 1 ease-in-out;
    -o-animation: zspinanimationx 1s 1 ease-in-out;
    -ms-animation: zspinanimationx 1s 1 ease-in-out;
    animation: zspinanimationx 1s 1 ease-in-out;
}

.㪱㪨 {
    -webkit-animation: appear 1s 1 ease-in-out;
    -moz-animation: appear 1s 1 ease-in-out;
    -o-animation: appear 1s 1 ease-in-out;
    -ms-animation: appear 1s 1 ease-in-out;
    animation: appear 1s 1 ease-in-out;
}

#㪱㪩 {
    position: relative;
    height: 300px;
    width: 300px;
    margin: 50px 100px;
    border: 1px solid blue;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -o-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
}

#㪱㪪 {
    margin: 10px;
    width: 280px;
    height: 280px;
    background-color: #844BCA;
    opacity: 0.8;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: spin 10s infinite linear;
    -moz-animation: spin 10s infinite linear;
    -o-animation: spin 10s infinite linear;
    -ms-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear;
}

#㪱㪩:hover #㪱㪪 {
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -o-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
}

#㪱㪪 > div {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 200px;
    height: 200px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: monospace;
    font-size: 12pt;
}

#㪱㪪 > :first-child {
    background-color: #49DC93;
    -webkit-transform: translateZ(-100px) rotateY(45deg) scaleX(3);
    -moz-transform: translateZ(-100px) rotateY(45deg) scaleX(3);
    -o-transform: translateZ(-100px) rotateY(45deg) scaleX(3);
    -ms-transform: translateZ(-100px) rotateY(45deg) scaleX(3);
    transform: translateZ(-100px) rotateY(45deg) scaleX(3);
}

#㪱㪪 > :last-child {
    background-color: #FF6;
    -webkit-transform: translateZ(50px) rotateX(20deg);
    -moz-transform: translateZ(50px) rotateX(20deg);
    -o-transform: translateZ(50px) rotateX(20deg);
    -ms-transform: translateZ(50px) rotateX(20deg);
    transform: translateZ(50px) rotateX(20deg);
    -webkit-transform-origin: 50% top;
    -moz-transform-origin: 50% top;
    -o-transform-origin: 50% top;
    -ms-transform-origin: 50% top;
    transform-origin: 50% top;
}

.㪱㪫 {
    column-width: 15em;
    column-count: 1;
    column-gap: 1em;
    column-rule: 1px solid black;
    padding: 5px;
}

.㪱㪬 {
    column-width: 15em;
    column-count: 2;
    column-gap: 1em;
    column-rule: 1px solid black;
    padding: 5px;
}

.㪱㪭 {
    column-width: 15em;
    column-count: 3;
    column-gap: 1em;
    column-rule: 1px solid black;
    padding: 5px;
}

.㪱㪮 {
    column-width: 15em;
    column-count: 4;
    column-gap: 1em;
    column-rule: 1px solid black;
    padding: 5px;
}

.㪱㪯 {
    column-width: 15em;
    column-count: 5;
    column-gap: 1em;
    column-rule: 1px solid black;
    padding: 5px;
}

.㪱㪰 {
    background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #ae9eff 0%, #eecc45 50%, #543f8c 75%, #ef7fc2 100%);
    background-image: -moz-radial-gradient(center bottom, circle farthest-corner, #ae9eff 0%, #eecc45 50%, #543f8c 75%, #ef7fc2 100%);
    background-image: -o-radial-gradient(center bottom, circle farthest-corner, #ae9eff 0%, #eecc45 50%, #543f8c 75%, #ef7fc2 100%);
    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 508, color-stop(0, #ae9eff), color-stop(0.5, #eecc45), color-stop(0.75, #543f8c), color-stop(1, #ef7fc2));
    background-image: -webkit-radial-gradient(center bottom, circle farthest-corner, #ae9eff 0%, #eecc45 50%, #543f8c 75%, #ef7fc2 100%);
    background-image: radial-gradient(circle farthest-corner at center bottom, #ae9eff 0%, #eecc45 50%, #543f8c 75%, #ef7fc2 100%);
}

.㪱㪱 {
    background-color: #C5D8E6;
    background-attachment: fixed;
    background-repeat: repeat;
}

.㪱㪲 {
    display: block;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: -2px -2px 5px rgba(81, 118, 116, 0.8);
    text-align: center;
    vertical-align: middle;
}

.㪱㪳 {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.㪱㪴 {
    width: 500px;
    margin: 150px auto 0;
    color: #0d4290;
    font-size: 40px;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.㪱㪵 {
    padding-top: 0px;
    position: absolute;
    z-index: 10;
    top: 430px;
    font-size: 60px;
    overflow: visible !important;
}

    .㪱㪵.㪱㪶 {
        -webkit-animation: zanimcrawl 76s infinite;
        -moz-animation: zanimcrawl 76s infinite;
        -o-animation: zanimcrawl 76s infinite;
        -ms-animation: zanimcrawl 76s infinite;
        animation: zanimcrawl 76s infinite;
    }

.㪱㪷.㪱㪸 {
    -webkit-animation: zanimdeathspiral 2s infinite;
    -moz-animation: zanimdeathspiral 2s infinite;
    -o-animation: zanimdeathspiral 2s infinite;
    -ms-animation: zanimdeathspiral 2s infinite;
    animation: zanimdeathspiral 2s infinite;
}

.㪯㷑.㪮㰛 {
    -webkit-animation: zanimzcreateeffect 1s ease-in-out;
    -moz-animation: zanimzcreateeffect 1s ease-in-out;
    -o-animation: zanimzcreateeffect 1s ease-in-out;
    -ms-animation: zanimzcreateeffect 1s ease-in-out;
    animation: zanimzcreateeffect 1s ease-in-out;
}

.㪮㰚.㪮㰛 {
    -webkit-animation: zanimzcreateeffecty 1s ease-in-out;
    -moz-animation: zanimzcreateeffecty 1s ease-in-out;
    -o-animation: zanimzcreateeffecty 1s ease-in-out;
    -ms-animation: zanimzcreateeffecty 1s ease-in-out;
    animation: zanimzcreateeffecty 1s ease-in-out;
}

.㪱㪹, .㪱㪻, zunzoom, zspiralunzoom {
    display: block;
    margin: 0 auto;
    overflow: visible !important;
    -webkit-transform: scale(2.5) rotate(0);
    -moz-transform: scale(2.5) rotate(0);
    -o-transform: scale(2.5) rotate(0);
    -ms-transform: scale(2.5) rotate(0);
    transform: scale(2.5) rotate(0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 7s ease-out;
    -moz-transition: -moz-transform 7s ease-out;
    -o-transition: -o-transform 7s ease-out;
    -ms-transition: -ms-transform 7s ease-out;
    transition: transform 7s ease-out;
}

    .㪱㪹.㪱㪺 {
        -webkit-animation: zanimrecede 20s infinite;
        -moz-animation: zanimrecede 20s infinite;
        -o-animation: zanimrecede 20s infinite;
        -ms-animation: zanimrecede 20s infinite;
        animation: zanimrecede 20s infinite;
    }

    .㪱㪻.㪱㪼 {
        -webkit-animation: zanimspiral 20s infinite;
        -moz-animation: zanimspiral 20s infinite;
        -o-animation: zanimspiral 20s infinite;
        -ms-animation: zanimspiral 20s infinite;
        animation: zanimspiral 20s infinite;
    }

.㪱㪽.㪱㪾 {
    -webkit-animation: zanimunzoom 20s infinite;
    -moz-animation: zanimunzoom 20s infinite;
    -o-animation: zanimunzoom 20s infinite;
    -ms-animation: zanimunzoom 20s infinite;
    animation: zanimunzoom 20s infinite;
}

.㪱㪿.㪱㫀 {
    -webkit-animation: zanimspiralunzoom 20s infinite;
    -moz-animation: zanimspiralunzoom 20s infinite;
    -o-animation: zanimspiralunzoom 20s infinite;
    -ms-animation: zanimspiralunzoom 20s infinite;
    animation: zanimspiralunzoom 20s infinite;
}

.㪱㫁.㪱㪾 {
    -webkit-animation: zanimunzoom 2s 1 linear;
    -moz-animation: zanimunzoom 2s 1 linear;
    -o-animation: zanimunzoom 2s 1 linear;
    -ms-animation: zanimunzoom 2s 1 linear;
    animation: zanimunzoom 2s 1 linear;
}

.㪱㫂 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    height: 700px;
    overflow: visible;
    -webkit-transform: perspective(300) rotateX(45deg);
    -moz-transform: perspective(300) rotateX(45deg);
    -o-transform: perspective(300) rotateX(45deg);
    -ms-transform: perspective(300) rotateX(45deg);
    transform: perspective(300) rotateX(45deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
}

.㪱㫃, .zspiralperspective {
    position: absolute;
    z-index: 1;
    top: 0;
    left1: 50%;
    overflow: visible;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.㪱㫄 {
    animation-name: heartbeat;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-inout;
    -webkit-animation: heartbeat 2s infinite;
    -moz-animation: heartbeat 2s infinite;
    -o-animation: heartbeat 2s infinite;
    -ms-animation: heartbeat 2s infinite;
    animation: heartbeat 2s infinite;
}

.speech-bubble, .speech-bubble-above {
    width: 200px;
    padding: 10px;
    background: yellow;
    color: #fff;
    font: normal 12px "Segoe UI", Arial, Sans-serif;
    border-radius: 10px;
}

    .speech-bubble:after {
        content: "";
        border: solid 10px transparent;
        border-top-color: lightblue;
        border-bottom: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        display: block;
        position: relative;
        bottom: -20px;
        margin: auto;
    }

    .speech-bubble-above:before {
        content: "^";
        border: solid -10px transparent;
        border-top-color: lightblue;
        border-top: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        display: block;
        position: relative;
        bottom: 20px;
        margin: auto;
    }

.iecontentold {
    visibility: hidden;
    display: none;
}

.cube4gen {
    visibility: hidden;
    display: none;
}

.㪱㫅 {
    -webkit-animation: fade 8s ease-in-out linear;
}

input[type=range] {
    border-radius: 10px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: -o-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: -ms-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
}

input::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-apperance: none;
    -o-apperance: none;
    -ms-apperance: none;
    apperance: none;
    border-radius: 10px;
    width: 10px;
    height: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: -o-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
    background-image: gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
}

.㪱㪲 span {
    display: block !important;
}

#㪱㫆 {
    background-color: #DFEEF9;
    background-image: url("../img/2248.jpg");
    height: 300px;
}

    #㪱㫆 span {
        display: block;
    }

.㪱㫇 {
    background-color: red;
    color: yellow;
    margin: 5px;
}

.㪰㫜 {
    background-color: red;
    color: white;
    margin: 5px;
}

.ok {
    background-color: green;
    color: white;
    margin: 5px;
}

.㪱㫈 {
    background-color: lightsilver;
    color: gray;
    margin: 5px;
}

.㪱㫉 {
    background-color: white;
    color: black;
    margin: 5px;
}

.semnote {
    margin: 5px;
    padding: 10px;
}

.semnotelink {
    background-color: blue;
    margin: 5px;
    border: thin black;
    text-decoration: none;
    padding: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-radius: 75px;
    box-shadow: -7px 1px 26px #a0a0a0;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.08, #addbff), color-stop(1, #ffffff));
    background-image: -o-gradient(linear, right top, left top, color-stop(0.08, #addbff), color-stop(1, #ffffff));
    background-image: -ms-gradient(linear, right top, left top, color-stop(0.08, #addbff), color-stop(1, #ffffff));
    background-image: gradient(linear, right top, left top, color-stop(0.08, #addbff), color-stop(1, #ffffff));
}

    .semnotelink:hover {
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        -ms-transition: all 2s ease-out;
        transition: all 2s ease-out;
        text-decoration: blink;
        position: relative;
        padding: 30px;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.semnotecover {
    background-color: lightblue;
    color: black;
    margin: 10px;
    padding: 30px;
}

.semnoteattr {
    background-color: wheat;
    color: black;
    margin: 5px;
}

.semnoteinner {
    color: black;
    margin: 5px;
}

.㪱㫊 {
    background-color: silver;
    color: white;
}

.note {
    color: black;
    font-size: medium;
}

.㪱㫋 {
    color: skyblue;
    font-size: medium;
}

.㪱㫌 {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
}

#progress p {
    display: block;
    width: 240px;
    padding: 2px 5px;
    margin: 2px 0;
    border: 1px inset #446;
    border-radius: 5px;
    background: #eeeeee url("../img/507.png") 100% 0 repeat-y;
}

    #progress p.success {
        background: #00cc00 none 0 0 no-repeat;
    }

    #progress p.㪱㫍 {
        background: #cc0000 none 0 0 no-repeat;
    }

.㪱㫎, .graphxaxisletters, .graphyaxisletters, .graphaxis, .㪱㫏 {
    box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.8);
}

.㪱㫏 {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-animation: zspinanimationy 8s ease-in-out linear;
    -moz-animation: zspinanimationy 8s ease-in-out linear;
    -o-animation: zspinanimationy 8s ease-in-out linear;
    -ms-animation: zspinanimationy 8s ease-in-out linear;
    animation: zspinanimationy 8s ease-in-out linear;
}

.㪱㫐 {
    width: 45px;
    height: 45px;
}

.㪱㫑 {
    width: 25px;
    height: 25px;
}

.㪮㮕 {
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.8);
}

.㪱㫒 {
    background: #aebcbf;
    background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aebcbf), color-stop(50%, #6e7774), color-stop(51%, #0a0e0a), color-stop(100%, #0a0809));
    background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -o-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -ms-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf', endColorstr='#0a0809', GradientType=0);
}

.㪮㮕:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
}

.㪮㮕:active {
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.8);
}

.㪱㫓 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
    text-wrap: unrestricted;
    width: 50px;
    max-width: 50px !important;
    overflow: hidden;
    padding: 15px;
    color: white;
    text-shadow: 1px 1px 1px black;
}

.ziiconspanel {
    display: inline-block;
}

.㪱㫔 {
    background: radial-gradient(5px -9px, circle, white 8%, red 26px);
    background-color: red;
    border: 2px solid white;
    border-radius: 12px;
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px;
    min-width: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
}

.㪱㫔 {
    float: left;
    left1: 25px;
    margin: 6px;
    position: relative;
    top1: 25px;
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('https://fonts.zcubes.com/fonts/websymbols-regular-webfont.eot');
    src: url('https://fonts.zcubes.com/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zcubes.com/fonts/websymbols-regular-webfont.woff') format('woff'), url('https://fonts.zcubes.com/fonts/websymbols-regular-webfont.ttf') format('truetype'), url('https://fonts.zcubes.com/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WebSymbolsLocal';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.㪱㫕 {
    font-family: 'WebSymbolsLocal';
}

.㪱㫖, .㪱㫗 {
    border-radius: 50%;
    width: 180px;
    height: 180px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
}

.㪱㫗 {
    width: 45px;
    height: 45px;
}

.㪱㫘 {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

    .㪱㫘.㪱㫙 {
        -webkit-animation: zpageeffect 2s 1 ease-in-out;
        -moz-animation: zpageeffect 2s 1 ease-in-out;
        -o-animation: zpageeffect 2s 1 ease-in-out;
        -ms-animation: zpageeffect 2s 1 ease-in-out;
        animation: zpageeffect 2s 1 ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .㪱㫘.㪱㫚 {
        -webkit-animation: zpageeffectback 2s 1 ease-in-out;
        -moz-animation: zpageeffectback 2s 1 ease-in-out;
        -o-animation: zpageeffectback 2s 1 ease-in-out;
        -ms-animation: zpageeffectback 2s 1 ease-in-out;
        animation: zpageeffectback 2s 1 ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

.㪱㫛 {
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -o-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
}

.zpalette {
    border: 10px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
    margin: 10px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: scroll;
    box-shadow: 5px 5px 1px #000001;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000001, Strength=5, Direction=135);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

    .zpalette > div {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        padding: 10px;
    }

        .zpalette > div > img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            padding: 10px;
            border: 2px solid rgba(0, 0, 0, 0.5);
            text-align: center;
            vertical-align: middle;
            box-shadow: 5px 5px 1px #000001;
            background: #e4f5fc;
            background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f5fc), color-stop(50%, #bfe8f9), color-stop(51%, #9fd8ef), color-stop(100%, #2ab0ed));
            background: -webkit-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
            background: -o-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
            background: -ms-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
            background: linear-gradient(to bottom, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=0);
        }

.㪮㱃 img.㪮㭋, .㪮㱃 img.㪰㬫 {
    width: 30px;
    height: 30px;
    padding: 5px;
}

.zpalette {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

#zcombozpanelcontent {
    overflow: visible;
}

#㪰㯫, #EnableStrokePatternCheckBoxImage_ListBox {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.㪮㱃 img.㪮㭋 {
    border-radius: 50%;
    border: 0px solid rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
    padding: 10px;
}

.㪮㱃 img.㪰㬫 {
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
    padding: 10px;
}

.㪯㶉 img.㪮㭋, .㪯㶉 img.㪰㬫 {
    padding: 5px;
}

.㪮㱃 img.㪮㭋:hover, .㪮㱃 img.㪰㬫 :hover {
    border-radius: 5%;
}

.㪮㱃 img.㪮㭋:active, .㪮㱃 img.㪰㬫:active {
    border-radius: 25%;
}

.㪱㫜 {
    overflow: visible !important;
}

.㪱㫝 {
    overflow: hidden !important;
}

.㪱㫞 {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.㫠㴤.㪱㫟 {
    border: 2px silver dotted !important;
}

.㪰㹀, .㪰㸬 {
    border: 2px silver dashed;
}

.㪱㫠 {
    background-color: transparent !important;
}

.㪱㫡 > img {
    -webkit-animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;
    -moz-animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;
    -o-animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;
    -ms-animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;
    animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;
    border-radius: 0 !important;
}

#zcombozpanelcontent > img:hover {
    -webkit-transform: scaleX(1.3);
    -moz-transform: scaleX(1.3);
    -o-transform: scaleX(1.3);
    -ms-transform: scaleX(1.3);
    transform: scaleX(1.3);
}

#zcombozpanelcontent svg:hover {
    -webkit-transform: scaleX(1.75);
    -moz-transform: scaleX(1.75);
    -o-transform: scaleX(1.75);
    -ms-transform: scaleX(1.75);
    transform: scaleX(1.75);
}

#zcombozpanelcontent svg:active {
    -webkit-transform: scaleX(5) rotateZ(45deg);
    -moz-transform: scaleX(5) rotateZ(45deg);
    -o-transform: scaleX(5) rotateZ(45deg);
    -ms-transform: scaleX(5) rotateZ(45deg);
    transform: scaleX(5) rotateZ(45deg);
}

#zcombozpanelcontent {
    z-index: 100000000;
}

.zmiddlezpanel {
    z-index: 1000;
}

#zgridzpanel {
    background: #f0ebeb;
    position: absolute;
    z-index: 150001;
    visibility: hidden;
    display: none;
    right: 0px;
    top: 0%;
    height: 100%;
    z-index: 506666666001;
    border-radius: 0px;
    width: 0px;
    box-shadow: -10px -10px 10px silver;
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    -ms-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}

.㪱㫢 {
    visibility: visible !important;
    display: inline !important;
}

#zgridzpanel.㪱㫢 {
    width: 500px;
    border-left: 10px solid silver;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
}

#zgridzpanel:not(.㪱㫣) #㪮㯻, #zgridzpanel:not(.gridview) #㪮㯿, #zgridzpanel:not(.filelistingview) #㪮㰁, #zgridzpanel:not(.㪱㫤) #㪮㰃 {
    visibility: hidden !important;
    display: none !important;
}

#zgridzpanel.㪱㫣 #㪮㯻, #zgridzpanel.gridview #㪮㯿, #zgridzpanel.filelistingview #㪮㰁, #zgridzpanel.㪱㫤 #㪮㰃 {
    visibility: visible;
    display: inline;
}

#zgridzpanel.㪱㫢.㪱㫤 {
    width: 900px;
}

.popupcombopanelgradient {
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.errorpanelgradient {
    background: #fefcea;
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36));
    background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%);
    background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%);
    background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%);
    background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
}

.㪱㫥 {
    color: red;
}

.㪱㫦 {
    background: #b7deed;
    background: -moz-linear-gradient(left, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b7deed), color-stop(50%, #71ceef), color-stop(51%, #21b4e2), color-stop(100%, #b7deed));
    background: -webkit-linear-gradient(left, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    background: -o-linear-gradient(left, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    background: -ms-linear-gradient(left, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    background: linear-gradient(to right, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7deed', endColorstr='#b7deed', GradientType=1);
}

.㪱㫧 {
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ffff), color-stop(0%, #fdffff), color-stop(7%, #e1ffff), color-stop(12%, #e1ffff), color-stop(30%, #e6f8fd), color-stop(54%, #c8eefb), color-stop(75%, #bee4f8), color-stop(100%, #b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: linear-gradient(to bottom, #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ffff', endColorstr='#b1d8f5', GradientType=0);
}

.㪱㫨, .templatescheme1 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

.㪱㫩 {
    background: #cedbe9;
    background: -moz-linear-gradient(-45deg, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cedbe9), color-stop(17%, #aac5de), color-stop(50%, #6199c7), color-stop(51%, #3a84c3), color-stop(59%, #419ad6), color-stop(71%, #4bb8f0), color-stop(84%, #3a8bc2), color-stop(100%, #26558b));
    background: -webkit-linear-gradient(-45deg, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -o-linear-gradient(-45deg, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -ms-linear-gradient(-45deg, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: linear-gradient(135deg, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedbe9', endColorstr='#26558b', GradientType=1);
}

.ztrayeffect:active {
    -webkit-animation: zanimunzoomsmall 3s ease-out linear;
    -moz-animation: zanimunzoomsmall 3s ease-out linear;
    -o-animation: zanimunzoomsmall 3s ease-out linear;
    -ms-animation: zanimunzoomsmall 3s ease-out linear;
    animation: zanimunzoomsmall 3s ease-out linear;
}

.ztrayeffect:hover {
    -webkit-animation: zanimunzoomsmall 3s ease-out-in linear;
    -moz-animation: zanimunzoomsmall 3s ease-out-in linear;
    -o-animation: zanimunzoomsmall 3s ease-out-in linear;
    -ms-animation: zanimunzoomsmall 3s ease-out-in linear;
    animation: zanimunzoomsmall 3s ease-out-in linear;
}

.㪱㫪 {
    padding: 5px;
}

#㪱㫫 {
}

.㪮㭨:hover {
    -webkit-transform: scaleX(1.1) scaleY(1.1);
    -moz-transform: scaleX(1.1) scaleY(1.1);
    -o-transform: scaleX(1.1) scaleY(1.1);
    -ms-transform: scaleX(1.1) scaleY(1.1);
    transform: scaleX(1.1) scaleY(1.1);
}

.㪮㭨:active {
    -webkit-transform: scaleX(0.9) scaleY(0.9);
    -moz-transform: scaleX(0.9) scaleY(0.9);
    -o-transform: scaleX(0.9) scaleY(0.9);
    -ms-transform: scaleX(0.9) scaleY(0.9);
    transform: scaleX(0.9) scaleY(0.9);
}

#㪱㫬, .㪱㫬 {
    -webkit-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    -ms-perspective: 800;
    perspective: 800;
    -webkit-perspective-origin: 50% 200px;
    -moz-perspective-origin: 50% 200px;
    -o-perspective-origin: 50% 200px;
    -ms-perspective-origin: 50% 200px;
    perspective-origin: 50% 200px;
}

#cube {
    position: relative;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cube3333333 {
    position: relative;
    margin: 0 auto;
    height: 400px;
    width: 400px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.㪱㫭 {
    position: absolute;
    height: 400px;
    width: 400px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 20px;
}

#cube .one {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
}

#cube .㪱㫮 {
    -webkit-transform: translateZ(200px);
    -moz-transform: translateZ(200px);
    -o-transform: translateZ(200px);
    -ms-transform: translateZ(200px);
    transform: translateZ(200px);
}

#cube .㪱㫯 {
    -webkit-transform: rotateY(90deg) translateZ(200px);
    -moz-transform: rotateY(90deg) translateZ(200px);
    -o-transform: rotateY(90deg) translateZ(200px);
    -ms-transform: rotateY(90deg) translateZ(200px);
    transform: rotateY(90deg) translateZ(200px);
}

#cube .㪱㫰 {
    -webkit-transform: rotateY(180deg) translateZ(200px);
    -moz-transform: rotateY(180deg) translateZ(200px);
    -o-transform: rotateY(180deg) translateZ(200px);
    -ms-transform: rotateY(180deg) translateZ(200px);
    transform: rotateY(180deg) translateZ(200px);
}

#cube .㪱㫱 {
    -webkit-transform: rotateY(-90deg) translateZ(200px);
    -moz-transform: rotateY(-90deg) translateZ(200px);
    -o-transform: rotateY(-90deg) translateZ(200px);
    -ms-transform: rotateY(-90deg) translateZ(200px);
    transform: rotateY(-90deg) translateZ(200px);
}

#cube .㪱㫲 {
    -webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -moz-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -o-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -ms-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
}

.cube .one {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
}

.cube .㪱㫮 {
    -webkit-transform: translateZ(200px);
    -moz-transform: translateZ(200px);
    -o-transform: translateZ(200px);
    -ms-transform: translateZ(200px);
    transform: translateZ(200px);
}

.cube .㪱㫯 {
    -webkit-transform: rotateY(90deg) translateZ(200px);
    -moz-transform: rotateY(90deg) translateZ(200px);
    -o-transform: rotateY(90deg) translateZ(200px);
    -ms-transform: rotateY(90deg) translateZ(200px);
    transform: rotateY(90deg) translateZ(200px);
}

.cube .㪱㫰 {
    -webkit-transform: rotateY(180deg) translateZ(200px);
    -moz-transform: rotateY(180deg) translateZ(200px);
    -o-transform: rotateY(180deg) translateZ(200px);
    -ms-transform: rotateY(180deg) translateZ(200px);
    transform: rotateY(180deg) translateZ(200px);
}

.cube .㪱㫱 {
    -webkit-transform: rotateY(-90deg) translateZ(200px);
    -moz-transform: rotateY(-90deg) translateZ(200px);
    -o-transform: rotateY(-90deg) translateZ(200px);
    -ms-transform: rotateY(-90deg) translateZ(200px);
    transform: rotateY(-90deg) translateZ(200px);
}

.cube .㪱㫲 {
    -webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -moz-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -o-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    -ms-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
}

.㪱㫳, div.SlideHeader1, div.SlideContent {
    box-shadow: 15px;
    border-radius: 35px;
    padding: 15px 10px 10px 15px;
    margin: 15px;
    background: linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
}

#zcubemenucontrols {
    width: auto !important;
}

*::selection, *::-moz-selection {
    text-shadow: none;
    background-color: rgba(65, 131, 196, 0.1);
    border: 3px silver double;
}

.SlideHeader::selection, .SlideHeader::-moz-selection, .SlideContent li::selection, .SlideContent li::-moz-selection {
    text-shadow: none;
    background-color: rgba(65, 131, 196, 0.9);
    color: yellow;
    border: 3px silver double;
}

.㪮㮒 {
    opacity: 0.01;
}

    .㪮㮒:hover, .㪮㮒:active {
        opacity: 1.0;
    }

.㪮㭹 {
    opacity: 0.3;
}

    .㪮㭹:hover, .㪮㭹:active {
        opacity: 0.9;
    }

.㪱㫴 {
    user-select: none;
}

.㪮㰯 > div, .zhandles1 {
    border: silver ridge thin;
    background: #b2e1ff;
    background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2e1ff), color-stop(100%, #66b6fc));
    background: -webkit-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
    background: -o-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
    background: -ms-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
    background: linear-gradient(to bottom, #b2e1ff 0%, #66b6fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2e1ff', endColorstr='#66b6fc', GradientType=0);
}

.㪱㫵 {
    top: 30px !important;
    right: 90px !important;
}

.㪱㫶:hover {
    -webkit-transform: scaleX(3) scaleY(3);
    -moz-transform: scaleX(3) scaleY(3);
    -o-transform: scaleX(3) scaleY(3);
    -ms-transform: scaleX(3) scaleY(3);
    transform: scaleX(3) scaleY(3);
}

.㪱㫷:hover {
    -webkit-transform: scale(2) translate(-50%);
    -moz-transform: scale(2) translate(-50%);
    -o-transform: scale(2) translate(-50%);
    -ms-transform: scale(2) translate(-50%);
    transform: scale(2) translate(-50%);
}

.㪮㰯:hover, .㪮㰯:active, .㪮㰞:hover {
    -webkit-transform: scaleX(2.5) scaleY(2.5);
    -moz-transform: scaleX(2.5) scaleY(2.5);
    -o-transform: scaleX(2.5) scaleY(2.5);
    -ms-transform: scaleX(2.5) scaleY(2.5);
    transform: scaleX(2.5) scaleY(2.5);
}

#㪮㰟:hover .㪮㰯, #㪮㰟:hover .㪮㰮, #㪮㰟:active .㪮㰯, #㪮㰟:active .㪮㰮 {
    -webkit-transform: scaleX(2.5) scaleY(2.5);
    -moz-transform: scaleX(2.5) scaleY(2.5);
    -o-transform: scaleX(2.5) scaleY(2.5);
    -ms-transform: scaleX(2.5) scaleY(2.5);
    transform: scaleX(2.5) scaleY(2.5);
}

#㪮㰟 .㪮㰮, #㪮㰟 .㪮㰯 {
    border-style: outset !important;
}

    #㪮㰟 .㪮㰮:hover, #㪮㰟 .㪮㰯:hover {
        border-style: dotted !important;
    }

    #㪮㰟 .㪮㰮:active, #㪮㰟 .㪮㰯:active {
        border-style: dashed !important;
    }

.SlideContent > ul {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
}

.㪱㫸 {
    background: transparent;
    -webkit-transform: scaleX(2) scaleY(2);
    -moz-transform: scaleX(2) scaleY(2);
    -o-transform: scaleX(2) scaleY(2);
    -ms-transform: scaleX(2) scaleY(2);
    transform: scaleX(2) scaleY(2);
}

    .㪱㫸:hover, .㪱㫸:active {
        -webkit-transform: scaleX(3) scaleY(3);
        -moz-transform: scaleX(3) scaleY(3);
        -o-transform: scaleX(3) scaleY(3);
        -ms-transform: scaleX(3) scaleY(3);
        transform: scaleX(3) scaleY(3);
    }

#bg_SelectionMarkers ellipse, .㪱㫹 {
    fill: steelblue !important;
    opacity: 0.3;
}

#bg_SelectionMarkers svg:hover, #bg_SelectionMarkers svg:active {
    -webkit-transform: scaleX(2) scaleY(2);
    -moz-transform: scaleX(2) scaleY(2);
    -o-transform: scaleX(2) scaleY(2);
    -ms-transform: scaleX(2) scaleY(2);
    transform: scaleX(2) scaleY(2);
}

#bg_SelectionMarkers:hover ellipse, #bg_SelectionMarkers:active ellipse, .CompassClassHover:hover, .CompassClassHover:active, #bg_SelectionMarkers:hover .CompassClassHover, #bg_SelectionMarkers:active .CompassClassHover {
    fill: skyblue !important;
    rx: 45px !important;
    ry: 45px !important;
    opacity: 1.0;
}

#bg_SelectionMarkers svg {
    position: fixed !important;
    bottom: 100px !important;
    right: 50px !important;
}

.㪱㫹, .CompassClassHover {
    bottom: 100px !important;
    right: 50px !important;
}

.㪯㳰 {
    box-shadow: 10px 10px 5px #888;
}

.㪰㵚 {
    opacity: 1.0;
}

.㪱㫺 {
    opacity: 0.3;
}

.㪮㯬 .㪰㵚 {
    opacity: 1.0;
    border-radius: 50%;
    background-color: white;
}

.㪮㯬 .㪱㫺 {
    opacity: .9;
    background-color: silver;
    border-radius: 50%;
}

.㪰㵚:after {
    content: url(../img/738.png);
    position: absolute;
    transform: scale(0.3) translateX(-100px) translateY(-100px);
}

.㪱㫺:after {
    content: url(../img/820.png);
    position: absolute;
    transform: scale(0.3) translateX(-100px) translateY(-100px);
}

.㪱㫺:hover {
    opacity: 0.5;
}

.㪱㫻 .㪰㵚:after, .㪱㫻 .㪱㫺:after {
    position: absolute;
    transform: scale(0.5, 0.5);
}

.㪱㫼 {
    opacity: 1.0;
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #feb645));
    background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -o-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -ms-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
    border-radius: 10px;
    border: 1px 1px solid black;
}

.㪮㰖 {
    opacity: 0.8;
}

.㪱㫼:after {
    position: relative;
    left: -10px;
    top: -10px;
    zoom: 0.5;
}

.㪮㰖:after {
    position: relative;
    left: -10px;
    top: -10px;
    width: 10px;
    height: 10px;
    zoom: 0.5;
}

.㪮㰖:hover {
    opacity: 0.9;
}

.halotype, .halotype1 {
    position: absolute;
    border: 100px rgba(212, 237, 247, 0.4) solid;
    border: 100px rgba(255, 255, 255, 0.4) solid;
    border-radius: 50%;
    top: -200px;
    left: -200px;
    width: 400px;
    height: 400px;
    background-color: transparent;
    background-color: #0896ce;
    background-color: rgba(192, 192, 192, 0.56);
    z-index: -1;
    box-shadow: 10px 10px 50px #888;
    opacity: 0.5;
    -webkit-animation: visibility 1s 1 ease-in-out;
    -moz-animation: visibility 1s 1 ease-in-out;
    -o-animation: visibility 1s 1 ease-in-out;
    -ms-animation: visibility 1s 1 ease-in-out;
    animation: visibility 1s 1 ease-in-out;
}

.halotype2 {
    position: absolute;
    border: 300px rgba(212, 237, 247, 0.4) double;
    border: 300px rgba(0, 0, 0, 0.62) double;
    border-radius: 50%;
    top: -300px;
    left: -300px;
    width: 600px;
    height: 600px;
    background-color: transparent;
    background-color: #0896ce;
    background-color: #c0c0c0;
    z-index: -1;
    box-shadow: 10px 10px 50px #888;
    opacity: 0.5;
}

.subhalo {
    width: 90px;
    height: 90px;
    border: 25px silver solid;
    background: black;
    top: -36px;
    left: -36px;
}

.strokehalo {
    top: -356px;
    left: -151px;
    width: 300px;
    height: 300px;
    border: 210px silver double;
    background: black;
}

.fillhalo {
    top: -263px;
    left: -161px;
    width: 550px;
    height: 550px;
    border-width: 150px;
    background: silver;
}

.radcontainer:hover .halotype, .radcontainer:hover .halotype1, .radcontainer:hover .halotype2 {
    border-color: rgba(255, 255, 255, 0.59);
}

#paintpanelsettings .㪮㭞 {
    width: 40px !important;
    height: 40px !important;
}

#paintpanelsettings > input[type=checkbox] {
    visibility: hidden !important;
    display: none !important;
}

.radcontainer {
    position: relative;
    left: 125px;
    top: 150px;
    width: 100px;
    height: 100px;
    text-align: center;
}

    .radcontainer .㫟㮠 {
        background-color: none;
        width: 75%;
        height: 30px;
        padding: 10px;
        color: #234;
    }

        .radcontainer .㫟㮠:active, .radcontainer .㫟㮠 .㪱㫟 {
            background-color: #511;
            color: white;
            padding: 10px;
            border-radius: 40px;
        }

#㪱㫽 {
    position: relative;
    left: 425px;
    top: 75px;
    width: 100px;
    height: 100px;
    text-align: center;
}

.㪱㫾 {
    background-color: none;
    height: 30px;
    padding: 10px;
    color: #234;
    border-radius: 10px;
    cursor: pointer;
}

    .㪱㫾.㪱㫟 {
        background-color: #511;
        color: white;
        padding: 10px;
        border-radius: 40px;
        z-index: 100;
    }

.㪱㫿 {
    font-size: 1.5em;
    color: #abc;
    background-color: #def;
    border-radius: 30px;
    width: 30px;
    height: 30px;
}

.radcontainer > img :hover {
    border: 2px gray inset;
    border-radius: 50%;
    background-color: white;
    z-index: 1000;
}

.radcontainer > img :active {
    border: 2px red inset;
    border-radius: 50%;
    background-color: silver;
    z-index: 1000;
}

.㪮㰔 img {
    width: 40px;
    height: 40px;
}

.㪮㰔, .㪮㰔 td {
    color: gray;
    font-family: monospace;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px white;
}

#radcontainerdisplay .㪮㶯, #radcontainerdisplay .zCubesMenuIconTop .㪯㱅, .㪰㴲 .㪯㷍 .㪱㬀 {
    visibility: hidden;
    display: none;
}

#radcontainerdisplay .zCubesMenuIconTop:hover .㪯㱅, .㪰㴲 .㪯㷍:hover .㪱㬀 {
    visibility: visible;
    display: inline;
    left: 100px;
    top: 10px;
    position: absolute;
    font-size: 24px;
    font-family: NewFont1;
}

#radcontainerdisplay .㪰㬀:hover .㪮㶯 {
    visibility: visible;
    display: inline;
    left: 100px;
    top: 10px;
    position: absolute;
    font-size: 24px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    font-family: NewFont1;
    bottom: 0px !important;
    left: 100px !important;
    position: fixed;
}

#radcontainerdisplay .㪰㬀:hover .㪮㶱, #radcontainerdisplay .zCubesMenuIconTop:hover .㪯㱅 {
    visibility: hidden !important;
    display: none !important;
}

.㪰㴲 .㪯㷍:hover .㪱㬀 {
    top: -90px;
}

.㪰㴲, .㪰㴲 * {
    overflow: visible !important;
}

#radcontainerdisplay1, .radcontainer1 {
    position: absolute !important;
}

    #radcontainerdisplay1 svg {
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
    }

.zdivpanel {
    user-select: none;
    BORDER-RIGHT: white 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: white 0px solid;
    DISPLAY: none;
    PADDING-LEFT: 0px;
    Z-INDEX: 100000;
    LEFT: 0px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: white 0px solid;
    WIDTH: 700px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: white 0px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: transparent;
    padding-left: 40px;
}

.㪮㭦 .zdivpanel {
    LEFT: 325px;
    TOP: 40px;
    HEIGHT: 72px;
}

.㪮㭡 .zdivpanel {
    position: relative;
    LEFT: 10px !important;
    TOP: 40px;
    HEIGHT: 100%;
}

.㪮㭤 .zdivpanel {
    position: relative;
    TOP: 0px !important;
    HEIGHT: 72px;
    width: 700px !important;
}

.㪮㭥 .zdivpanel {
    position: relative;
    right: 0px !important;
    TOP: 0px !important;
    HEIGHT: 100%;
}

.㪮㭡 .㪰㴲 {
    position: absolute;
    top: 40px;
    left: 0px;
    height: 100% !important;
    min-height: 700px !important;
    width: 100px !important;
}

.㪮㭤 .㪰㴲 {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 700px !important;
}

.㪮㭥 .㪰㴲 {
    position: absolute;
    top: 40px;
    left: 0px;
    height: 100% !important;
    min-height: 700px !important;
    width: 100px !important;
}

.zpaneldivmain > div, .㪰㴲 {
    position: absolute;
    top: -75px;
    top: -130px;
    left: 0px;
}

.㪰㴲 {
    width: auto !important;
}

    .㪰㴲 img.㪮㭪, .㪰㴲 .㪮㷮 img {
        width: 40px;
        height: 40px;
        padding: 1px;
        box-shadow: 1px 1px 10px 1px silver, 10px 10px 10px 1px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }

.㪱㬁, #paintpanelsettings .㪮㭞.㪱㬁 {
    width: 25px !important;
    height: 25px !important;
}

.bottompanelsmallbutton {
    width: 20px !important;
    height: 20px !important;
}

.bottompanelsmallbutton {
    background: #45484d;
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    background: -webkit-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -o-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -ms-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: linear-gradient(135deg, #45484d 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1);
    border-radius: 50%;
    border: 1px solid transparent;
}

.bottompanelsmallbutton, .bb {
    border-radius: 10%;
}

#㪯㶇:hover {
    border: 10px red ridge;
    border-radius: 50%;
    background-color: silver;
}

#㪯㶅 {
    right: 200px !important;
    right: 220px !important;
    top: -50px !important;
}

    #㪯㶅 .halotype {
        border: 100px rgba(212, 237, 247, 0.4) solid;
        top: -211px;
        left: -180px;
        width: 400px;
        height: 400px;
    }

    #㪯㶅:hover .halotype {
        opacity: 0.9;
    }

.㪮㰯 {
    opacity: 0.3;
    border: 10px ridge silver;
    border: 2px groove #fbf7fb;
    border: 5px solid #fbf7fb;
    border-radius: 50%;
    box-shadow: 1px 1px 10px silver;
    padding: 10px;
}

    .㪮㰯:hover {
        opacity: 1;
        border: 10px ridge red;
    }

*:hover .㪮㰯 {
    opacity: 1;
}

.㪱㬂 {
    position: relative;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
}

.㪱㬃 {
    position: absolute !important;
}

.tabletray {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleX(0.2) scaleY(0.2);
    -moz-transform: scaleX(0.2) scaleY(0.2);
    -o-transform: scaleX(0.2) scaleY(0.2);
    -ms-transform: scaleX(0.2) scaleY(0.2);
    transform: scaleX(0.2) scaleY(0.2);
    -webkit-transform: scaleX(0.15) scaleY(0.15);
    -moz-transform: scaleX(0.15) scaleY(0.15);
    -o-transform: scaleX(0.15) scaleY(0.15);
    -ms-transform: scaleX(0.15) scaleY(0.15);
    transform: scaleX(0.15) scaleY(0.15);
    -webkit-transform: scaleX(0.09) scaleY(0.09);
    -moz-transform: scaleX(0.09) scaleY(0.09);
    -o-transform: scaleX(0.09) scaleY(0.09);
    -ms-transform: scaleX(0.09) scaleY(0.09);
    transform: scaleX(0.09) scaleY(0.09);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -ms-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.tabletrayopen {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleX(1.5) scaleY(1.5) translateZ(5000000px);
    -moz-transform: scaleX(1.5) scaleY(1.5) translateZ(5000000px);
    -o-transform: scaleX(1.5) scaleY(1.5) translateZ(5000000px);
    -ms-transform: scaleX(1.5) scaleY(1.5) translateZ(5000000px);
    transform: scaleX(1.5) scaleY(1.5) translateZ(5000000px);
}

#㪮㭲 {
    -webkit-transform: translateZ(9000000px);
    -moz-transform: translateZ(9000000px);
    -o-transform: translateZ(9000000px);
    -ms-transform: translateZ(9000000px);
    transform: translateZ(9000000px);
    border-radius: 20px;
}

#㪱㬄 {
    display: none;
    visibility: hidden;
}

#㪱㫆 {
    right: 300px !important;
    bottom: 100px !important;
    width: 300px !important;
}

.savepanelonmenu {
    position: absolute;
    top: -2px;
    left: -186px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(196, 206, 215, 0.89);
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

    .savepanelonmenu:hover {
        opacity: 1.0 !important;
        border: 0px;
        box-shadow: 1px 1px 10px silver;
    }

.㪮㮚 {
    display: inline-block;
}

.radcontainerdisplay .savepanelonmenu {
    visibility: hidden;
    display: none;
}

.radcontainerdisplay:hover .savepanelonmenu {
    visibility: visible;
    display: inline;
}

.㪮㯲 {
    top: -400px;
    left: -300px;
    position: absolute;
    text-align: center !important;
    z-index: 6000000;
    width: 200px;
}

.radcontainer .㪮㯲, #bg_TextInputDiv_Container1, #svgsel1_deactivated {
    box-shadow: 0pt 2px 5px rgba(99, 132, 145, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    padding: 15px 10px 10px 15px;
    margin: 15px;
    border-radius: 10%;
    background: #f6f8f9;
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
    background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
}

.㪮㯲 input {
    width: 100%;
    background: #f2f9fe;
    background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd));
    background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
    background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
    background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
    background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe', endColorstr='#d6f0fd', GradientType=0);
}

.listlinespanel .㪮㯲 {
    top: -50px;
    position: absolute;
    left: -150px;
    top: -227px;
}

#bg {
    background-color: #DFEEF9;
    left: 0px;
    overflow: visible;
    width: 100%;
    top: 0px;
    height: 100%;
    cursor: auto;
    zoom: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -MS-transform: scale(1);
    transform: scale(1);
    position: absolute;
    background-color: #F2F2F2;
    background-repeat: repeat;
    -webkit-perspective: 900px;
    perspective: 900px;
}

.㪮㯲 > * {
    display: block !important;
}

body.zoomyon #zmiddlezpanel, body.zoomyon #bg, body.zoomyon bgcurtain {
    background: transparent !important;
}

body.zoomyon #bg {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.㪮㮝 .㪮㭪, .㪮㮟 {
    opacity: 0.01;
}

#㪮㮞.㪮㮟 {
    visibility: visible !important;
    display: inline !important;
}

.radcontainer .㪮㯲 #㪮㯵 {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    width: 400px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
}

.radcontainer .㪮㯲 #㪮㯸 {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    width: 400px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
}

#㪮㭺 {
    opacity: 0.4 !important;
}

    #㪮㭺:hover {
        opacity: 1 !important;
    }

.㪱㬅 {
    box-shadow: 0px 0px 15px 5px rgba(228, 228, 228, 0.58);
}

.㪱㬆 {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.26)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42ffffff', endColorstr='#00ffffff', GradientType=1);
}

.㪱㬇:hover {
    outline: 10px red ridge;
    border: 10px red inset;
}

.㪱㬈:hover {
}

#bg_SelectionMarkers, #bg_SelectionMarkers svg {
    z-index: 10000000000000;
}

.㪱㬉 {
    box-shadow: 1px 1px 10px #c0b9b9;
}

    .㪱㬉:hover, .㪱㬉:active {
        box-shadow: 0px 0px 20px silver !important;
    }

.none {
}

.㪱㬊 {
    border-radius: 50%;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
}

#㪮㮂 {
    display: inline;
    visibility: hidden;
}

body.zoomyon #㪮㮂 {
    visibility: visible;
}

body.zoomyon #bg, body.zoomyon .bgcurtain {
    background: transparent !important;
}

#zbottomzpanel.not(.㪰㵂) {
    z-index: 500000001 !important;
}

#㪯㶴 {
    position: absolute;
    top: -100px;
    width: 600px;
    left: 250px;
}

#㪯㶶 {
    position: absolute;
    left: 250px;
}

.hidden {
    visibility: hidden;
    display: none;
}

#㪯㶴 #㪱㬋 {
    width: 100% !important;
}

#㪮㭠 {
    background-color: white;
    box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.4);
    border-radius: 0px;
    overflow: scoll;
}

.㪮㰠 {
    z-index: 10000000000000 !important;
}

.㪰㵂 {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

.onfullwindowright {
    top: 0px !important;
    right: 0px !important;
    left: auto !important;
    position: fixed !important;
    z-index: 10000000000002 !important;
    opacity: 1.0 !important;
}

.menuonfullwindow {
    top: 0px !important;
    left: auto !important;
    left: 0 !important;
    position: fixed !important;
    z-index: 10000000000002 !important;
    opacity: 1.0 !important;
}

.㪰㵂 iframe {
    border-radius: 0px !important;
}

.㪰㵂 .zcover {
    width: 100% !important;
    height: 100% !important;
}

.zCubesPanelBrowser {
    height: 45px !important;
}

.㪱㬌 > * {
    visibility: hidden;
    display: none;
}

.㪱㬍 > * {
    visibility: visible;
    display: inline;
}

.㪱㬌:before {
    content: url(../img/2164.png);
}

.㪱㬍:after {
    content: url(../img/2165.png);
}

.㪱㬎:after {
    content: "More";
    background-color: yellow;
    color: red;
    font-weight: bold;
}

.㪱㬏:before {
    content: "Less";
    background-color: yellow;
    color: red;
    font-weight: bold;
}

.㪱㬐 {
    border-radius: 15px;
    color: darkgray;
    font-style: italic;
}

.zworkspacezpanel {
    position: fixed !important;
    left: 0px !important;
    width: 100px;
    height: 100% !important;
    z-index: -100000;
    visibility: visible !important;
    display: inline !important;
    z-index: 1002!important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #4f4f4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #4f4f4f));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #4f4f4f 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #4f4f4f 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #4f4f4f 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #4f4f4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4f4f4f', GradientType=0);
    box-shadow: 2px 0px silver;
}

.㪮㭑 {
    z-index: 2147483600!important;
}

.㪱㬑 {
    z-index: 2147483647!important;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
}

.㪮㵦 {
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

#㪮㭺, #zstatuszpanel, #zsystemzpanel, #zspacezpanel, #zcubezpanel, #zgridzpanel {
    -webkit-transform: translateZ(1000000px);
    -moz-transform: translateZ(1000000px);
    -o-transform: translateZ(1000000px);
    -ms-transform: translateZ(1000000px);
    transform: translateZ(1000000px);
}

#zmiddlezpanelzoomy {
    overflow: hidden;
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -transform-style: preserve-3d !important;
}

.㪱㬒 {
    background-color: blue;
    opacity: 0.01;
    position: absolute;
    z-index: 2000000000;
}

#MOUSEMARKER:hover {
    width: 100% !important;
    height: 100% !important;
}

.㪱㬓 {
    visibility: hidden;
    display: none;
}

.㪯㷇 {
    font-size: small;
}

.㪱㬔, .㪱㬖 {
    cursor: copy;
    height: 10px;
    background: #b4e391;
    background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4e391), color-stop(50%, #61c419), color-stop(100%, #b4e391));
    background: -webkit-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
    background: -o-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
    background: -ms-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
    background: linear-gradient(to bottom, #b4e391 0%, #61c419 50%, #b4e391 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=0);
    width: 7px;
    height: 7px;
}

.㪮㳄 {
    position: absolute;
    cursor: move;
    background: #cedbe9;
    background: -moz-linear-gradient(top, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cedbe9), color-stop(17%, #aac5de), color-stop(50%, #6199c7), color-stop(51%, #3a84c3), color-stop(59%, #419ad6), color-stop(71%, #4bb8f0), color-stop(84%, #3a8bc2), color-stop(100%, #26558b));
    background: -webkit-linear-gradient(top, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -o-linear-gradient(top, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -ms-linear-gradient(top, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: linear-gradient(to bottom, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedbe9', endColorstr='#26558b', GradientType=0);
    width: 7px;
    height: 7px;
}

.㪱㬕 {
    cursor: resize;
    width: 7px;
    height: 7px;
    background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(50%, #ffa73d), color-stop(51%, #ff7c00), color-stop(100%, #ff7f04));
    background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
}

    .㪱㬔:hover, .㪮㳄:hover, .㪱㬕:hover, .㪱㬔:active, .㪱㬕:active, .㪱㬖:hover {
        width: 30px !important;
        z-index: 500005 !important;
    }

        .㪱㬔:hover:before, .㪱㬖:hover:before {
            content: "COPY/FILL";
            font-size: 4pt;
            color: black;
            text-align: center;
            font-family: monospace;
            float: none;
        }

        .㪮㳄 :hover:before {
            content: "MOVE";
            font-size: 4pt;
            color: black;
            text-align: center;
            font-family: monospace;
            float: none;
        }

        .㪱㬕 :hover:before {
            content: "RESIZE";
            font-size: 4pt;
            color: black;
            text-align: center;
            font-family: monospace;
            float: none;
        }

.㪱㬖 {
    border: 1px solid black;
}

.㪱㬗 .㪱㬘 {
    font-size: 14pt;
    color: steelblue;
    font-weight: bold;
}

.㪱㬗 .㪱㬙 {
    font-size: 12pt;
    color: silver;
}

.㪱㬗 tr :first-child .㪱㬚 {
    font-size: 12pt;
    color: silver;
}

.㪱㬗 .㪱㬛 {
    font-size: 12pt;
    color: black;
    background: silver;
}

#zCubesPanelDiv.bottompanelactive, #v16196.bottompanelactive, #radcontainerwrapper.publishpanelactive {
    visibility: hidden !important;
    display: none !important;
}

.㪱㬜 .㪮㮒 {
    visibility: hidden;
    display: none;
    border: 0px;
}

.㪱㬜:hover .㪮㮒 {
    visibility: visible;
    display: inline;
}

#㪱㬝 {
    visibility: hidden;
    display: none;
}

input.color {
    border: 0px;
    font-size: 6pt;
    width: 40px;
}

.㪱㬞 {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

    .㪱㬞:hover, .㪱㬞:active {
        -webkit-transform: scaleX(5);
        -moz-transform: scaleX(5);
        -o-transform: scaleX(5);
        -ms-transform: scaleX(5);
        transform: scaleX(5);
    }

.zCubesMenuIconTopSmall {
    width: 25px;
    height: 25px;
}

.㪱㬟 {
    visibility: hidden;
    display: none;
}

.㪯㷄 {
    color: silver;
    font-size: 8pt;
    font-family: arial narrow;
    text-transform: uppercase;
}

.㪱㬠 {
    color: black;
}

.㪱㬡 {
    color: black;
    text-shadow: 2px 2px 4px silver;
}

#㪮㯳, .DirectEditControls2 {
    opacity: 0.2 !important;
}

    #㪮㯳:hover, .DirectEditControls2:hover {
        opacity: 0.8 !important;
    }

.㪮㭒 {
    opacity: 0;
}

.note {
}

    .note p {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14pt;
    }

    .note h1 {
        font-size: 22pt;
    }

    .note h2 {
        font-size: 20pt;
    }

    .note h3 {
        font-size: 26pt;
    }

    .note span {
        background-color: transparent;
    }

#GlobalSpace_Text, .㪰㴴 {
    border: none;
    box-shadow: none;
    padding: none;
    margin: none;
    font-size: 19px;
    padding: 0px;
    position: absolute;
    z-index: 40000;
    BACKGROUND-COLOR: rgba(255, 255, 0, 0.5);
    display: none;
    width: 10px;
    height: 10px;
    border: 0px solid silver;
    box-shadow: 0px 0px 10px silver;
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ffff), color-stop(7%, #e1ffff), color-stop(12%, #e1ffff), color-stop(12%, #fdffff), color-stop(30%, #e6f8fd), color-stop(54%, #c8eefb), color-stop(75%, #bee4f8), color-stop(100%, #b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: linear-gradient(to bottom, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ffff', endColorstr='#b1d8f5', GradientType=0);
}

.㪰㴴 {
    display: block;
    left: 0px;
    top: 0px;
    width: 68px;
    height: 26px;
    cursor: cell;
}

.zpaletteopen {
    -webkit-animation: zpaletteopenaction 1s 1 ease-in-out;
    -moz-animation: zpaletteopenaction 1s 1 ease-in-out;
    -o-animation: zpaletteopenaction 1s 1 ease-in-out;
    -ms-animation: zpaletteopenaction 1s 1 ease-in-out;
    animation: zpaletteopenaction 1s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

svg path.㪱㬢 {
    stroke: #f00;
    stroke-width: 2;
}

#㪱㬣 {
    -webkit-transform: translateZ(1000000px);
    -moz-transform: translateZ(1000000px);
    -o-transform: translateZ(1000000px);
    -ms-transform: translateZ(1000000px);
    transform: translateZ(1000000px);
}

.zpaneldivmain {
    -webkit-transform: translateZ(1000000px);
    -moz-transform: translateZ(1000000px);
    -o-transform: translateZ(1000000px);
    -ms-transform: translateZ(1000000px);
    transform: translateZ(1000000px);
}

.㪮㰳 {
    border-radius: 10%;
}

.㪱㬤 {
    border-radius: 20%;
}

.㪱㬥 {
    border-radius: 50%;
}

#㪧㸥 {
    visibility: hidden !important;
    display: none !important;
}

.wrapperwithoverflow {
    overflow: visible;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    background: transparent;
}

.㪱㬦 {
    visibility: hidden !important;
    display: none !important;
}

.bgcurtain {
    width: 1px !important;
    height: 1px !important;
}

#RESIZEMOUSEMARKER8 {
    visibility: hidden !important;
    display: none !important;
}

.㪮㮡 {
    -webkit-animation: zspinanimationz 0.5s infinite linear !important;
    -moz-animation: zspinanimationz 0.5s infinite linear !important;
    -o-animation: zspinanimationz 0.5s infinite linear !important;
    -ms-animation: zspinanimationz 0.5s infinite linear !important;
    animation: zspinanimationz 0.5s infinite linear !important;
}

#㪮㮠 {
    position: absolute;
    left: -20px;
    top: 14px;
    top: -15px;
    box-shadow: 2px 2px 10px 2px white;
    border-radius: 50%;
    zoom: 0.6;
    -ms-zoom: 0.6;
    -webkit-zoom: 0.6;
    -moz-transform: scale(0.6, 0.6);
    -moz-transform-origin: left center;
}

table.spreadsheet td {
    cursor: cell;
}

    table.spreadsheet td.㪰㸹 div.㫠㴤 {
        cursor: text;
    }

.㪱㬧 {
    padding: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, #f2f2f2, #ffffff);
    background-origin: border-box;
    display: inline-block;
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow: 0 1px 0 #cfdae2, 0 1px 1px #a7c3d6;
}

.㪱㬧 {
    padding: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, #f2f2f2, #ffffff);
    background-origin: border-box;
    box-shadow: inset 0 0 5px #e0e0e0, 0 0 12px #e0e0e0, inset -999px 0 0 #d9e8fd;
    display: inline-block;
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow: 0 6px 0 #cfdae2, 0 10px 6px #a7c3d6;
}

    .㪱㬧 :hover {
        box-shadow: 0 6px 0 #d8ecfd, 0 10px 6px #a7c3d6;
    }

    .㪱㬧 :active {
        box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142, 188, 218, 0.8);
        -webkit-transform: translateY(0.13em);
        -moz-transform: translateY(0.13em);
        -o-transform: translateY(0.13em);
        -ms-transform: translateY(0.13em);
        transform: translateY(0.13em);
    }

.㪱㬨 {
    background: transparent !important;
}

.㪱㬩 {
    border: 0px !important;
}

#㪮㰥 .㪮㭪 {
    width: 30px;
    height: 30px;
}

.㪮㰪 {
    width: 10px !important;
    height: 10px !important;
}

.㪱㬪 {
    top: -20px;
    position: relative;
}

.㪮㰫 {
    top: -10px;
    position: relative;
}

.㪯㶧 {
    opacity: 0.3;
}

.㪮㰨 {
    background: #0a0809;
    background: -moz-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0a0809), color-stop(49%, #0a0e0a), color-stop(50%, #6e7774), color-stop(100%, #aebcbf));
    background: -webkit-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -o-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -ms-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: linear-gradient(135deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0809', endColorstr='#aebcbf', GradientType=1);
    font-size: 10px;
    color: white;
    border-radius: 10px;
    padding-left: 10px;
}

.㪮㰰 {
    background: #4c4c4c;
    background: -moz-radial-gradient(center, ellipse cover, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
    background: -webkit-radial-gradient(center, ellipse cover, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-radial-gradient(center, ellipse cover, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -ms-radial-gradient(center, ellipse cover, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: radial-gradient(ellipse at center, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1);
}

.㪯㴈 {
    font-size: 10px;
    width: 100px;
    display: block;
    font-family: monospace;
    font-size: 8pt;
    text-transform: uppercase;
    text-align: center;
    color: black;
    text-shadow: 1px 1px 2px silver;
    width: 100%;
    border: 0px;
    padding-left: 10px;
}

#㪯㶅 .㪯㴈 {
    text-align: left !important;
}

.㪯㴉 {
    color: rgba(0, 0, 0, 0.67);
    display: block;
    text-transform: capitalize;
    font-family: monospace;
    font-size: 8pt;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px white;
}

    .㪯㴉 > span {
        display: inline-block !important;
    }

.㪯㴊 {
    width: 100px;
    text-align: center;
}

.㪯㮡 {
    width: 100% !important;
}

.㪯㴤 {
    vertical-align: top;
}

span.㪮㸱, div.㪮㸱 {
    background: transparent;
}

.㪯㶍 {
    background: #f6f8f9;
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
    background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
}

.㪮㲧 {
    visibility: hidden;
    display: none;
}

.㪱㬫 {
    overflow: auto !important;
}

.㪱㬬 > * {
    cursor: url(../img/1508.cur) !important;
}

.㪯㭍 {
    padding: 3px !important;
    padding: 6px;
    border-radius: 5px !important;
    background-color: #d9eeff;
    box-shadow: 0 2px 8px rgba(190, 190, 190, 0.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -moz-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -ms-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: linear-gradient(to top, #e6e6e6, #ffffff);
    cursor: pointer;
}

    .㪯㭍:active {
        -webkit-transform: translate(0, 1px);
        -moz-transform: translate(0, 1px);
        -o-transform: translate(0, 1px);
        -ms-transform: translate(0, 1px);
        transform: translate(0, 1px);
        background-color: #eef4f8;
        box-shadow: 0 0 17px 23px rgba(255, 255, 255, 0.57), inset 0 2px rgba(73, 110, 149, 0.75);
        border: solid 1px #7db1e5;
        background-image: -webkit-linear-gradient(top, #76c5f6, #97d6fe 66%);
        background-image: -moz-linear-gradient(top, #76c5f6, #97d6fe 66%);
        background-image: -o-linear-gradient(top, #76c5f6, #97d6fe 66%);
        background-image: -ms-linear-gradient(top, #76c5f6, #97d6fe 66%);
        background-image: linear-gradient(to bottom, #76c5f6, #97d6fe 66%);
        color: #FFFFFF;
        cursor: pointer;
    }

svg {
}

#㪮㵮 {
    visibility: hidden;
    display: none;
    position: absolute;
    left: -10000px;
    top: -10000px;
}

body.editing .㪰㵂.zcube {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    border: 0px !important;
}

.㪯㶗 {
    border: 0px solid silver;
    border-radius: 50%;
    background: white;
}

.PublishPanel1 {
    width: 750px;
    background: transparent;
    position: absolute;
    top: 200px;
    left: 0px;
}

#㫞㯾 {
    padding: 20px;
    width: 750px;
    position: absolute;
    top: 200px;
    left: 0px;
}

.PublishPanel1 a.feedback-tab {
    background: transparent;
    border-width: 1px 1px 1px 0;
    display: block;
    height: 99px;
    left: 51px;
    bottom: 21px;
    position: relative;
    float: right;
    text-indent: -9999px;
    width: 30px;
    outline: none;
}

.㪮㹠 {
    display: inline;
}

.㪱㬭 {
    transform: rotate(-90deg);
}

.㪱㬮 {
    transform: rotate(90deg);
}

.㪱㬯 {
    transform: rotate(-45deg);
}

.㪱㬰 {
    transform: rotate(45deg);
}

.㪱㬱 {
    width: 10px;
    font-size: 15pt;
    padding: 9px;
    background: #646464;
    word-break: break-all;
    color: white;
}

.㪱㬲 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 15pt;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
    background: #646464;
    color: white;
    padding: 10px;
    text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
    float: left;
    width: auto;
}

.㪱㬳 {
    border: 5px outset lightgray;
    padding: 20px !important;
    -webkit-transform: translateX(-21px) translateY(-25px);
    -moz-transform: translateX(-21px) translateY(-25px);
    -o-transform: translateX(-21px) translateY(-25px);
    -ms-transform: translateX(-21px) translateY(-25px);
    transform: translateX(-21px) translateY(-25px);
}

.㪰㸬 {
}

.㪱㬴 {
    border-bottom: 1px solid black;
}

#GlobalSpace_Controls, #GlobalSpace_Text1 {
}

.㪯㵺, basiccolortable td {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0px;
}

.tabbedcube :not(.zcube) .zcube, .tabbedcube :not(.zcube) .zcover {
    width: 100% !important;
    height: 100% !important;
}

.tabbedcube .selectedcube {
    border-color: transparent !important;
}

.tabbedcube.selectedcube {
    border-color: transparent !important;
    border-width: 10px !important;
}

table.㪮㲴 {
    height: 40px;
}

.㪱㬵, .grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
    opacity: 0.3;
}

.tabbedcube .zcube.㪮㵧 {
    box-shadow: none;
}

.㪰㵂.tabbedcube > .ztabpanelcontainer {
    left: 150px;
    width: 50% !important;
    height: 51px;
    overflow-x: auto !important;
}

.㪱㬶:focus {
    background-color: #f7f9d6;
    color: black;
}

.㪱㬷 {
    background: red;
}

.㪮㳅 {
    visibility: hidden;
    display: none;
}

.㪱㬸, .overflowvisibletemp {
    overflow: visible !important;
}

.㪱㬹 {
    position: absolute;
    background-color: skyblue;
    background: #e4f5fc;
    background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f5fc), color-stop(50%, #bfe8f9), color-stop(51%, #9fd8ef), color-stop(100%, #2ab0ed));
    background: -webkit-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    background: -o-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    background: -ms-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    background: linear-gradient(to bottom, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=0);
}

.SlideRestHolderRow {
    visibility: hidden;
    display: none;
}

.㪱㬺 > div, .㪮㲬 > divspan {
    position: relative;
}

.㪱㬻 input, .㪱㬻 img {
    -webkit-transform: translateX(-75px);
    -moz-transform: translateX(-75px);
    -o-transform: translateX(-75px);
    -ms-transform: translateX(-75px);
    transform: translateX(-75px);
}

#GlobalSpace_Handle:focus, #GlobalSpace_Handle:active, #GlobalSpace_Handle:hover {
}

body.editing table.spreadsheet:not(.㪮㸚):before {
    content: attr(rcid);
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 8pt;
    color: silver;
    box-shadow: 1px 1px 10px silver;
    border: 0px thin silver;
    border-radius: 10%;
}

.㪱㬼 {
    height: 12px !important;
    width: 12px !important;
    padding: 15px !important;
    background-image: url(https://a2appcachews.zcubes.com/zcommunity/img/Login/Sprites.png);
}

.panelclose {
    height: 12px !important;
    width: 12px !important;
    padding: 15px !important;
    background-position: -87px -6px;
    border-radius: 100px;
    background-color: #808080;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

body.editing table.spreadsheet:not(.㪮㸚) {
    border-left: 20px double rgba(192, 192, 192, 0.09);
    border-top: 20px double rgba(192, 192, 192, 0.09);
}

body.editing .spreadsheet:not(.㪮㸚) tr:first-child td:before {
    content: attr(c);
    position: absolute;
    top: -18px;
    font-size: 8pt;
    font-weight: lighter;
    color: silver;
}

body.editing .spreadsheet:not(.㪮㸚) tr:before {
    content: attr(r);
    position: relative;
    font-size: 8pt;
    font-weight: normal;
    color: silver;
    left: -10px;
}

.㪱㬽 {
    width: 100%;
    height: 100%;
    color: black;
    align: left;
    font-weight: normal;
    text-align: left;
    white-space: pre;
    padding: 0.5;
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ffff), color-stop(7%, #e1ffff), color-stop(12%, #e1ffff), color-stop(12%, #fdffff), color-stop(30%, #e6f8fd), color-stop(54%, #c8eefb), color-stop(75%, #bee4f8), color-stop(100%, #b1d8f5));
    background: -webkit-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -o-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -ms-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: linear-gradient(to bottom, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ffff', endColorstr='#b1d8f5', GradientType=0);
}

.㪱㬾 {
    color: black;
    background-color: rgba(145, 145, 145, 0.13);
}

.㪮㯲 input {
    color: black;
    background: #e2e2e2;
    background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -o-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -ms-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: linear-gradient(135deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
}

body:not(.editing) #㪱㬿 {
    height: 50px !important;
    width: 50px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border-radius: 50% !important;
    z-index: 1001;
    box-shadow: 1px 1px 10px black;
    margin: 20px;
    cursor: pointer;
    position: fixed;
    top: 0px;
    -webkit-transition: display 2s;
    -moz-transition: display 2s;
    -o-transition: display 2s;
    -ms-transition: display 2s;
    transition: display 2s;
}

    body:not(.editing) #㪱㬿:after {
        content: "Click \ato Edit!";
        width: 100;
        height: 20;
        overflow: hidden;
        display: block;
        position: relative;
        bottom: -10px;
        margin: auto;
        font-family: Garamond;
        color: silver;
    }

    body:not(.editing) #㪱㬿:active {
        box-shadow: -1px -1px 10px black;
    }

#SearchBoxSpace, #㪮㰄, #SearchBoxSpace, #㪮㰅, .㪮㰆, .zCubesPanelBrowser, .㪮㰇, #㪮㰏 {
    width: 100% !important;
}

#SearchBoxSpace {
    left: 0px !important;
    top: 0px !important;
}

.㪮㰊, .㪮㭚 {
    padding: 6px;
    border-radius: 1px 50px 50px 50px;
    background-color: #d9eeff;
    box-shadow: 0 2px 8px rgba(190, 190, 190, 0.39);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -moz-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: -ms-linear-gradient(bottom, #e6e6e6, #ffffff);
    background-image: linear-gradient(to top, #e6e6e6, #ffffff);
    cursor: pointer;
    margin-left: 5px;
    margin-top: 10px;
}

.㪰㵇 td.㪰㵈 {
    visibility: hidden;
    display: none;
}

.wrapperwithoverflow.㪱㭀 > svg {
    border: 1px dotted silver;
}

.㪯㶮 {
    display: block;
}

.menuheader, .menucaption {
    font-size: 14pt;
    font-weight: bold;
    color: silver;
    border-bottom: thin silver solid;
}

.menucaption {
    font-size: 16pt;
    color: slategray;
}

.menusubheader {
    font-size: 12pt;
    font-weight: bold;
    color: silver;
    border-bottom: thin silver solid;
}

.zrightzpanel input[type=text] {
    border: none;
    box-shadow: none;
    padding: 0px;
    background: rgba(135, 199, 235, 0.3);
    margin: none;
}

.㪱㭁 {
    box-shadow: 0 2px 18px rgba(228, 218, 218, 0.97);
    display: block;
    padding: 10px;
    margin: 10px;
    background: rgba(103, 99, 99, 0.25);
}

.smalltraytables td {
    font-size: 10px !important;
    text-transform: uppercase;
}

.㪱㭂 {
    background-color: silver !important;
}

.㪱㭃 {
    background-color: silver !important;
}

.㪱㭄 {
    background-color: inherit;
}

ul.㪮㳫 {
    list-style-type: none;
}

.㫟㫙 ul {
    background-color: #EFEFEF;
}

.㫟㫙 li {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
}

.㫟㫙 {
    margin: 0 auto;
    opacity: .8;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

    .㫟㫙 .gs-w {
        background: #DDD;
        cursor: pointer;
    }

    .㫟㫙 .㪱㭅 {
        background: #BBB;
    }

    .㫟㫙 .preview-holder {
        border: none!important;
        background: red!important;
    }

.㪱㭆 {
    pointer-events: all;
}

.㪱㭇 {
    fill: none;
}

.㪱㭈 .㪱㭉 {
    stroke: lightgrey;
    opacity: 0.7;
}

.㪱㭈 path {
    stroke-width: 0;
}

.㪯㴣 {
    width: 10px !important;
}

.㪱㭊 {
    width: 15px !important;
}

.㪮㳥 {
    width: 20px !important;
}

.㪮㮺 {
    width: 20px !important;
    height: 20px !important;
}

.㪮㶪 {
    width: 25px !important;
}

.㪯㵎 {
    width: 30px !important;
}

.㪯㭋 {
    width: 40px !important;
}

.㪮㴞 {
    width: 50px !important;
}

.㪱㭋 {
    width: 75px !important;
}

.㪮㴟 {
    width: 80px !important;
}

.㪯㵝 {
    width: 100px !important;
}

.㪱㭌 {
    width: 110px !important;
}

.㪯㴇 {
    width: 120px !important;
}

.㪯㶊 {
    width: 125px !important;
}

.㪰㫇 {
    width: 130px !important;
}

.㪯㴌 {
    width: 140px !important;
}

.㪯㵄 {
    width: 150px !important;
}

.㪯㴎 {
    width: 175px !important;
}

.㪰㫎 {
    width: 180px !important;
}

.㪯㴍 {
    width: 200px !important;
}

.㪱㭍 {
    width: 250px !important;
}

.㪱㭎 {
    height: 10px !important;
}

.㪱㭏 {
    height: 20px !important;
}

.㪱㭐 {
    height: 30px !important;
}

.㪰㳟 {
    width: 10px !important;
    height: 10px !important;
}

.㪮㮺 {
    width: 20px !important;
    height: 20px !important;
}

.㪮㮜 {
    width: 30px !important;
    height: 30px !important;
}

#㪯㶅 .㪯㴉 .㪯㭍 {
    width: 15px !important;
    height: 15px !important;
}

.㪱㭑 {
    border: 1px solid gray;
    box-shadow: 1px 1px 2px 0px whitesmoke;
}

    .㪱㭑 td {
        border: 1px solid silver;
        box-shadow: 1px 1px 2px 0px whitesmoke;
    }

.㪮㭛 {
    border-radius: 25px;
    padding: 10px;
    box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
}

.panelback {
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.㪰㵂 .㪮㭝:after {
    content: url(../img/2092.png);
    position: absolute;
    left: 100px;
    top: 30px;
    width: 10px;
    height: 10px;
    zoom: 0.3;
}

.onfullwindow .㪮㭝:after {
    content: url(../img/2092.png);
    position: relative;
    left: -10px;
    top: -50px;
    width: 10px;
    height: 10px;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}

#zcubemenucontrolsspan img {
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 10px;
    padding: 10px;
    border: 0px solid transparent;
}

@media all {
    #㪮㭺 {
        position: fixed;
        width: 350px;
        width: 400px;
        height: 40px;
        right: 20px;
        z-index: 10000000;
        visibility: visible;
        display: inline;
        bottom: 6px;
        bottom: 16px;
    }
}

@media all and (max-width: 520px) {
    #㪮㭺 {
        position: fixed;
        width: 40px !important;
        height: 100px !important;
        right: 0px !important;
        top: auto;
        bottom: 10px !important;
        z-index: 10000000 !important;
        visibility: visible;
        display: inline;
        bottom: 140px !important;
    }
}

#zgridzpanel:not(.㪱㫤) .㪮㰐 {
    visibility: hidden;
    display: none;
}

.㪮㯼 {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
}

#zrightzpanelcontent .zcontent {
    overflow: auto;
}

#zrightzpanel.㪱㫢, #zworkspacezpanel.㪱㫢 {
    right: 100px;
    padding-right: 10px;
    margin: 0px;
    border: 0px !important;
    border-radius: 0px !important;
    position: fixed !important;
    left: auto !important;
    right: 100px;
    top: 0px !important;
    height: 100% !important;
    border-left: 10px solid silver !important;
    border-right: 10px solid silver !important;
    box-shadow: 0px 0px 100px 10px silver !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

#zworkspacezpanel.㪱㫢 {
    left: 0 !important;
    right: auto !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.㪱㬬:after {
    content: url(../img/749.png);
    position: absolute;
    right: 30px;
    top: 10px;
    zoom: 0.6;
    z-index: 100000000;
}

.㪱㫻 .㪱㬬:after {
    position: absolute;
    right: 30px;
    top: 10px;
    transform: scale(0.6, 0.6);
    z-index: 100000000;
}

.blackpanel {
    color: white;
}

.horizontal .blackpanel, .blackpanelhorizontal {
    background: #aebcbf;
    background: -moz-linear-gradient(left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #aebcbf), color-stop(50%, #6e7774), color-stop(51%, #0a0e0a), color-stop(100%, #0a0809));
    background: -webkit-linear-gradient(left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -o-linear-gradient(left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -ms-linear-gradient(left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(to right, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf', endColorstr='#0a0809', GradientType=1);
}

.vertical .blackpanel, .blackpanelvertical {
    background: #aebcbf;
    background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aebcbf), color-stop(50%, #6e7774), color-stop(51%, #0a0e0a), color-stop(100%, #0a0809));
    background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -o-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -ms-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf', endColorstr='#0a0809', GradientType=0);
}

.horizontal .blackpanelshaded, .blackpanelshadedhorizontal {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.vertical .blackpanelshaded, .blackpanelshadedvertical {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.horizontal .silverpanelshaded, .silverpanelshadedhorizontal {
    background: -moz-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 135, 135, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6878787', endColorstr='#00000000', GradientType=0);
}

.vertical .silverpanelshaded, .silverpanelshadedvertical {
    background: -moz-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 135, 135, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(135, 135, 135, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6878787', endColorstr='#00000000', GradientType=0);
}

.㪯㶦 {
    position: fixed;
    display: inline;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    border: 0px solid transparent;
    border-radius: 50%;
}

.vertical #paintpanelsettings {
    width: 120px;
    padding-top: 35px;
}

.horizontal #paintpanelsettings {
    height: 75px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 60px;
    width: 750px;
    margin-left: 30px;
}

.controlpanels {
    color: white;
    font-family: monospace;
    font-size: 10px;
    text-transform: capitalize;
}

.㪱㭒 {
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}

.㪱㭓 {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.㪱㭔 {
    -webkit-transform: rotateZ(-180deg);
    -moz-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg);
    -ms-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}

.㪱㭕 {
    -webkit-transform: rotateZ(180deg) translateY(-250px);
    -moz-transform: rotateZ(180deg) translateY(-250px);
    -o-transform: rotateZ(180deg) translateY(-250px);
    -ms-transform: rotateZ(180deg) translateY(-250px);
    transform: rotateZ(180deg) translateY(-250px);
}

.㪮㮱 {
    display: inline-block;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.di {
    display: inline;
}

.tb {
    color: black;
    background: transparent;
    text-shadow: 1px 1px 1px white;
}

.㪮㮧 {
    vertical-align: top;
}

.㪱㭖 {
    background: #0a0809;
    background: -moz-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0a0809), color-stop(49%, #0a0e0a), color-stop(50%, #6e7774), color-stop(100%, #aebcbf));
    background: -webkit-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -o-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: -ms-linear-gradient(-45deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    background: linear-gradient(135deg, #0a0809 0%, #0a0e0a 49%, #6e7774 50%, #aebcbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0809', endColorstr='#aebcbf', GradientType=1);
}

.㪱㭗 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

.㪯㶟 {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(left, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(left, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(left, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(to right, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
}

.㪮㶩 {
    background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(46%, #0d0d0d), color-stop(50%, #010101), color-stop(53%, #0a0a0a), color-stop(76%, #4e4e4e), color-stop(87%, #383838), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -o-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -ms-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
}

.bb {
    background: #4c4c4c;
    background: -moz-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
    background: -webkit-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -ms-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: linear-gradient(135deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1);
}

.㪮㲹 {
    background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    color: black;
}

.round {
    border-radius: 50%;
}

.p5, .bb {
    padding: 5px;
}

.bb {
    padding: 2px;
}

.㪮㮼 {
    border-radius: 20px;
}

#StrokeWeight_TextBox_Sample2 {
    position: absolute;
    border-radius: 50% !important;
    border: 1px solid silver;
    width: 1px;
    top: 70px;
    height: 1px;
    background-color: transparent;
    z-index: -1;
}

.sb {
    background: #e2e2e2;
    background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -o-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -ms-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: linear-gradient(135deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
    color: black;
}

.㪱㭘 {
    visibility: hidden !important;
    display: none !important;
}

.㪮㰧 {
    background: #4c4c4c;
    background: -moz-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
    background: -webkit-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -ms-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: linear-gradient(135deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1);
}

.㪮㳦 {
    box-shadow: 10px 10px 10px silver;
    border-radius: 50%;
    border: 0px solid transparent;
    background: #959595;
    background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #959595), color-stop(46%, #0d0d0d), color-stop(50%, #010101), color-stop(53%, #0a0a0a), color-stop(76%, #4e4e4e), color-stop(87%, #383838), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -o-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -ms-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: linear-gradient(135deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1);
}

.㪱㭙 {
    left: auto !important;
}

.㪱㭚 {
    top: auto !important;
}

.㪱㭛 {
    bottom: auto !important;
}

.㪱㭜 {
    right: auto !important;
}

.㪱㭝 {
    width: auto !important;
}

.㪱㭞 {
    height: auto !important;
}

.㪱㭟 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.㪮㭘 {
    cursor: ew-resize;
}

.㪱㭠 {
    cursor: ns-resize;
}

.㪮㭘 {
    cursor: ew-resize;
}

.㪮㭓, .resizehorizontalslider {
    cursor: col-resize;
}

.㪱㭡, .resizeverticalslider {
    cursor: row-resize;
}

.㪮㭕 {
    cursor: pointer;
}

#RESIZEMOUSEMARKER3 {
    cursor: ew-resize !important;
}

#RESIZEMOUSEMARKER5 {
    cursor: ns-resize !important;
}

#RESIZEMOUSEMARKER4 {
    cursor: se-resize !important;
}

.㪱㭢 {
    -webkit-transition: none !important;
    transition: none !important;
}

.calcipanel, .calcipanel #㪮㲽 {
    font-size: 12pt;
    font-family: monospace;
    text-shadow: 1px 1px black;
}

.㪮㲺 {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    color: silver;
    display: block;
    font-family: monospace;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.67);
    text-shadow: 1px 1px 1px white;
}

.㪮㶨 {
}

.㪱㭣 {
}

#㪰㬕 textarea {
    font-size: 14pt;
    color: darksilver;
    text-align: left;
    width: 275px;
    background: #f9fcf7;
    background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%);
    background: -webkit-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%);
    background: linear-gradient(to bottom, #f9fcf7 0%, #f5f9f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fcf7', endColorstr='#f5f9f0', GradientType=0);
    border: none;
}

.㪱㭤 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}

.㪱㭥 {
    display: block;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
    color: black;
}

.㪱㭦 {
    display: block;
}

.㪱㭦, .㪱㭥 {
    color: black;
    text-align: center;
}

.㪱㭧 {
    display: inline-block;
}

.compact .㪱㭨 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 80% !important;
    width: 50% !important;
    display: inline-block !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.compact .menuspace .㪱㭨 {
    text-align: center;
}

.compact .㪰㵓 {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px;
    padding: 10px !important;
}

.compact .㪯㵺.㪱㭨 {
    width: 20px !important;
}

.compact #MenuRadial {
    top: 70px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    position: relative !important;
    display: block !important;
    height: 100% !important;
    padding: 10px;
    height: 90% !important;
    width: 100% !important;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}

.compact #MenuRadialCopy {
    display: none;
}

.compact .㪱㭩#MenuRadialCopy {
    display: inline;
    padding: 10px;
    box-shadow: 10px 10px 10px black;
    border-radius: 30px;
    border: 1px transparent solid;
    top: 22% !important;
    height: 70% !important;
    width: 30% !important;
    width: 100% !important;
    left: 0% !important;
    position: absolute !important;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
}

.compact #MenuRadialTemplate {
    left: 0% !important;
    top: 0% !important;
}

    .compact #MenuRadialTemplate > img {
        position: absolute !important;
        top: 20px !important;
        left: 243px !important;
        zoom: 0.5 !important;
    }

.compact.㪱㫻 #MenuRadialTemplate > img {
    transform: translate(-150px) scale(0.5, 0.5);
}

.compact .㪯㴈 {
    text-align: left !important;
    width: 100% important;
}

.compact .㪯㴉 {
    text-align: left !important;
    width: 100% important;
}

.compact .㪱㬳 {
    border: 0px;
    padding: 0px !important;
    transform: none;
}

.compact .backspace {
    display: none;
}

.㪱㭪 {
    text-shadow: 1px 1px 1px silver;
}

.㪱㭫 {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.㪱㭬 {
    text-shadow: -1px -1px #ff0000, 1px 1px #ff1700, 3px 2px #ff2e00, 5px 3px #ff4500, 7px 4px #ff5c00, 9px 5px #ff7300, 11px 6px #ff8a00, 13px 7px #ffa100, 14px 8px #ffb800, 16px 9px #ffcf00, 18px 10px #ffe500, 20px 11px #fffc00, 22px 12px #ebff00, 23px 13px #d4ff00, 25px 14px #bdff00, 27px 15px #a6ff00, 28px 16px #8fff00, 30px 17px #78ff00, 32px 18px #61ff00, 33px 19px #4aff00, 35px 20px #33ff00, 36px 21px #1cff00, 38px 22px #05ff00, 39px 23px #00ff12, 41px 24px #00ff29, 42px 25px #00ff40, 43px 26px #00ff57, 45px 27px #00ff6e, 46px 28px #00ff85, 47px 29px #00ff9c, 48px 30px #00ffb3, 49px 31px #00ffc9, 50px 32px #00ffe0, 51px 33px #00fff7, 52px 34px #00f0ff, 53px 35px #00d9ff, 54px 36px #00c2ff, 55px 37px #00abff, 55px 38px #0094ff, 56px 39px #007dff, 57px 40px #0066ff, 57px 41px #004fff, 58px 42px #0038ff, 58px 43px #0021ff, 58px 44px #000aff, 59px 45px #0d00ff, 59px 46px #2400ff, 59px 47px #3b00ff, 59px 48px #5200ff, 59px 49px #6900ff, 60px 50px #7f00ff, 59px 51px #9600ff, 59px 52px #ad00ff, 59px 53px #c400ff, 59px 54px #db00ff, 59px 55px #f200ff, 58px 56px #ff00f5, 58px 57px #ff00de, 58px 58px #ff00c7, 57px 59px #ff00b0, 57px 60px #ff0099, 56px 61px #ff0082, 55px 62px #ff006b, 55px 63px #ff0054, 54px 64px #ff003d, 53px 65px #ff0026, 52px 66px #ff000f, 51px 67px #ff0800;
}

.㪱㭭 {
    box-shadow: -1px -1px #ff0000, 1px 1px #ff1700, 3px 2px #ff2e00, 5px 3px #ff4500, 7px 4px #ff5c00, 9px 5px #ff7300, 11px 6px #ff8a00, 13px 7px #ffa100, 14px 8px #ffb800, 16px 9px #ffcf00, 18px 10px #ffe500, 20px 11px #fffc00, 22px 12px #ebff00, 23px 13px #d4ff00, 25px 14px #bdff00, 27px 15px #a6ff00, 28px 16px #8fff00, 30px 17px #78ff00, 32px 18px #61ff00, 33px 19px #4aff00, 35px 20px #33ff00, 36px 21px #1cff00, 38px 22px #05ff00, 39px 23px #00ff12, 41px 24px #00ff29, 42px 25px #00ff40, 43px 26px #00ff57, 45px 27px #00ff6e, 46px 28px #00ff85, 47px 29px #00ff9c, 48px 30px #00ffb3, 49px 31px #00ffc9, 50px 32px #00ffe0, 51px 33px #00fff7, 52px 34px #00f0ff, 53px 35px #00d9ff, 54px 36px #00c2ff, 55px 37px #00abff, 55px 38px #0094ff, 56px 39px #007dff, 57px 40px #0066ff, 57px 41px #004fff, 58px 42px #0038ff, 58px 43px #0021ff, 58px 44px #000aff, 59px 45px #0d00ff, 59px 46px #2400ff, 59px 47px #3b00ff, 59px 48px #5200ff, 59px 49px #6900ff, 60px 50px #7f00ff, 59px 51px #9600ff, 59px 52px #ad00ff, 59px 53px #c400ff, 59px 54px #db00ff, 59px 55px #f200ff, 58px 56px #ff00f5, 58px 57px #ff00de, 58px 58px #ff00c7, 57px 59px #ff00b0, 57px 60px #ff0099, 56px 61px #ff0082, 55px 62px #ff006b, 55px 63px #ff0054, 54px 64px #ff003d, 53px 65px #ff0026, 52px 66px #ff000f, 51px 67px #ff0800;
}

.㪱㭮 {
    position: static;
    margin-left: 80px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

#PAINTMOUSEMARKER {
    opacity: 0.2 !important;
    background-color: rgba(0, 173, 255, 0.68) !important;
    background-color: transparent !important;
    display: none !important;
}

.㪮㰕 {
    z-index: 3000000;
}

.㪱㭯 {
    border: 1px solid black;
    -webkit-transition: background 2s;
    -moz-transition: background 2s;
    -o-transition: background 2s;
    -ms-transition: background 2s;
    transition: background 2s;
    background: #ffd65e;
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
    background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
}

.figure {
    padding: 0.9em;
    border: 3px solid #f5bca8;
    background: #fff;
    margin: 0 auto 1em;
}

    .figure img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
    }

    .figure figcaption {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.8em;
        padding: .5em;
        text-align: center;
        color: #fff;
        background: #f5bca8;
        counter-increment: figures;
    }

        .figure figcaption:before {
            content: 'Fig. ' counter(figures) ' - ';
        }

.figure-left {
    float: left;
    margin: 0 1.5em .5em 0;
}

.figure-right {
    float: right;
    margin: 0 0 .5em 1.5em;
}

    .figure-right img, .figure-left img {
        max-width: 300px;
    }

@media (max-width: 767px) {
    .figure-left, .figure-right {
        float: none;
        margin: 0 0 1em 0;
        width: 100%;
    }

    .figure img {
        max-width: 100%;
    }
}

.figure figcaption.image {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    padding: .5em;
    text-align: center;
    color: #fff;
    background: #f5bca8;
    counter-increment: images;
}

    .figure figcaption.image:before {
        content: 'Fig. ' counter(images) ' - ';
    }

.figure figcaption.table {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    padding: .5em;
    text-align: center;
    color: #fff;
    background: #f5bca8;
    counter-increment: tables;
}

.figure figcaption.image:before {
    content: 'Fig. ' counter(tables) ' - ';
}

.figure figcaption.㪱㭰 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    padding: .5em;
    text-align: center;
    color: #fff;
    background: #f5bca8;
    counter-increment: photos;
}

.figure figcaption.image:before {
    content: 'Fig. ' counter(photos) ' - ';
}

.㪮㮑 {
    position: absolute;
    color: silver;
    text-shadow: 1px 1px 2px white;
    text-transform: uppercase;
    left: 20px;
    color: #4e4e4e;
    font-size: 18pt;
    font-size: 16pt;
    text-shadow: 1px 1px 1px silver;
}

.㪱㭱, .fontselector, .㪮㲩, .㪮㲪 {
    border-radius: 10px;
    padding: 3px;
    background-color: silver;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#㪯㶅 .halotype1 {
    left: -300px;
    width: 600px;
    top: -275px;
}

.㪯㶋 {
    transform: none !important;
}

.㪱㭲 {
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #feb645));
    background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -o-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -ms-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
}

.㪱㭳 {
    background: #feffff;
    background: -moz-linear-gradient(left, #feffff 0%, #d2ebf9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #feffff), color-stop(100%, #d2ebf9));
    background: -webkit-linear-gradient(left, #feffff 0%, #d2ebf9 100%);
    background: -o-linear-gradient(left, #feffff 0%, #d2ebf9 100%);
    background: -ms-linear-gradient(left, #feffff 0%, #d2ebf9 100%);
    background: linear-gradient(to right, #feffff 0%, #d2ebf9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#d2ebf9', GradientType=1);
}

.㪱㭴 {
    text-align: left;
}

.㪱㭵 {
    cursor: url(../img/686.png), pointer !important;
}

#zbottomzpanelconsole {
    height: 300px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.㪮㭟 {
    -webkit-overflow-scrolling: touch;
}

.㪮㭫 {
    box-shadow: none !important;
}

.㪯㭈 {
    width: 50px !important;
    height: 50px !important;
    padding: 0px !important;
}

.㪮㭼 {
    white-space: nowrap;
}

.zoomyon .㪮㮀 {
    background: #7d7e7d;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
}

.㪱㭶 {
    width: auto !important;
    height: auto !important;
}

.GridPanel1 {
}

.spreadsheet td img {
    min-width: 35px;
    width: 100%;
}

#zmiddlezpanel, #zmiddlezpanelcover, #bg {
    border-radius: 0px;
}

.㪱㭷 {
    margin: 0px;
}

.fullwidthcube {
    left: 0% !important;
    width: 100% !important;
}

.fullheightcube {
    top: 0% !important;
    height: 100% !important;
}

.fullwidthcube > .zcover {
    width: 100% !important;
}

.fullheightcube > .zcover {
    height: 100% !important;
}

.㪮㸅 {
    width: 100%;
    height: 100%;
}

.㪮㸆 {
    width: auto !important;
}

.㪱㭸 {
    height: auto !important;
}

.㪮㸡 {
    width: 100%;
}

.codetextarea {
    width: 100%;
    white-space: pre;
    tab-size: 4;
}

.㪱㭹 {
    font-color: red;
}

.㪱㭺 {
    white-space: nowrap;
}

table.㪯㭊 thead > tr {
    background: rgba(192, 192, 192, 0.37);
}

table.㪯㭊 tbody > tr:nth-child(even) {
    background: rgba(192, 192, 192, 0.11);
}

table.㪯㭊 tbody > tr:nth-child(odd) {
    background: #FFF;
}

.formula {
    display: inline;
}

.editing .formula {
    border: 1px solid silver;
}

.㪱㭻 {
    border: 1px solid red;
}

.preservewhitespace {
    white-space: pre;
}

.㪱㭼 {
    background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px !important;
    white-space: nowrap;
    display: inline-block;
    background-color: white;
    padding: 10px;
}

.㪱㭽 {
    color: silver;
    border-radius: 50%;
    top: -20px;
    position: relative;
    padding: 10px 20px 10px 10px;
}

.㪱㭾 {
    font-size: 8px;
    color: silver;
}

.gamizcube_noborder {
    padding: 0px !important;
    border: none !important;
}

    .gamizcube_noborder .zcover {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width: 320px) and (min-width: 100px) {
    .pnlimageurl {
        width: 33% !important;
    }

    #mce_29 {
        display: none;
    }

    .iframediv, iframe {
        min-height: 250px !important;
    }

    .silverbtn {
        font-size: 11pt !important;
    }
}

#mce_25 {
    padding-left: 5px !important;
}

@media only screen and (max-width: 568px) and (min-width: 568px) {
    .iframediv, iframe {
        min-height: 115px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 667px) and (min-width: 667px) {
    .iframediv, iframe {
        min-height: 115px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 568px) and (min-width: 320px) {
    .triangle-border {
        width: 78% !important;
    }
}

 .myGridZ .moreMenuDiv,.myGridZ .moreMenuDivActive   
{
	/*width: 228px;*/
	width: auto;
    height: 81px;
       padding-left: 5px;
    padding-right: 2px;
	    right: 5%;
}
.myGridZ .shareDivActive, .myGridZ .shareDiv
{
	width: 228px;
	/*width: auto;*/
    height: 81px;
    padding-left: 9px;
	right: 5%;
}
.sharemenu
{
	 width: 216px;
}
.shareAsBlog
{
	margin-bottom: 8px;
    margin-right: 8px;
}
.moresubicon {
   
    padding: 6px;
}

.printbtn {
    display: none;
}
img.ilogo.buddysettingbtn {
    top: 10px;
}
.buddyrequestcube 
{
    display: none;
}
#cubeeloading {
    
    width: 15px;
    height: 15px;
    display:none;
    border-radius: 50%;
    padding: 10px;
    /* margin-top: -12px; */
    position: fixed;
    left: 45%;
    bottom: 60px;
    z-index: 9999999999;
    border-top: 4px solid #F48f0b;
    border-right: 4px solid #43b2ff;
    border-bottom: 4px solid #a9de36;
    border-left: 4px solid #f24747;
    -webkit-animation: anim_wifeo 1.4s infinite linear;
    -moz-animation: anim_wifeo 1.4s infinite linear;
    -ms-animation: anim_wifeo 1.4s infinite linear;
    animation: anim_wifeo 1.4s infinite linear;
}
#consoletrack{
	display:none;
    position: fixed;
    top: 37px;
    width: 300px;
    height: 94vh;
    background: white;
    z-index: 999999;
    overflow: auto;
}
.consoler
{
	font-size:10pt;
	margin-top:10px;
	border-top:1px solid gray;
}
.calltype,.consolevalue
{
	color:blue;
}
.fnname
{
	color:green;
}
.args{
	font-size:10pt;
}
.commonresponse
{
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
.msg img {
    /*width: auto !important;*/
    height: auto !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0px auto !important;
}

@media (max-width:736px){
	
	.notediv {
    width: 89% !important;
    margin-left: 0px !important;
	}
	
	.likedislike{
		width:280px;
		margin-top: 5px;
	}
	.likebutton3a {
		margin-right: 27px;
		display1:inline-block;
	}
	.commentsimg {
		padding-right: 0px;
		margin-right: 10px;
	}
	.cubeemoremenu{
		margin-right:20px;
	}	
	
}
.commonresponse{
	-webkit-filter: grayscale(0) brightness(1) !important;	
}
/*rounded buttons*/
 .commentsimg:active,
 cubeemoremenu:active,
 .sharebutton:active,
 .NavButton:active, 
 .SearchButton:active,
 .sharebutton2:active,
 .cubeecontroll:active,
 .fullprofileButton:active,
 .ArchivesIcon:active,
 .SortArchives:active,
 .BigButton:active,
 .close:active,
 .EditorShare:active,
 .calloutButton:active,
 .albumbutton:active,
 .NavButton4:active,
 .RectangleButton:active,
 .DraftButtons:active,
 .ArchivesIcon2:active,
 .SearchButton2:active,
 .DraftButtons2:active,
 .BackButton:active,
 .divContainerfeedsMenu img:active,
 .topiconholder img:active,
 .slatemenuicon img:active,
 .cubeemoremenu:active,
 .cubeecontrolmenuitem img:active,
  #mainhomeicon:active,
  .LoginMenu img:active,
  img.closepanelbutton:active,
 .commonresponse:active,
 img.notouch:active,
 img.slatemenuicon:active,
 .shareAsEmail:active,
 .shareAsBlog:active,
 .shareToSlate:active,
 .shareToGroup:active,
 .close_popup:active,
 .buddymore img:active,
 img.bdsettings:active,
 img.coverimgbtn:active,
 .profdivbig:active,
 img.ilogo:active,
 .ilogo img:active,
 .bddysub img:active,
  .maxminbtns img:active,
  .cubeecontrol5:active,
 .likebutton3a img:active
 {
	-webkit-transform: translate(0,1px);
	-moz-transform: translate(0,1px);
	-ms-transform: translate(0,1px);
	background-color: #eef4f8;	
	/*border-radius:50%;*/
	-webkit-filter: grayscale(0);
	/*border: solid 1px #7db1e5!important;*/
	background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
	background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
	background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
	background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%)!important;
	background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%)!important;
	box-shadow: inset 0 2px rgba(73,110,149,.75), 0px 0px 33px 2px #5f5c5c8f !important;
	color: #FFF;
	cursor: pointer;
	user-select:none;
}
.popupButton {
    border-radius: 10px;
}
/* rectangular buttons*/
input[type=button]:active,
.buttonsdivs:active,
.invite img:active,
.LoginMenu a:active
 {
    box-shadow: 3px 3px 3px black;
    transform: scale(.9);
	
    /*-webkit-transition: 0.3s ease;*/
    background-color: rgba(71, 211, 229, 0.2);
    box-shadow: inset 0 0 0 1px #47D3E5;
    /* color: #47D3E5 !important; */
    background-color: #eef4f8;
    /*border: solid 1px #7db1e5;*/
    background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%);
    background-image: -moz-linear-gradient(top,#76c5f6,#97d6fe 66%);
    background-image: -o-linear-gradient(top,#76c5f6,#97d6fe 66%);
    background-image: -ms-linear-gradient(top,#76c5f6,#97d6fe 66%);
    background-image: linear-gradient(to bottom,#76c5f6,#97d6fe 66%);
    color: #FFF !important;
    cursor: pointer;
    -webkit-box-shadow: inset 0 2px rgba(73,110,149,.75);
    -moz-box-shadow: inset 0 2px rgba(73,110,149,.75);
    box-shadow: inset 0 2px rgba(73,110,149,.75);
	box-shadow: inset 0 2px rgba(73,110,149,.75), 0px 0px 33px 2px #5f5c5c8f !important;
	user-select:none;
}
a:active{
	color: #0E79CB !important;
}
.cubeemoremenu{
    border-radius: 50%;
}
#suggestiondata .add{
	user-select:none;	
    border-radius: 10px;
    padding: 5px 5px 10px 10px;
}
#suggestiondata .add:active {
	 box-shadow: 3px 3px 3px black;
    transform: scale(.9);
    /*-webkit-transition: 0.3s ease;*/
    background-color: rgba(71, 211, 229, 0.2);
    box-shadow: inset 0 0 0 1px #47D3E5;
    /* color: #47D3E5 !important; */
    background-color: #eef4f8;
   /* border: solid 1px #7db1e5;*/
    background-image: -webkit-linear-gradient(top,#76c5f6,#97d6fe 66%);
    box-shadow: 0px 0px 33px 2px #5f5c5c8f !important;
}
.commentbox2 {
    width: 80%;
}
.sbhide{
	display:none !important;
}
@media all and (orientation:portrait) {
	.buttonsdivs{
		/*margin-right:26px !important;*/
	}
	.mainsearch {
		width: 85% !important;
	}
}

.commentnotifyicon,.zmailnotifyicon{
	display:inline !important;
}
.swipecubees .blogcubee .cubeeContentDiv,
.swipecubees .gridelement .upmessage{
	height: 84vh;
    vertical-align: middle;
    line-height: 59;
    overflow: hidden;
}
.tolast {
    background: transparent;
    position: fixed;
    right: 0px;
    bottom: 87px;
    height: 79px;
    width: 70px;
    z-index: 9999999999;
}
	
.swipecubees .myGridZ .profileDiv_status
{
	position:absolute;
}
.swipecubees #mainmenu,
.swipecubees #postbtn,
.swipecubees .topbar{
	display:none  !important;
}
.swipecubees .panelframe{
	margin: 0px auto !important;
}
.swipecubees #FeedPanels > div{
	margin: 0px auto !important;
}
.swipecubees .myGridZ .blogPicturePortrait,
.swipecubees  .blogPictureLandscape{
	overflow:auto;
}
.txtransform{
	text-transform: capitalize;
	font-weight:bold;
}
.buttonsdivs {
    border-radius: 5px;
}
/*New changes notifications to panel*/
.commentnotificationcube .suggestionheading {
    color: black;
    width: 100% !important;

}
.groupwaitingrequestcube .ContentDiv, .grouprequestcube .ContentDiv {
   
     width: 100%; 
}
.buddyrequest{
	margin: 0px auto;
    float: none;
    /*margin-left: 18px;*/
}
.commentnotificationcube #CommentList {
    padding: 0px 15px;
}
#CommentList .myGridZ .Cubee{
	width:100% !important;
}
#CommentList .buddylistitemtable td {
    text-align: left;
    border-radius: 50%;
}
#CommentList  .#suggestiondata .add {
    padding: 5px 5px 8px 5px;
    margin: 0px auto; 
}
#CommentList  .gridbuddysuggestioncube {
    width: 100% !important;
	border-radius: 10px;
}
#CommentList  .mymobilecube {
	width:100%;
}
#CommentList  .myGridZ .Cubee{
	box-shadow:none !important;
}
#CommentList .ContentDiv{
	box-shadow:none;
}
#CommentList .gridelement{
	border-radius:10px;
}
#CommentList .gridbuddysuggestioncube .Cubee {
    width: 300px !important;
}
.clicks0 {
    margin-bottom: 10px;
}
.groupwaitingrequestcube .notificationcubees {
    /*margin-bottom: 10px;*/
    padding-bottom: 15px;
}
.notificationcubees {
    padding-bottom: 15px;
}
.buddyrequestcube{
	display:none !important;
}
.gridbuddysuggestioncube  .buddylistitemtable td {
    text-align: left;
    border-radius: 50%;
}
#CommentList .triangle-border{
	margin:0px;
	padding:0px;
}
#CommentList .clicks0{
	margin:0px;
    margin-bottom: 10px;
}

#CommentList .triangle-border {
    width: 99% !important;
	border-radius: 10px;
	padding-bottom: 2px;
}
#CommentList .triangle-border .SlateImage {
    border-radius: 50%;
    height: 32px;
    width: 32px;
	margin-left:0px !important;
	    margin-right: 2px !important;
}
#suggestiondata .add {
    padding: 5px 5px 5px 0px;
}
.CommentDate {
    margin-left: 7px;
	float:left;
}
#CommentList .timerticks {
	padding-left: 41px;
}
#CommentList .commenttext {
    
    margin-left: 37px!important;
}
.notificationcubees{
	padding:6px;
}
#CommentList .myGridZ .Cubee {
    width: 335px!important;
}
.triangle-border{
	border-radius:0px;
}
.gridbuddysuggestioncube{
	margin-top:0px;
}
@media(max-width:481px){
	
.commentbox2 {
    width: 84%;
}
}
.coverspans img {
    display: block;
    width: 90px;
    height: 90px;
	border-radius:50%;
}
.grouprequestcube .Cubee{
	border-radius: 10px;
    background: transparent;
}
.grouprequestcube {
    background: transparent;
	border-radius: 10px;
}
.notificationcubees{
    border-radius: 10px;	
}
/***********/
.tolast{
    display:none !important;
}

#FeedPanels .panelframe {
	padding-bottom:200px;
}
.zmailnotifyicon img,
.chatnotifyicon img {
    width: 30px;
}
.lmore{

    position: fixed;
    bottom: 0px;
    left: 42%;
    color: black;
	height:auto;
    z-index: 99999;
    cursor: pointer;
    background: #efefef;
	font-size:10pt;
    padding: 5px;
}