@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Cabin");
@import url("//fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
/* CSS Document */
html {width:100%; height:100%}
body {margin:0; font-family:Cabin, sans-serif; font-size:11px; padding:0; width:100%; height:100%;color: rgb(111, 111, 111);}
/* Disabling horizontal scrolling on desktop */
@media only screen {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
}
/* testing */
.testing-banner { position: fixed; background-color: #ac88fc; color: #f5f5f5; padding: 5px; z-index: 9999; bottom: 0; font-size: 12px; }
/* img responsive */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
* {outline:none;}
.clr {clear:both;}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin:0; padding:0;}
h1, h2, h3 {font-family: 'Open Sans Condensed', sans-serif;}
a, img {border:none; outline:none; text-decoration:none;}
p {font-size:11px; line-height:16px;}
a {text-decoration:none; color: #555;}
a:hover {text-decoration:none; color:#ac88fc;}
ul, ol, li {list-style:none;}

.crBox {margin-bottom: 5px;}

textarea {resize: none; background-color:#fff; border-radius:28px; border:none; color:#ac88fc; font-size:14px; padding:5px 20px 5px 20px; text-decoration:none; margin-bottom:10px;}

.center-inline {text-align:center;}

.foreground {position:relative; z-index:99;}

input[type='text'], select { background-color: #fff; border-radius: 28px; border: none; color: #ac88fc; font-size: 14px; padding: 5px 20px 5px 20px; text-decoration: none; }

/*Wrapper*/
.outerWrapper {background:white;}

/*Header*/
.header {height:137px; position:relative;}
.header .logo {position:absolute; top:20px; left:18px;}
.header .logo h1 a {background:url(images/logo.png) no-repeat; height:80px; display:block; text-indent:-3500px;}

.headerRight {float:right;}

a.updates {float:right; font-size:11px; text-transform:uppercase; padding:2px 7px 2px 7px; background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; margin: 40px 20px 0 0;}
a.updates:hover {text-decoration:none; background-color:#ac88fc; color:#f2f2f2;}

.headerNav {float:right; padding: 20px 18px 15px 0;}
.headerNav ul {width:100%;}
.headerNav li {font-size:10.5px; font-weight:bold; float:left; padding:0 5px; background:url(images/headerNav-divider.png) no-repeat 0 3px;}
.headerNav li:first-child {background:none;}
.headerNav li a {color:#ac88fc; font-size:12px; font-weight:normal;}
.headerNav li a:hover {color:#555; text-decoration:none;}

.topSign {float:right; padding:38px 20px 15px;}
.topSign ul {float:right;}
.topSign li {float:left;}
.topSign li a {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; float:right; margin-left:10px;}
.topSign li a:hover {background-color:#ac88fc; color: #ffffff; text-decoration: none;}

.header .social {float:right; padding: 4px 20px 15px;}
.header .social li:first-child {background:none;}
.header .social li a:hover {text-decoration:none;}
.header li .searchInput {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 50px; text-decoration:none; float:right;}
.header li .searchBtn {background:url(images/search-btn-violet.png) no-repeat; width:27px; height:24px; float:right; border:none; cursor:pointer; margin-top:5px; position:relative; left:40px;}

/*Social*/
.footer .social ul li {float:left}
.footer .social ul li a {display:block;}
.social li a.fb {background:url(images/fa.png) center center no-repeat; height:30px; width:30px; background-size:cover;}
.social li a.youtube {background:url(images/youtube-ico.png) no-repeat; width:30px; height:30px; background-size:cover;}
.social li a.twit {background:url(images/tw.png) center center no-repeat; height:30px; width:30px; background-size:cover;}

/*Navigation*/
.nav {background-color: #555555; min-height: 50px; padding:0; z-index:201; position: relative;}
.nav ul {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.nav li {float:left; line-height:50px; font-size:16px;}
.nav li:first-child {background:none;}
.nav li a {color:#fff; display:block;}
.nav li a:hover, .nav li a.active, .nav li a.selected {color:#ac88fc; text-decoration:none;}

/*Navigation responsive*/
.menu-responsive-block {background:#555; position:fixed; width:100%; z-index:1030;}
#nav {background:#555; height:100%; width:50%; position:fixed; z-index:10; left:100%; padding:40px 10px 10px 10px; overflow-y:scroll;}
#nav:not(.open) {animation-name:openMenuResponsive; animation-duration:0.5s; animation-fill-mode:forwards;}
#nav.open {animation-name:closeMenuResponsive; animation-duration:0.5s; animation-fill-mode:forwards;}
#nav li a, .menu-responsive-block a {color:white; text-transform:uppercase; font-family:Cabin,sans-serif; font-size:14px; padding:10px 0;}
#nav li a {line-height:3.5em;}
#nav li a:active {color:#ac88fc;}
#menu-responsive {padding:10px 20px; background:url('images/menutito.png') left no-repeat; background-size:18px; float:right; position:relative; z-index:11;}
#menu-responsive.opened {text-indent:-9999px; transform: rotate(90deg); top:10px;}

@keyframes closeMenuResponsive {
    from {left:65%;}
    to {left:100%;}
}

@keyframes openMenuResponsive {
    from {left:100%;}
    to {left:65%;}
}

/*Home Banner*/
.Homebanner {background:url(images/banner.jpg) center center no-repeat; height:353px; padding: 0 20px;}
.homebanner.row {background-color: #e5e0dc;}

.signBox {min-width:275px; height:353px; background-color: rgba(173, 136, 252, 0.69); position:relative;}
.signOr {color: #fff; font-size:30px; font-family:'Open Sans Condensed', sans-serif; display:inline;}
.joinBtn {font-family:'Cabin', sans-serif; color:#333; font-size:14px; font-weight:bold; display: inline;}

.signBox form {padding:30px 0 0 0;}
.signBox .smBox label {font-family:'Cabin', sans-serif; color:#333; font-size:14px; font-weight:bold;}
.signBox .smBox .signInput {background-color: #fff; border-radius: 28px; border: none; color: #ac88fc; font-size: 14px; padding: 5px 20px 5px 20px; text-decoration: none; margin-top: 15px; margin-bottom: 20px; width:100%;}
.signBox .chk {float:left; margin:14px 5px 0 4px;}
.signBox .remember {float:left; color:#333; font-size:14px; padding-top: 10px;}
.signBox .remember-box {position:relative; top:6px; float: left;}
.signBox .sendBtn {background-color:#fff; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; float:right; margin-top:10px; margin-bottom:10px;}
.signBox .sendBtn:hover {background-color:#ac88fc; color:#ffffff; text-decoration:none;}
.signBox a.forgetPass {font-family:'Cabin', sans-serif; color:#333; font-size:14px; font-weight:bold; position:relative; top:10px;}
.signBox a.forgetPass:hover {text-decoration:underline;}

/*Member Box*/
.MembersBox {margin:20px 0 0 0; padding:14px 0 14px 24px;}
.MembersBox h2 {font-size:30px; margin-bottom:20px; font-family:'Open Sans Condensed', sans-serif; text-transform:uppercase;}
.MembersBox li {padding:10px; height:80px; background:#fff; overflow: hidden; margin-bottom:10px;}
.MembersBox li .memTh {float:left; width:55px;}
.MembersBox img {position:relative; right:5px; margin-right:10px;}
.MembersBox li h3 a {margin-top:10px; font-weight:bold; color:#ac88fc; font-size:14px; margin-bottom:0px;}
.MembersBox li p {color:#6f6f6f; font-weight:normal; font-size:13px; font-family:'Cabin'; line-height:14px; position:relative;}
.MembersBox li p, .MembersBox li h3 {position:relative;left:4px;}

.newest {}
.newest h2 {color:#6f6f6f;}
.newest li {border:1px solid rgb(229, 224, 205);}

.popular {}
.popular h2 {color:#6f6f6f;}
.popular li {border:1px solid rgb(229, 224, 205);}

/*Network Status*/
.newtworkStatus {background: url('images/imagebaricon.jpg'); width:100%; margin-top:50px; margin-bottom:10px; min-height:230px;}
.newtworkStatus h2 {color:#333; font-size:36px; font-weight:normal; font-family:'Open Sans Condensed', sans-serif; padding:10px 0px 20px 25px; text-transform:uppercase;}
.newtworkStatus li {text-align:center;}
.newtworkStatus li .icon {height:58px; vertical-align:middle;}
.newtworkStatus li .icon img {vertical-align:bottom;}
.newtworkStatus li h3 {color:#fff; font-size:20px; text-shadow:0.5px 0.5px #0E0E0E; padding-bottom:10px;}
.newtworkStatus li h4 {color:#fff; font-size:16px; text-shadow:0.5px 0.5px #0E0E0E; margin-bottom:10px;}

/*Browse Groups*/
.headTitle h2, .headTitle h3 {color:#6d6d6d; font-size:22px; font-family:'Open Sans Condensed',sans-serif; line-height:49px; font-weight:normal; padding-left:18px; float:left; /*min-width:275px;*/ text-align:center;}
.headTitle h2 {position:relative; bottom:80px; font-family:'Open Sans Condensed', sans-serif; font-size:30px; color:#fff; text-align:center; text-transform:uppercase; padding-top:40px; padding-bottom:10px; background-color:rgba(173, 136, 252, 0.69);}
.headTitle .row {background-color:#E5E0DC; height:58px; position:relative; top:80px; margin:0;}

.headTitle h3 { width: 140px; font-size: 16px; min-width:140px; padding-left: 10px; position:relative;bottom:40px;color:#555;}
.headTitle span.small { font-size: 12px; float: right; line-height:49px; display: block; padding-right: 12px; font-family:Georgia, "Times New Roman", Times, serif; }

.headTitle h2.right {font-size: 18px; text-align: right; float: right; position:relative;}
.headTitle h2.right img {vertical-align: middle; float: right; margin: -2px 20px 0 10px;}

.headTitle .general {margin:12px 0 0 0;}
.headTitle form { padding: 35px 20px 0 20px; }
.headTitle form p {padding-top:8px;}
.headTitle form select {float: right;}

.GroupMenu.commentmenu {margin-bottom:20px; display: -webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; padding: 10px 0;}
.GroupMenu.commentmenu li {display: -webkit-flex; display:flex; height: auto;}
.GroupMenu.commentmenu li a, .GroupMenu.commentmenu li a.firstGroup, .GroupMenu.commentmenu li a.lastGroup, .GroupMenu.commentmenu li a:hover, .GroupMenu.commentmenu li a.firstGroup:hover, .GroupMenu.commentmenu li a.lastGroup:hover, .GroupMenu.commentmenu li a.acitve, .GroupMenu.commentmenu li a.firstGroup.active, .GroupMenu.commentmenu li a.lastGroup.active { /*width: 107px;*/ height:auto; text-align: center;}

.GroupMenu li {height:26px; float:left; line-height:25px; font-size:12px; padding-left:2px;}
.GroupMenu li a {display:block; color:#79756a; text-align:center;}
.GroupMenu li a:hover, .GroupMenu li a.active {color:#54524b; text-decoration:none;}

.GroupMenu.top-menu {position:relative; z-index:4; bottom:34px; display:block; font-family:Cabin, Sans-Serif;}
.GroupMenu.top-menu li {display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-justify-content: center; justify-content: center;}
.GroupMenu.top-menu li a {
    background-color:#f2f2f2;
    border-radius:28px;
    border:none; color:#ac88fc;
    text-decoration:none;
    margin-left:10px;
    font-size:12px;
    height:auto;
    padding: 0 4px;
    display: -webkit-flex;
    display:flex;
    -webkit-align-self: center;
    align-self: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.GroupMenu.top-menu li a:hover {color:#f2f2f2; background-color:#ac88fc; text-decoration:none;}

.GroupMenu li a.lastGroup {width:auto; padding: 0 10px;text-align:center;}
.GroupMenu li a.lastGroup:hover, .GroupMenu li a.lastGroup.active {width:auto; background-position: bottom right;}
.GroupMenu li a.firstGroup {width:auto; padding:0 10px; text-align:center;}
.GroupMenu.commentmenu li a {background-color:#f2f2f2; border-radius:28px; border:none; font-size:12px; color:#ac88fc; text-decoration:none; margin-left:10px;}
.GroupMenu.commentmenu li a:hover {color:#f2f2f2;background-color:#ac88fc;}

.GroupMenu li a.firstGroup:hover, .GroupMenu li a.firstGroup.active {width:auto; background-position: bottom left;}

/*Sidebar*/
.sidebar {float:left; padding:15px 19px 15px; background-color:rgba(173, 136, 252, 0.69);}
.sidebar h2, .sidebar h2 a {font-size:18px; font-family:Cabin, Sans-Serif; font-weight:normal; padding-bottom:12px;}
.sidebar h3 {color:#4d4d4d; font-size:16px; border-bottom:1px solid #E5E0DC; margin-top: 0; padding-top: 0; padding-bottom:10px; margin-bottom:10px; line-height:15px;}
.sidebar h4 {color:#4d4d4d; font-size:13px; padding-bottom:7px;}
.sidebar p {padding-bottom:20px;}
.sidebar p a {color:#4d4d4d;}
.sidebar .smBox {padding-bottom:10px; border-bottom:1px solid #fff; margin-bottom:10px;}
.sidebar label {font-size:14px; display:block; font-family:Cabin, Sans-Serif; font-weight:normal;}
.sidebar label input {display:inline-block; float:left; margin-right:8px; margin-top: 2px;}
.sidebar select {color:#4c4c4c; font-size:12px; width:200px;}
.sidebar .createGroupBtn {background:url(images/create-group-btn.png) no-repeat; width:199px; height:31px; border:none; cursor:pointer; margin:6px 0 0 0;}
.sidebar .searchBtn {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; margin:10px;}
.sidebar .searchBtn:hover {color:#f2f2f2; background-color:#ac88fc; text-decoration:none;}
.sidebar .chk {float:left; margin-bottom:3px;}
.sidebar .chkTxt {float:left; color:#679333; font-size:12px; font-weight:bold; padding:2px 0 3px 3px;}
.sidebar .smBox1 {padding-bottom:10px;}
.sidebar .smBox1 select {width:200px;}

#NewMatch .sidebar, #OldMatch .sidebar {float:left; width:100%; border-top:none; padding:0;}

.sideBox {padding-bottom:0px;}
.sideBox.sidebar {background:none;}

/*Contentbar*/
.contentbar {float:left; padding:15px 20px 17px; position:relative;}
.contentbar select, .contentbar input[type="text"], .contentbar textarea {background-color:#ededed; color:#6f6f6f;}

.showPagi {padding:2px 0 40px;}
.showPagi p {color:#4c4c4c; font-size:13px; line-height:13px;}
.showPagi p span {color:#bf7d15; font-weight:bold;}

.browseGroup {}
.browseGroup ul {}
.browseGroup li {border:1px solid #e5e0cd; padding:10px; margin-bottom:9px; z-index:2; position:relative;}
.browseGroup li .groupTh { padding:2px; border:1px solid #e5e0cd; float:left;}
.browseGroup li.additional .groupTh {float: right;}

.browseGroup li .groupInfo {padding:0px 0 0 0px; float:left; width:535px;}
.browseGroup li.additional .groupInfo {width: 100%; white-space: normal;}

.browseGroup li .groupInfo h2 {color:#6687b4; font-size:12px;}
.browseGroup li .groupInfo h2 a {color:#6687b4;}
.browseGroup li .groupInfo h3 {color:#8c8c8c; font-size:10px; font-weight:normal;}
.browseGroup li .groupInfo h3 span {color:#6687b4;}
.browseGroup li .groupInfo p {font-size:12px; color:#4c4c4c;}

/*Pagination*/
.pagination, #PageNums { height:24px; float:left; border-left:0; position:relative; padding: 0; clear: left; margin-top: 5px;}
/* .pagiLf {position:absolute; top:-1px; left:0; background:url(images/pagi-lf.png) no-repeat; width:3px; height:26px;} */
.pagiLf {}
.pagiRt {position:absolute; top:-1px; right:-1px; background:url(images/pagi-rt.png) no-repeat; width:3px; height:26px;}
.pagination .disable, #PageNums a.selected {line-height:24px; float:left; padding:0 8px; border:1px solid #ac88fc; font-size:10px; color:#ac88fc; background-color:#f2f2f2;}
.pagination .disable:hover {color:#ac88fc; background-color:#f2f2f2; cursor:auto;}
.pagination a, #PageNums a {float:left; line-height:24px; padding:0 8px; font-size:11px; border-radius:28px; color:#ac88fc; background-color: #f2f2f2;}
.pagination a:hover, #PageNums a:hover {background-color:#ac88fc; color:#f2f2f2;}

/*Member Group*/
.Groupmembers h2, .Groupmembers.articles em {color:#4c4c4c; font-size:20px; font-family:Cabin, sans-serif; font-weight:normal; padding:2px 0 20px;}
.Groupmembers.articles h2 + br {display:none;} /* very bad */
.Groupmembers h3 {color:#333; font-family:'Open Sans Condensed', sans-serif; font-size:24px;}
.Groupmembers.articles h2, .Groupmembers.articles em { padding-bottom: 0; margin-bottom:0;}
.Groupmembers.articles em, .Groupmembers.articles p { font-size: 14px; font-family: Cabin, Sans-Serif;}
.Groupmembers.articles strong {font-size: 110%; color: #ac88fc; font-family: Cabin, Sans-Serif;}
.Groupmembers ul {}
.Groupmembers ul.Acc_Heading_List {margin: 0 0 20px 20px;}
.Groupmembers li {position: relative; z-index: 9; border:1px solid #e5e0cd; padding:10px 5px; margin-bottom:15px;}
.Groupmembers li.unread {border-left:5px solid #e8d69f; background: #f8f8f8;}

.Groupmembers li .groupTh {max-width:40px; max-height:40px; border:1px solid #e5e0cd; float:left; text-align:center; vertical-align:middle;}
.groupTh img { width: 30px; height: 30px; background:#E9E1DE;}
.Groupmembers .Acc_Heading_List li { clear: left; padding-left: 10px; float: none; border: none; list-style: disc; margin-bottom: 0; }

.Groupmembers li .groupInfo {padding:2px 0 0 8px; float:left; /* width:466px; */}
.Groupmembers.mainlist li .groupInfo {width:auto;}
.Groupmembers.mainlist li {/*width:304px;*/ width:100%; float: left;}

.Groupmembers li .groupInfo.messages, .Groupmembers li .groupInfo.search {width:auto;}
.Groupmembers li .groupInfo h3, .Groupmembers .Acc_Heading_List li a {color:#8c8c8c; font-size:10px; font-weight:normal; padding-bottom:3px;}
.Groupmembers li .groupInfo h3 a, .Groupmembers .Acc_Heading_List li a {color:rgba(173, 136, 252, 0.69); font-size:12px; font-weight:bold;}
.Groupmembers li .groupInfo p, .Groupmembers .Acc_Heading_List li a span {display: block; font-size:12px; color:#4c4c4c; clear: both;}
.Groupmembers .Acc_Heading_List li a span { font-weight: normal; }
.Groupmembers li a.addFriendbtn {background:url(images/add-friend-btn.png) no-repeat; width:117px; height:31px; float:right; margin:4px 0 0 0;}

.warningBox {padding:12px 10px; background:url(images/warning-bg.png); border:1px solid #e8d69f;}
.warningBox p {background:url(images/info-icp.png) no-repeat 0 0; padding:0 0 0 28px; color:#d78843; font-size:12px;}
.warningBox p a {font-weight:bold; color:#d78843; text-decoration:underline;}
.warningBox p a:hover {text-decoration:none;}

/*SignUp*/
.signupBar {background:url('images/banner3.jpg') bottom no-repeat; height:auto; background-size:auto;}
.signupBar.row {background-color:#E9E1DE; /*margin-top:50px;*/}
.signUp-container {background-color:rgba(173, 136, 252, 0.69); padding:0;}
.signupBar h2 {position:relative;text-decoration:none; color:#fff; font-size:32px; text-align:center; text-transform:uppercase; padding:10px 0; margin-top:10px; background-color:rgba(173, 136, 252, 0.69); font-family:'Open Sans Condensed', sans-serif;}
.signUpBanner .MainBtn {text-decoration:none; color:#fff; font-size:32px; text-align:center; text-transform:uppercase; padding:10px 0; margin:20px auto; background-color:rgba(173, 136, 252, 0.69); font-family:'Open Sans Condensed', sans-serif;}
div#messages div {color:#fff; font-size:30px; text-align:center; text-transform:uppercase; font-family:'Open Sans Condensed', sans-serif;}
.createAcc {padding:20px;}
.new-account.row {background-image: url('images/banner5.jpg'); background-position-y:bottom; background-size:auto; max-height:1650px;}
.new-account .createAcc {padding-top:85px; position:relative;bottom:65px; background-color: rgba(173, 136, 252, 0.69); display:block;}
.createAcc p {font-size:12px;}
.createAcc h3 {font-size:24px; font-family:"Open Sans Condensed",sans-serif; font-weight:500; padding-bottom:15px;}
.createAcc h3 span {font-size:18px; font-family:"Open Sans Condensed",sans-serif;}
.createAcc .smBox {padding:20px 0 10px;}
.createAcc .smBox label {float:left; width:148px; padding:0 12px 0 0; color:#5c5c5c; font-size:12px; font-weight:bold; line-height:27px;}
.createAcc .smBox .signInput {background-color:#fff; border-radius:28px; border:none; color:#ac88fc; font-size:14px; padding:5px 20px 5px 20px; text-decoration:none; max-width:100%;}
.createAcc .smBox .signInput.captcha { width: 109px; display: inline; margin-right: 3px;}
img.captcha { display: inline; vertical-align: middle; }
.createAcc .smBox select {width:200px;}
.createAcc .smBox select.date {width:70px; margin-top: 5px;}
.grnTxt {float:left; font-size:12px; color:#555; padding-left:150px;}
#baseupload .grnTxt { padding-left: 0;}
.createAcc .smBox .chk {float:left; margin:0 0 14px 160px;}
.createAcc .smBox .terms {color:#4c4c4c; font-size:11px; float:left; padding:0 0 0 7px;}
.createAcc .smBox .terms a {color:#3c7fda; font-weight:bold;}

.createAcc .nextBtn {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; margin-top:10px;}
.createAcc .nextBtn:hover {color:#f2f2f2; background-color:#ac88fc;text-decoration:none;}

/*Invite Friends*/
.inviteFriend {border:1px solid #b1cb93; background:#edf3e6;}
.inviteFriend h2 {color:#6d6d6d; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; background:url(images/signHead-bg.png) repeat-x; height:48px; line-height:48px; padding-left:25px; text-shadow:0 1px 1px #fff; border-bottom:1px solid #b1cb93; margin-bottom:15px;}

.inviteForm h3 {color:#679333; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:18px;}
.inviteForm p {font-size:12px; line-height:18px; padding-bottom:30px;}
.inviteForm .fmBox label {width:100px; float:left; padding:0 12px 0 0; color:#5c5c5c; font-size:14px; font-weight:bold; float:left; line-height:27px; margin:15px 25px 10px 25px;}
.inviteForm .fmBox input {background-color:#fff; border-radius:28px; border:none; color:#ac88fc; font-size:14px; padding:5px 20px 5px 20px; text-decoration:none; margin-bottom:10px;}
.inviteForm .fmBox .sendInviteBtn {background:url(images/sendInvites.png) no-repeat; width:123px; height:31px; border:none; cursor:pointer; margin-left:162px;}
.inviteBanner {width:421px; float:right; padding-bottom: 15px;}

/*Create Event*/
.createEvent {}
.createEvent h3 {font-family:"Open Sans Condensed", Sans-Serif; color:#4c4c4c; font-size:24px; padding-bottom:18px; border-bottom:1px solid #eee6d1;}
.createEvent h3 span {font-size:18px; display:block; font-weight:normal;}
.createEvent .crBox {padding:20px 0 15px; border-bottom:1px solid #eee6d1;}
.createEvent .crBox label {width:190px; float:left; padding:5px 12px 0 0; text-align:right; color:#5d5d5d; font-size:12px; font-weight:bold;}
input.namebx {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; }
input.namebx#Filetitle {width:auto;}

.createEvent .crBox textarea:not(#FileComments) {width:50%; height:117px; border:none; font-size:12px;}
.createEvent .crBox .chkbx {float:left; margin:7px 0 0 0;}
.createEvent .crBox .chkTxt {float:left; color:#867762; padding:6px 0 0 9px;}
.acTxt {float:left; color:#404040; padding:5px 0 5px 0; width:430px;}
.createEvent .crBox select {width:200px; float:left; margin:5px 0 0 0; color:#5d5d5d; font-size:12px; overflow:auto;}

.createEvent .crBox.date div {width:120px; display: inline-block;}
.createEvent .crBox.date div select { float: none; width: 70px;}
.createEvent .crBox.faces { padding-left: 200px; }

.createEvent .crBox .time {width:54px; float:left; margin:5px 0 0 5px; color:#5d5d5d; font-size:12px;}
.createEvent .crBox .selectTxt {color:#686867; float:left; padding:2px 0 0 202px;}
.saveBtn, .sendMesage {float:left; background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; margin:20px 0;}
.saveBtn:hover, .sendMesage:hover {color:#F2F2F2; background-color:#ac88fc;}
.saveBtn {margin-left: auto; margin-right: auto; display: inline-block;}
.cancelbtn {float:left; padding:28px 0 0 15px;}
.cancelbtn a {color:#e11b1b; text-decoration:underline;}
.cancelbtn a:hover {text-decoration:none;}

.createEvent .shareAd {float:left; border-bottom:0; padding:22px 0 0 10px;}
.createEvent .shareAd ul {}
.createEvent .shareAd li {float:left; height:26px; line-height:26px; margin-left:5px; background:url(images/shared-divider.png) no-repeat left;}
.createEvent .shareAd li:first-child {background:none;}
.createEvent .shareAd li a {display:block; color:#6687b4; font-size:11px;}
.createEvent .shareAd li a:hover {text-decoration:none;}
.createEvent .shareAd li a.photo {background:url(images/add-ico01.png) no-repeat 10px 7px; padding-left:35px;}
.createEvent .shareAd li a.link {background:url(images/add-ico02.png) no-repeat 10px 6px; padding-left:36px;}
.createEvent .shareAd li a.video {background:url(images/add-ico03.png) no-repeat 10px 6px; padding-left:34px;}

.userPanel {float:left; padding:10px 20px; background-color:rgba(173, 136, 252, 0.69); text-align:center;}
.userPanel h2 {font-size:14px; font-family:'Open Sans Condensed', sans-serif; font-weight:normal; padding-bottom:10px; color:#f2f2f2;}
.userPanel p {margin: 15px 25px 10px 25px; color:#555; font-size:14px;}
.userPanel a {font-size:11px; padding:3px 10px 3px 10px; text-decoration:none; margin-left:10px;}
.userPanel a:hover {color:red;}
.userPanel img {border:3px solid #B493FC;margin:0 0 20px 0;}
.profilePic {padding-bottom:20px;}

.userPanelmenu {position:relative;}
.userPanelmenu ul {font-family: Cabin, Sans-Serif;}
.userPanelmenu li {line-height:29px; font-size:12px; font-family:'Cabin',sans-serif; height:29px; margin:10px 0;}
.userPanelmenu li:first-child {border:0;}
.userPanelmenu li a {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px; text-decoration:none; margin-top:25px; margin-bottom:10px;}
.userPanelmenu li a:hover {text-decoration:none; background-color:#ac88fc; color:#f2f2f2;}
.userPanelmenu + form select[name="groupuid"] {margin:10px;}
.userPanelmenu + form .update-group {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; padding:3px 5px;}
.userPanelmenu + form .update-group:hover {color:#f2f2f2; background-color:#ac88fc;}

.pofName {font-family:Cabin, sans-serif; font-size:18px; color:#4c4c4c; font-weight:normal; padding-bottom:12px;}

.topShareBox {border:1px solid #e8d69f; position:relative; padding:4px 0 5px; margin-bottom:9px;}
.topShareBox .shareAd {border-bottom:1px solid #f3eacf; padding-bottom:4px; margin-bottom:4px;}
.topShareBox .shareAd ul {}
.topShareBox .shareAd li {float:left; background:url(images/add-btn.png) no-repeat; width:95px; height:26px; line-height:26px; margin-left:5px;}
.topShareBox .shareAd li a {display:block; color:#6687b4; font-size:11px;}
.topShareBox .shareAd li a:hover {text-decoration:none;}
.topShareBox .shareAd li a.photo {background:url(images/add-ico01.png) no-repeat 10px 7px; padding-left:35px;}
.topShareBox .shareAd li a.link {background:url(images/add-ico02.png) no-repeat 10px 6px; padding-left:36px;}
.topShareBox .shareAd li a.video {background:url(images/add-ico03.png) no-repeat 10px 6px; padding-left:34px;}

.topShareBox {}
.topShareBox textarea {height:26px; width:396px; margin:0 5px 5px; border:1px solid #e8d69f; color:#4c4c4c; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:3px;}
.topShareBox .shareBtn {float:right; background:url(images/shareBt.png) no-repeat; width:71px; height:27px; float:right; border:none; cursor:pointer; margin-right:5px;}

.postBar {border:1px solid #e5e0cd; margin-bottom:10px; /* background: #fff; */}
.postBar ul {padding:9px 9px 0;}
.postBar ul li {padding-bottom:9px;}
.postBar.boxWrap ul, .postBar.boxWrap ul li {padding: 0; border-radius:0 0 5px 5px;}
.postBar.boxWrap ul li {padding:5px; font-size:14px; font-family: Cabin, Sans-Serif; color: #6f6f6f; text-align:center; margin: 0 20px;}

.postBar ul li .postUserth {float:left; padding:3px; margin-right:8px; background-color:#ac88fc;}
.postBar ul li .postUserth img {height:40px; width:40px;}
.postBar ul li .postUserInfo {word-wrap: break-word;}
.postBar ul li .postUserInfo h3 {font-weight: bold; font-size: 14px; font-family: Cabin, Sans-Serif;}
.postBar ul li .postUserInfo h3 a, .postBar h3 {color:#ac88fc;}
.postBar ul li .postUserInfo h3 span, .postBar .comment span {font-weight:normal; color:#8c8c8c; font-size:10px;}
.postBar ul li .postUserInfo p {color:#4c4c4c; font-size:11px; line-height:14px; padding-left: 10px;}
.postBar .meta {min-height:24px; padding:0 0 0 8px;}
.postBar .likes {color:#447ac2; font-size:11px; float:left; line-height:24px; background:url(images/likes.png) no-repeat left; padding:0 10px 0 21px;}
.postBar .comment {font-size:11px; float:left; background:url(images/comment-ico.png) no-repeat left; padding-left:21px; background-size:15px 14px;}
.postBar h3 { padding: 5px 0 0 10px; }
#gallerylist .postBar h3 { padding-bottom: 8px; cursor: pointer; }

.postBar ul li ul {padding:10px 9px 0 0;}
.postBar ul li ul li {padding:9px 0 9px 47px; border-top:1px solid #f0ead9;}
.postBar ul li ul li .postUserInfo {width:295px;}

a.loadOlder {background:url(images/load-older-post.png) no-repeat; width:419px; height:26px; line-height:25px; text-align:center; display:block; color:#447ac2; font-size:11px;}

/*Rightbar*/
.rightBar {float:right; padding:20px;}
.rightBar h2, .userPanel h2 {font-family:Cabin, Sans-Serif; font-size:18px; font-weight:normal; padding-bottom:10px;}
.onlineBar {padding-bottom:10px;}
.onlineBar h2 {color:#4c4c4c;}
.onlineBar ul.friendsList div {margin-bottom: 15px;}
.onlineBar li {float:left; margin:0 10px 20px 0;}
.onlineBar li a {display:block; padding:2px; border:1px solid #ac88fc;}
.onlineBar li a img, .onlineBar li a span {/*width: 48px;*/}
.onlineBar li a span {display: none; font-size: 9px; overflow: hidden; text-align: center; position: absolute; margin: 5px 0 0 0;}
.onlineBar li a:hover span { display: block;}

.memberNew li {padding:6px; border:1px solid #e5e0cd; margin-bottom:8px; background: #fff;}
.memberNew li img {float:left; margin-right:8px;}
.memberNew li h3 {color:#ac88fc; font-size:14px; font-weight:bold;}
.memberNew li p {font-size:12px; color:#4f4f4f;}
.memberNew li a { text-decoration: none; }

.memberPop {padding:18px 0 0;}
.memberPop h2 {color:#8d5f17;}
.memberPop ul {}
.memberPop li {padding:4px; border:1px solid #dbd2b6; margin-bottom:8px; -webkit-box-shadow:1px 1px 0px 0px #f4f0e3; -moz-box-shadow:1px 1px 0px 0px #f4f0e3; box-shadow:1px 1px 0px 0px #f4f0e3;}
.memberPop li img {float:left; margin-right:8px;}
.memberPop li h3 {color:#893916; font-size:12px;}
.memberPop li p {font-size:11px; color:#5f5c52;}

/*Video Bar*/
.videoBar {padding:0 0 70px 0; clear: left;}
.videoBar li { margin-bottom: 32px; min-height: 150px;}
.videoBar li .videobox {background:#989794; border:1px solid #3f3f3e; padding:5px; position:relative; min-height: 100px;}

.videoBar li .videobox .timeline {position:absolute; top:5px; left:5px; background:#333; color:#fff; font-size:11px; line-height:17px; padding:0 10px;}
.videoBar li h3 {color:#6587B3; font-size:12px; padding:5px 0 2px; overflow: hidden;}
.videoBar li p {color:#4c4c4c; font-size:10px; line-height:12px;}
.videoBar li p span {color:#000;}

/*Search Contact*/
.searchContent {padding:18px 0 20px 0;}
.searchContent ul.contacts {}
.searchContent ul.contacts li {width:150px; float:left; padding-bottom:20px; margin-left:33px;}
.searchContent ul.contacts li .contactTh {padding:5px; border:1px solid #acacac;}
.searchContent ul.contacts li h3 {color:#6687b4; font-size:12px; padding-top:5px; text-align:center;}

.showing {padding:0 0 20px 22px;}
.showing p {color:#4c4c4c; font-size:12px;}
.searchContent .pagination {margin-left:29px;}

.contactSearch {padding:11px 0 0 0;}
.contactSearch .searchInput {background:url(images/search-contact-input.png) no-repeat; width:290px; height:11px; border:none; padding:7px 5px; color:#4c4c4c; font-size:10px;}
.contactSearch select {color:#4c4c4c; font-size:11px; width:175px; margin:0 7px;}
.contactSearch .searchBtn {background:url(images/searchBtn.png) no-repeat; width:90px; height:25px; border:none; cursor:pointer; margin-right: 3px; }

/*Video Bar*/
.photoBar {padding:20px 0 20px 0;}
.photoBar li {margin: 10px 6px; min-height: 170px;}
.photoBar li.plain {width: auto;}
.photoBar.thinner li { width:131px; }
.photoBar.thinner li:first-child {margin-right: 9px;}

.photoBar li.plain .photobox { background: none; border: 1px solid rgba(173, 136, 252, 0.69); padding: 3px; height: auto; text-align: center;}

.photoBar li.plain .photobox.profile_image {border-width: 2px;}


.photoBar.thinner li .photobox {background:url(images/photo-background-thinner.png) no-repeat; }
.photoBar li .photobox .playBtn {background:url(images/search-ico.png) no-repeat; width:47px; height:47px; position:absolute; /*top:39px; left:55px;*/ top:25%; left:40%; background-size:47px 47px;}
.photoBar li h3 {font-size:14px; padding:3px 0 2px 5px; color:#ac88fc; font-weight:bold;}
.photoBar li p {color:#4c4c4c; font-size:10px; line-height:12px; padding-left:5px;}


.videoBar li .videobox .playBtn {background:url(images/play-btn.png) no-repeat; width:47px; height:47px; position:absolute; /*top:30px; left:50px;*/ top:25%; left:34%; background-size:47px 47px;}

.photoBar li .file_type_video .playBtn {background:url(images/play-btn.png) no-repeat; width:47px; height:47px; position:absolute; top:39px; left:55px; background-size:47px 47px;}

.articles {font-size:14px; font-family:Cabin, Sans-Serif;}
.articles ul {padding:0 18px;}
.articles li {padding:0 0 20px 0; border-bottom: 2px dashed #E5E0DC; margin-bottom:20px;}
.articles li h2 {margin-bottom:2px; font-size:24px; font-family:Cabin, Sans-Serif;}
.articles li h2 a {color:#ac88fc; text-decoration:none;}
.articles li h2 a:hover {color:inherit;}
.articles li .meta {color:#787878; font-style:italic; font-size:11px; padding-bottom:10px; display:block;}
.articles li .meta a {color:#CB8726; text-decoration:underline;}
.articles li .meta a:hover {text-decoration:none;}
.articles li p {line-height:20px; font-size:14px; padding:10px 0 3px;}
.articles li a.readMore {color:#BD8D5D; font-size:12px; font-weight:bold;}
.articles #profilecomments {margin-top: 30px;}

/*General Chat*/
.generalChat {float:left; width:699px; border-top:1px solid #e8d69f; padding:15px 1px 17px; position:relative;}

.chatRight {padding:0 0 0 20px; background:url(images/chat-bar-bg.png) repeat-x left bottom;}
.chatRight ul {}
.chatRight li {padding:0 0 15px 0;}
.chatRight li .userCht {padding:3px; width:32px; height:32px; background:#fff; border:1px solid #e3c66d; float:left; margin-right:12px; float:left;}
.chatRight li .chatInfo {width:590px; float:left;}
.chatRight li .chatInfo h3 {color:#6687b4; font-size:12px;}
.chatRight li .chatInfo p {}

.chatBox {padding:22px 13px 5px;}
.chatBox textarea {border:1px solid #e8d69f; width:99%; padding:1%; height:51px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#4c4c4c;}

.chatUser {}
.chatUser ul {}
.chatUser li {background:url(images/online-bull.png) no-repeat 5px 13px #fff; border:1px solid #b1cb93; padding:3px 0 3px 20px; margin-bottom:5px;}
.chatUser li.offline {background:url(images/offline-bull.png) no-repeat 5px 13px #fff;}
.chatUser li .left {float:left; margin-right:7px;}
.chatUser li h3 {border:none; color:#6687b4; font-size:12px; padding:0; margin:0; line-height:16px;}
.chatUser li p {padding:0; color:#595959;}
.chatUser li a:hover {text-decoration:none;}

.scroll-pane {
	width:200px;
	height:580px;
	overflow: auto;
}
.scroll-pane1 {
	width: 680px;
	height:495px;
	overflow: auto;
}

#pane1 {}


/*Forum*/
.forum {padding:0 18px;}
.forum h2 {font-size:16px; padding-bottom:7px;}
.forum ul {border-top:1px solid #e8d69f; margin-bottom:20px;}
.forum ul li {border-right:1px solid #e8d69f; border-bottom:1px solid #e8d69f; border-left:1px solid #e8d69f; background:#fcf9f1; padding:9px 15px;}

.forum ul li .folder {float:left; width:50px; height:24px; background:url(images/folder.png) no-repeat 0 0; margin-top:6px;}
.forum ul li .forumInfo {float:left; width:415px; padding:6px 0 0 0;}
.forum ul li .forumInfo h3 {color:#6587b3; font-size:12px;}
.forum ul li .topic {float:left; width:65px; text-align:center; padding:3px 0 0 0;}
.forum ul li .topic h3 {font-size:12px; color:#535353;}
.forum ul li .topic p {font-size:10px; color:#535353;}
.forum ul li .userInfo {float:right; width:245px;}
.forum ul li .userInfo .userTh {padding:3px; width:32px; height:32px; border:1px solid #e3c66d; margin-right:10px; float:left;}
.forum ul li .userInfo p {color:#535353; font-size:10px; padding-bottom:3px;}
.forum ul li .userInfo p a {color:#6687b4; font-weight:bold;}
.forum ul li .userInfo .date {color:#8c8c8c; font-size:11px;}

/*Footer*/
.footer {padding:0 0 20px 0; margin-top:20px;}
.footer-box {background-color:#E5E0DC; margin-top: 65px;}
/*.fBox {width:300px; float:left; padding:0 0 0 38px;}*/
.footer h2, #subfooter h2 {color:#333; font-family:'Open Sans Condensed', sans-serif; padding-bottom:10px;}
.footer li {line-height:34px; font-size:12px; color:#989898; font-weight:normal; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.footer li a {color:#989898;}
.footer li a:hover {text-decoration:none; color:rgba(173, 136, 252, 0.69);}

.newsletter input {float:left; color:#555; background-color:#fff; border-radius:28px; border:none; font-size:12px; padding:6px 20px; text-decoration:none; margin: 0 10px 5px 0;}
.newsletter .namebx, .newsletter .mailbx {width: 38%; display: inline-block; margin: 0 8px 10px 0;}
.newsletter .sendBtn {float:right; border:none; color:#fff; background-color:#555; font-size:16px; border-radius:28px;}

.footer h4 {padding:100px 0 0 0; text-align:center; color:#555; font-size:12px; font-weight:normal; /*background: url('images/logo.png') center center no-repeat;*/}

#fullpage #side { position: absolute; top: 30px; left: 0; display: none; }


/* phpneil below */
div.tags {	padding-top: 20px; }
div.tags p { padding-bottom: 5px; font-weight: bold;}
div.tags a { border: 1px solid #cccccc; background: url(images/groupmenu.png) top repeat-x; display: block; float: left; line-height: 20px; padding: 0 5px; margin: 0 3px 3px 0; color: #666666; border-top: 0;}

.messages-container {position:relative; height:auto; z-index:200}
div#messages {position:absolute; width:100%;}
div#messages div { margin: 50px 0 0 0; padding:0;}
div#messages .message-bad {background:yellow; color:#555 !important;}
div#messages .message-good {background:#00AEEF;}

#chat .MainBtn {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px;padding:5px 20px 5px 20px; text-decoration:none;}
#winkmsg {border: 1px solid #555; width: 80%;}
#WinkIDError {color: #555 !important; padding: 12px; margin-bottom: 10px;}
iframe#_MakeComments {position: relative; bottom: 1px;}

.CapBody .MainBtn {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px;padding:5px 20px 5px 20px; text-decoration:none;}
.CapBody .MainBtn:hover {color:#f2f2f2;background-color:#ac88fc;text-decoration:none;}

.signUpBanner a.MainBtn {display: block; margin-bottom: 0; text-decoration:none;}

div.SaveBtn { padding: 20px 0 0 200px; }
div.button input, #buttonstylelink {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; margin-top:10px;}
div.button input:hover, #buttonstylelink:hover {background-color:#ac88fc; color:#ffffff; text-decoration:none;}

div.button.wide input {background:url(images/button-bg-wide.png) no-repeat; width:203px;}

#buttonstylelink {display: block;}
#buttonstylelink.right {float: right; margin-top: 10px;}
div.button input:hover { color: #ebf2e3; }
#ActAccount, #ForgottenPassword, #ForgottenCode { padding-top: 15px; background-color: rgba(173, 136, 252, 0.69); }

.menu_box_title1 { font-weight:500; font-size:30px; line-height:25px; margin-bottom:20px; font-family:"Open Sans Condensed",sans-serif; }
.menu_box_body1 div { text-align: center; }

div.links { padding-left: 20px;}

#SideNav {margin: -15px -19px;padding-bottom: 50px; font-family: Cabin, Sans-Serif; font-size:15px;}
#SideNav li {border-bottom:2px solid rgba(173, 136, 252, 0.69); /*background-color:rgba(173, 136, 252, 0.69);*/ color:#555;}
#SideNav li:hover {background-color:#B493FC;}
#SideNav li:active {background-color:white;}
#SideNav li:active span {color:rgba(173, 136, 252, 0.69)}
/* #SideNav li.last { border-bottom: 0; } */

#SideNav li a/* , .MyDailyStatus span */ {display: block;}
/* #SideNav li .MyDailyStatus a { display: inline; } */
#SideNav li a:hover, .MyDailyStatus span:hover { text-decoration: none; background-position: bottom; cursor: pointer; }
#SideNav li a span, .MyDailyStatus span { line-height: 20px;  display: block;  padding: 8px 0 8px 10px; color: #FFF; text-align:center;}
.MyDailyStatus span { margin-right: 0; }
.MyDailyStatus input[type=text] { width: 130px; margin: 10px 0 10px 10px; }
#SideNav li.active a span {font-weight:bold; background-color:#B493FC;}

/* Not clickable blank*/
#SideNav li.blank a span {text-indent: -9999px; line-height: 26px;}
#SideNav li.blank a {pointer-events: none; cursor: default;}
#SideNav li.blank:hover, #SideNav li.blank:focus, #SideNav li.blank:active {background-color:transparent;}

.userPanel h2 { margin: 15px 0 10px 15px; }
.userPanel h2 span { font-size: 14px; }

ul.parent li, ul.child li {
	list-style: circle;
	}
	ul.child {
		margin-left: 20px;
		}

#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:90;background-color:#333333;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}

#QuickBox2 { border:3px solid #ac88fc; padding: 10px; background: #fffff8; left: 0 !important; right: 0 !important;}
#QuickBox2 .MainBtn {float: right;}
#WinkImPhoto { display: none; }

#TypePhoto, #TypeVideo, #TypeMusic, #TypeYouTube, #TypeDefault, #UploadWait { display:none;}
#FileType , #UploadBox{ display:block; }

.topic_reply {	margin-left: 0 !important; }

.response_alert {
    /*display: block;*/
    display: none;
    margin-bottom: 9px;
}

#PhotoContainer {
    margin: 10px 0px;
}

#PhotoContainer li {
    float: left;
    margin: 0 10px 10px 0;
}

.ClearAll, .clear {
    clear: both;
}

.ItemGallery {
    margin: 10px 0px;
}

.ItemGallery li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.topTitle {
    clear: both;
    margin: 10px 0px;
}

.hidden {
    display: none;
}

.topic_reply {
    border: 1px solid #E5E0DC;
    padding: 10px;
    margin-bottom: 9px;
}

.topic_reply .pic50 {
    width: 48px;
    height: 48px;
    float: left;
}

.topic_reply .reply_topic {
    padding: 2px 0 5px 0px;
    color: #5f5c52;
    font-size: 12px;
    padding-left: 66px;
}

.topic_reply .margin5.grey12 {
    
	/* 
	padding: 2px 0 0 8px;
	float: left; 
	width: 275px;
	*/
    display: block;
    clear: left;
    text-align: right;
    background: #f8f8f8;
    padding: 3px;
}

.CapBody li label {display: block; font-family: Cabin, Sans-Serif; font-size:14px; font-weight:normal;}
.CapBody table td {font-size:14px; font-family: Cabin, Sans-Serif;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

a {
    cursor: pointer;
}

.MyDailyStatus {
    display: none;
}

.mood_list {margin:10px 0; display:block;}
.mood_list li {float:left; display:block; text-align:center; width:70px; margin:0 5px 10px 0; background-color:#E5E0DC; border:1px solid #E5E0DC; color:#f2f2f2;}
.mood_list li:hover {background: #F9F3E0;}
.mood_list li.selected {background: rgba(173, 136, 252, 0.69); font-weight: bold;}
.mood_list li img {display: block; margin: 0 auto;}

.midBar div center img {margin: 20px 0;}

.crBox table {margin: 10px 0px;}
.crBox label {font-family: Cabin, Sans-Serif; font-size:14px; color:#555;}
.crBox table td:first-of-type {width:5%; position:relative; top:2px;}
.crBox h3 + label {color:white; font-size:16px;}

#copyright_bar {display: none;}

#videocomments, #videocomments #eMeetingCommentsBox {padding-top:20px;}
#eMeetingCommentsForm {padding:10px;}

#twocols #col1, #twocols #col2 {float: left; width:48%;}
#twocols #col1 {margin-right: 20px;}
#twocols #col2 .green .headTitle {border-color: #b1cb93; }
#twocols #col2 .memberNew, #twocols #col2 .Groupmembers {margin-bottom: 20px;}
#twocols #col2 .Groupmembers li .groupInfo {width: auto;}

.home-updates h2 {font-size:30px; margin-top:40px; margin-bottom:10px; text-transform:uppercase;}

#chat {border: 1px solid #ac88fc;}
.newwindow {position:relative; z-index:2; background-color:white; border-radius:28px; border:1px solid #ac88fc; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; bottom:35px; right:15px; text-align:center;}
.newwindow:hover {color: #f2f2f2; background-color: #ac88fc; text-decoration: none;}

pre {
    background-color: white;
    color: black;
}

textarea::-webkit-input-placeholder { font-style: italic; color: #666666; }
textarea:-moz-placeholder { font-style: italic; color: #666666; }


.flowplayer {
   width: 650px;
}
embed {
width: 420px !important;
height: 315px !important;
}

.controls {
	float: right;
	width: 120px;
	text-align: right;
	}
.messages.controls {
		padding-right: 20px;
		}
.Groupmembers li .groupInfo.messages p {
		font-size: 11px;
		}
.controls input[type=checkbox] {margin: 10px 0 0 95px; position: absolute;}
.Groupmembers input[type=checkbox] {float:left; position:relative; margin-bottom:10px;}
.Groupmembers #MemberSearch input[type=checkbox] {margin-top: 0;}
		
.messagetext { margin: 0 0 20px 0;  border: 3px double #ccc;  background: #fff;  padding: 20px; }

.classads {padding-top: 30px; }

#ThisComment {
	padding: 10px;
	font-family:Cabin, sans-serif;
	font-size:12px;
    background-color:#fff;
	}
		
#messageitself {
	width: 200px;
	text-align: left;
	float: right;
	/* padding-bottom: 20px; */
	}
	#messageitself h2, #messageitself h3 {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #E5E0DC;
		}
		#messageitself h3 img {
			float: right;
			margin-top: -2px;
			}


        
.boxWrap{ font-family:Cabin, sans-serif; color:#fff; margin-bottom:22px;}
.boxTop{ background:rgba(173, 136, 252, 0.69);}
.boxTop h2{color:#fff; padding:10px 0 10px 20px; font-size:18px; font-weight:500; font-family: Cabin, Sans-Serif;}
.boxContent{ border-top:none; border-radius:0 0 5px 5px;}
.boxContent.withtop{ border-radius: 5px;}
.boxContent.withtop.grey{border-color: #eee;}
.boxContent.withtop.textarea{background: #fff; font-size: 12px;}
.boxContent .boxContent {margin: 5px; width: auto; border-radius: 2px 2px 2px 2px;}

.boxRow{  display: block; padding:5px; line-height:30px;  font-size:12px; color:#5f5c52;}
.column1{ width:105px; float:left;  font-size:12px; color:#5f5c52; }
.column2{ width:300px; float:right ;  font-size:12px; color:#5f5c52;  font-weight:bold;}
.column3{ padding-left:10px;  font-size:12px; color:#5f5c52; padding-top:7px;}
.boxContent p, .boxContent li, .boxContent a {
    font-size: 12px;
    line-height: 1.8em;
    color: #5F5C52;
}

.boxRow span {display: block; float: left; /* width: 170px; overflow: hidden;  */font-style: normal;}

.postBar ul li.boxRow ul {
	padding: 0 0 0 170px;
	list-style: circle;
	}
	.rightBar ul li.boxRow ul {
		padding-left: 60px;
		}
		
.postBar ul li.boxRow ul li {
	border: 0;
	padding: 0;
	}


.boxRow.odd{ background:none !important;}
.boxContent p{ font-size:12px; color:#5f5c52; padding:10px;}

.blankmessages {
	}
	.blankmessages li {
		float: left;
		width: 138px;
		}
		.blankmessages li a {
			display: block;
			line-height: 34px;
			font-size: 12px;
			color: #fff;
			padding-left: 10px;
			background-repeat: no-repeat;
			}
			

.Groupmembers .controls .pagination, .floatr.pagination {
	float: right;
	}
	
				
#QuickBox2 .headTitle h2, #floatLayer .headTitle h2 {width: auto; min-width: 10px;}

#floatLayer {position: fixed; width:300px; left:30px; top:30px; z-index: 9999; padding: 5px; background: #f5f5f5; border: 1px solid #ac88fc;}
#floatLayer .close-chat {float: right; font-size: 12px; color: #ac88fc; border: 1px solid #ac88fc; background: #fff; border-radius: 999px; padding: 2px 8px;}
#floatLayer .container-chat {padding: 10px; background: #fff; border: 1px solid #ac88fc;}
#floatLayer .pagination a {margin-right: 10px;}
#floatLayer h2 {color: white; background: #ac88fc; display: inline-block; padding: 20px 10px 10px; position: relative; bottom: 20px;}
#floatLayer h3 {font-size:12px; margin-bottom: 10px;}

.groupInfo .additional_info {float: left; text-align: left;/* padding: 3px; margin-right: 10px; */}
.groupInfo .additional_info.created/* , .groupInfo .additional_info.created a */ {line-height: 15px;  color: #999;  font-style: italic;  width: 130px;  float: right; }
.groupInfo.groups .additional_info.created {width: 200px;}
.groupInfo .additional_info.details {line-height: 15px; border: 1px solid #E3C66D; width: 350px;}
.groupInfo .additional_info.comments {line-height: 15px; width: 300px; color: #666;}
/*.groupInfo.groups .additional_info.comments {width: 340px;}*/
/*.groupInfo .additional_info div {margin: 5px;}*/
        
.browseGroup h2 {margin-bottom: 10px;}
#subfooter {margin-bottom:20px;}

.hidden {display: none;}

.comment_avatar {margin-right: 10px; margin-bottom: 5px; margin-top: 8px;}
.comment_actions {  margin-left: 10px;  margin-bottom: 5px; }

input[name=countdown] {font-size:12px; border:none; padding:2px; text-align:center;}
        
.message_previous {color: #999;}
.messagetext.message_previous {border: 1px solid #ddd;}

.message_previous .previous_label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.commentimage {
	 display:block; 
	 line-height:55px; 
	 margin: 6px 60px 0 65px; 
	 text-align:center;
	 color: #fff;
	 }
.commentimagebig {
	margin-bottom: 5px;
	}
.postBarInner {
	padding: 10px;
	}
	
#profilecomments {text-align:center; background-color:#B493FC; min-height:40px; margin-bottom:20px;}
#commentcontrols {text-align: center; width: 100%; justify-content: space-between;}
#commentcontrols a {display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; justify-content: center; margin-top: 10px; padding: 0 8px;}
#accountdetails {margin-top:20px;}
#baseupload {padding-top: 10px;}
#entireform {padding:10px; text-align:left;}
	
.dismiss-message {
	float: right;
	color: #999;
	text-decoration: none;
	padding-right: 10px;
	}

h2 small {
	font-size: 11px;
	font-family: Tahoma;
	color: #999;
	}

a.loadmore {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none; text-align:center;display:block;}
a.loadmore:hover {background:#ac88fc; color:#f2f2f2;}

.all-articles {background-color:#f2f2f2; border-radius:28px; border:none; color:#ac88fc; font-size:15px; padding:5px 20px 5px 20px; text-decoration:none;}
.all-articles:hover {color:#f2f2f2; background-color:#ac88fc;}

#__37:after {content:'';clear:both;display:table;}

.checkbox-container-album {padding-left: 200px;}
.checkbox-container-album p {display: inline-block; padding: 0 0 10px; vertical-align: middle;}
.checkbox-container-album input {display: inline-block; padding: 0; margin: 10px 10px 0 0;}

/* Checkboxes and select */
select {-webkit-appearance:none; -moz-appearance:none; background-image: url('images/br_down.png'); background-position: 95% 50%; background-repeat:no-repeat; background-size:8px;}

button {-webkit-appearance:none; -moz-appearance:none; border-radius: 28px; background: #f2f2f2; color:#ac88fc; font-size: 14px; padding: 5px; border:2px solid #ac88fc;}
button:hover {color: #f2f2f2; background:#ac88fc;}

input[type="checkbox"] {-webkit-appearance:none; background-color:white; height:12px; width:12px; border-radius:10%; border:1px solid #555;}
input[type="checkbox"]:checked {background: url('images/checked_checkbox.gif') center/12px white }
input[type="checkbox"]:focus {outline: 0 !important;}


/* MEDIA QUERIES */

/* Super small devices */
@media only screen and (max-width: 320px) {
    .footer-box {padding: 0 !important;}
}

/* Only iPhone */
@media only screen and (max-width: 480px) {

    .testing-banner {top: 0; bottom: auto;}

    /* General fixes */
    .home-updates h2 {margin-top : 0;}

    .header .social ul, .topSign ul, .headerNav ul {display:table; margin:0 auto;}
    .header .logo {margin-top:30px; margin-bottom:20px; position:relative; left:0;}
    .header .logo h1 a {background-position: center center;}
    a.updates {position:relative;right:40%;top:20px;float:right;margin:0;}

    .header .social {padding:4px 0;}
    .header .social ul {width:70%;}
    .header li .searchInput {width:100%;}
    .header li .searchBtn {left: 10px; bottom: 25px; float:initial; margin:0;}

    .signBox {right:0; left:5%; width:90%;}

    .topSign, .topSign ul {clear:both; float:initial;}
    .topSign li:nth-child(1) a {margin-left:0;}

    .grnTxt {padding-left:0;}

    .MembersBox {padding:0;}
    .MembersBox li {margin: 10px 0;}

    #profilecomments {padding: 0 10px; margin-top: 10px;}

    #commentcontrols a {line-height:15px; padding: 5px;}
    #profilecomments {width: 114%; right:7%; position:relative;}

    .newwindow {right:0; bottom:80px; background-color:#f2f2f2;}

    .createAcc {text-align: center;}
    .createEvent .crBox label {width:100%; text-align:left;}
    .createEvent .crBox select {width:60%;}
    .createEvent .crBox .selectTxt {padding:2px 0;}

    #subfooter.row, .footer.container .row {margin-left:15px; margin-right:15px; }

    .footer input[type="text"] {width:60%;}

    input.searchInput {padding:5px 0 5px 40px !important;}

    div.SaveBtn {padding:0;}

}

/* Accordion */
@media only screen and (max-width: 767px) {
    /* accordion menu */
    #accordion {position:relative; z-index:2;}
    #accordion > h3 {background-color:rgba(173, 136, 252, 0.69); border-top:2px solid rgba(173, 136, 252, 0.69); border-bottom:2px solid rgba(173, 136, 252, 0.69); text-align:center;}
    #accordion > h3:first-child {border-top:none;}
    #accordion > h3 a {font-size:15px; color:white; font-family: Cabin, Sans-Serif; line-height: 25px; text-align:center;}
    .contentbar {background:white;}
    form[name="MemberSearch"] .crBox h3, form[name="MemberSearch"] .crBox h3 + label input {display:none;}
    form[name="MemberSearch"] .crBox h3 + label {border-bottom:1px solid white; width:100%; padding:4px 0; background-image: url('images/br_down_white.png'); background-position: 95% 50%; background-repeat:no-repeat; background-size:8px;}

    .wrapper-searchbox {display:none;}
    .wrapper-searchbox > div {width:50% !important;}
}

/* iPhone and iPad-portrait */
@media only screen and (max-width: 768px) {

    /* iOS let generate event click on mobile Safari */
    body {cursor:pointer;}

    /* General adjustments */
    .headTitle .row {background:none; z-index:1;}
    .sidebar .searchBtnContainer {text-align:center;}

    .nav.hidden-xs .container {width: 768px;}
    .nav li a {font-size: 15px;}

    .header {margin-top: 30px;}
    .header .social {margin-bottom:10px;}
    .headTitle h2 {padding-top:10px;}
    .headTitle form {padding: 10px 20px; background-color: #e5e0dc;}

    .headerNav {padding: 40px 0 15px 15px;}
    .headerNav li:nth-child(odd) {width:70%;}
    .headerNav li:nth-child(even) {width:30%;}
    .headerNav li:first-child {background:url(images/headerNav-divider.png) no-repeat 0 3px;}

    .onlineBar li a {padding:0;}
    .onlineBar li a img {width:44px; height:44px;}

	.sidebar {text-align: center;}

    .postBar ul li.boxRow ul {padding-left:110px; position:relative; z-index:1;}
    .postBar ul li.boxRow ul li {margin: 0 10px;}

	.video {text-align: center;}
    .videoBar li p {font-size:9px;}

    .newwindow {bottom: 80px; right: 0; border: 2px solid #ac88fc;}
    .boxWrap {margin-top:22px;}

    .profile-panel > form {background:#E5E0DC; padding:10px 20px;}

    .GroupMenu.top-menu {bottom:80px; background-color:#e5e0dc; padding:10px 0;}
    .GroupMenu.top-menu ul {position:relative; bottom:4px;}
    .GroupMenu.top-menu li {display: block; margin:5px 0; padding:5px 0;}
    .GroupMenu.top-menu li a {font-size:12px; display: block;}

    .crBox:not(.type_box) {text-align: center;}
    .crBox label {min-width: 40px; width: auto !important;}
    .crBox .grnTxt {padding-left: 0;}
    div.SaveBtn {padding: 0; text-align: center;}

    .createEvent .crBox select { float: right; }
    .createEvent .crBox .selectTxt { float: none; padding: 0; }

    select.date {padding:4px 18px; margin-right: 20px; text-align: center;}

    .checkbox-container-album {padding-left: 0;}

    .browseGroup li.additional .groupInfo, .groupInfo .additional_info.comments {width: auto;}

    textarea#aboutMe {width:100%;}
    textarea#ThisComment {width:90% !important;}

	#videocomments, #videocomments #eMeetingCommentsBox {padding-top:20px; max-width:425px; margin: 0 auto;}

    .userPanel {text-align: center;}
    .userPanel p {width: 50%; margin: 0 auto;}

    div#messages div {position:absolute; bottom: 0; width:100%; font-size:22px; z-index:9;}

    .footer-box {margin: 65px 0 0 !important; padding: 15px;}
}

/* Middle break points */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .GroupMenu.top-menu:not(.profile-menu) li {line-height: 20px;}
    .postBar ul li.boxRow ul { padding: 0 0 0 100px;}

    select.date { margin-right: 2px;}

    .sidebar label input {margin-right: 4px;}
    .crBox label {font-size: 12px;}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .userPanel {text-align: center;}
    .userPanelmenu {width: 150%; position: relative; right: 28%; padding: 0; text-align: center;}
    .GroupMenu.profile-menu {bottom:80px; background-color:#e5e0dc; padding:10px 0;}
    .newsletter .namebx, .newsletter .mailbx {width: 70%;}
}

/* Bootstrap override */
@media (min-width: 768px) {
    .newtworkStatus li.col-sm-1 {width: 14.285714286%;} /* 100% / 7 */
}

/* Only Ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .headerNav {padding: 20px 18px 15px 0;}
    .sidebar input[type="text"] {width:99%;}
    .signBox {width:285px;}
    .GroupMenu.top-menu li {font-size: 12px;}
    #commentcontrols a {line-height:15px; padding-top:3px; padding-bottom:3px;}
    #mce-FNAME, #mce-EMAIL {width:50%;}
}

/* Only portrait Ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .GroupMenu.top-menu li a {line-height:15px; padding-top:3px; padding-bottom:3px;}
    .userPanelmenu li a {font-size:11px; margin:0;}
}

/* Desktop and behind */
@media only screen and (max-width: 1200px) {
    /* Scrolling for mobile */
    html, body { -webkit-overflow-scrolling: touch; height:100%; }
    #gallerylist .postBar {margin-top: 10px;}
}

/* Desktop safari and tablet hacks - leave as it is the declaration of the media query (space included), is the only way to hack */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
    @media (min-width: 320px) {
        /* Fix labels */
        input[type=file] {display: inline-block;}
    }
    @media (min-width: 1024px) {
        /* Fix upside menu */
        .headTitle .row { top: 40px; }
        .headTitle h2 { bottom: 40px; }
        .GroupMenu.top-menu:not(.profile-menu) { bottom: 0; top: 16px; }
        .GroupMenu.profile-menu { bottom: 40px; }
    }
    @media (min-width: 1200px) {
        .GroupMenu.profile-menu { bottom: 0; top: 16px; }
    }
} }