html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #232830;
	/*color: #818181;*/
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	/*overflow-x: hidden;*/
	font-size: 1em;
	position: relative;
}

body.signin {
	background-color: #ebebeb;
	position: relative;
	/*overflow-y: hidden;*/
}
.signin form {
	margin-top: 22%;
}
.mountain {
	background-color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: -9px;
	transform: rotate(-28deg);
	width: 100%;
	z-index: -1;
}
.mountain-bottom {
	background-color: #fff;
	bottom: 0;
	height: 55%;
	position: fixed;
	width: 100%;
	z-index: -1;
}
a:link, a:visited, a:link p, a:visited p, .attachmentthumb p.pointer{
	color: #0088cb; /*unleesh blue*/
	text-decoration: none;
}
a:hover, .attachmentthumb p.pointer:hover {
	color: #ff3C70; /*unleesh watermelon*/
}
#wrapper {
	position: relative;
}
.main {
	max-width: 800px;
	width: 100%;
	min-width: 303px;
	margin: auto;
}
/*slideout menu*/
.slideout-menu {
	position: absolute;
	top: 0;
	left: -300px;
	width: 300px;
	min-height: 100%;
	background: #EFEFEF;
	z-index: 999;
}
.slideout-menu .menubox, .slideout-menu .logo {
	position: relative;
	padding: 12px 10px;
	font-size: 1.2em;
}
.slideout-menu .menubox {
	background-color: #fff;
}
.slideout-menu .logo {
	display: block;
	height: auto;
	margin: auto;
	width: 160px;
}
.slideout-menu-toggle {
	width: 44px;
	height: 35px;
	display: inline-block;
}
.hamburger {
	width: 44px;
}
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 25px;
	font-weight: bold;
	line-height: 1;
	color: #0088cb; /*unleesh blue*/
	text-decoration: none;
	vertical-align: top;
}
.slideout-menu .slideout-menu-toggle:hover {
	color: #ff3C70; /*unleesh watermelon*/
}
.slideout-menu .settings img {
	height: auto;
	padding: 5px 0;
	position: absolute;
	right: 10px;
	top: 40px;
	width: 24px;
}
.slideout-menu ul {
	margin-top: 0px;
	list-style: none;
	padding: 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.slideout-menu ul li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.slideout-menu ul li a {
	position: relative;
	display: block;
	padding: 20px 0px 20px 30px;
	color: #0088cb; /*unleesh blue*/
	text-decoration: none;
}
.slideout-menu ul li a:hover, .slideout-menu ul li a.selected {
	background: #ffcb3c; /*unleesh yellow*/
	color: #fff;
}
/*header*/
.links-section .icon {
	position: relative;
}
.hamburger .icon-bar, .menubar #icon-bar {
	background-color: #0088cb; /*unleesh blue*/
	border-radius: 5px;
	display: block;
	height: 5px;
	margin: 5px;
}
.menubar #icon-bar {
	width: 44px;
}
h1, h2, h3 {
	font-weight: normal;
}
h1 {
	color: #0088cb;
	font-size: 1em;
	height: 1.2em;
	padding-top: 32px;
	font-weight: normal;
	margin: auto 5px auto auto;
	overflow: hidden;
	width: 100%;
	margin: auto;
	text-align: center;
}
h1.long {
	float: right;
	max-width: 70%;
}

h1.page-title.long {
	float: none;
}

/*form styling*/
form {
	width: 100%;
	text-align: center;
	margin: 3em auto;
}
form .logo {
	height: auto;
	margin-bottom: 3em;
	max-width: 50%;
}
form a {
	display: block;
	margin: 10px 0px;
}
.nomargin a {
	margin: 0px;
}
input, textarea, select, .input {
	border: 1px solid #efefef;
	font-size: 1em;
	margin: 0;
	padding: 1em;
	width: 100%;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
	box-sizing: border-box;
	background-color: #fff;
}
textarea {
	resize: none;
}
.input {
	clear: both;
	max-width: 550px;
	width: 80%;
	float: left;
	margin-left: 10px;
	height: 52px;
	padding: 5px;
	overflow: hidden;
}
.recipient {
	display: inline-block;
	background-color: #ffcb3c; /*unleesh yellow*/
	color: #fff;
	padding: 5px;
	border-radius: 10px;
	margin: 5px;
	vertical-align: middle;
}
.added-recipients-wrapper input{
	padding: 4px 0;
	width: auto;
	display: inline-block;
	margin: 0 5px 5px 0;
	vertical-align: middle;
}
.recipient .fright {
	margin-left: 20px;
	vertical-align: middle;
}
.recipient p {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 1px 0px 0px 5px;
	font-size: .875em;
}
button {
	background-color: #0088cb; /*unleesh blue*/
	border: medium none;
	border-radius: 10px;
	color: #fff;
	font-size: 1em;
	height: 44px;
	margin: 20px auto;
	max-width: 180px;
	width: 100%;
	cursor: pointer;
}
button:disabled {
	cursor: default;
}
button:hover {
	background-color: #ff3C70; /*unleesh watermelon*/
}
.bttn {
	background-color: #0088cb; /*unleesh blue*/
	border: medium none;
	border-radius: 10px;
	color: #fff;
	font-size: 1em;
	height: 34px;
	padding: 15px 0 0;
	margin: 20px auto;
	max-width: 80%;
	color: #fff;
	width: 100%;
}
.bttn.fb {
	background-color: #3c599b;
	width: 74%;
	position: relative;
	font-size: .9em;
}
.icon.fb {
	background-image: url("../images/icon-fb.png");
	background-size: 50% auto;
	border-right: 1px solid #ccc;
	height: 34px;
	left: 1%;
	padding-right: 20px;
	position: absolute;
	top: 8px;
	width: 34px;
}
legend {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/*path listings*/
.pathbox, .steps {
	width: 100%;
	padding: 0px;
	margin: auto;
	margin: 0px;
}
.pathbox li, .steps li {
	list-style: none;
	border: solid 1px #efefef;
	padding: 10px;
	/*overflow: auto; in firefox it breaks markup*/
}

ul.pathbox.pathstore li {
	overflow: auto;
}

.pathtitle, .steptitle, .eventitle {
	display: block;
	font-size: 1.2em;
	margin: 10px 0 0;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
 .steps li:hover, .pathtitle:hover> a, /*.pathbox li:hover*/ {
	background-color: #0088cb; /*unleesh blue*/
	color:#fff;
}
.pathicon {
	float: left;
	padding: 10px;
	border: solid 1px #0088cb; /*unleesh blue*/
	margin-right: 20px;
	width: 60px;
	margin-bottom: 20px;
	height: 60px;
}
.pathicon img {
	width: 60px;
	height: auto;
}
.description {
	border: 1px solid #efefef;
	/*color: #a9a9a9;*/
	color: #232830;
	padding: 10px;
	line-height: 1.7em;
	font-size: 1.1em;
}
.description img {
	max-width: 100%;
	max-height: 530px;
	margin: 0 auto;
	display: block;
}
.points {
	display: block;
	font-size: .875em;
}
.points p {
	margin: 5px 0px;
}
.section .points p {
	margin: 0px 0 5px 0px;
}
.points .fleft {
	margin-right: 8px;
}
.fright.end {
	margin-right: 0px;
}
.pointsbar {
	position: relative;
	height: 6px;
	width: 120px;
	border-radius: 4px;
	background-color: #cecece;
	margin-right: 10px;
	float: left;
}
.fright .pointsbar {
	margin-right: 0px;
}
.pathbox.landing .pointsbar {
	display: inline;
	float: right;
	height: 10px;
	margin: 10px 0 0 10px;
	max-width: 52%;
	width: 100%;
}
.pointsbar .status {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 6px;
	border-radius: 4px;
	width: 30%;
	background-color: #ffcb3c; /*unleesh yellow*/
}
.lesson .pointsbar .status {
	background-color: #ff3C70; /*unleesh watermelon*/
}
.pathbox.landing .points p {
	font-size: 1.2em;
}
.pathbox.landing .status {
	height: 10px;
}
.pointsbar .status:hover {
	background-color: #ff3C70; /*unleesh watermelon*/
}
.pointsbar .status.zero {
	width: 0%;
}
.pointsbar .status.ten {
	width: 10%;
}
.pointsbar .status.twenty {
	width: 20%;
}
.pointsbar .status.thirty {
	width: 30%;
}
.pointsbar .status.fourty {
	width: 40%;
}
.pointsbar .status.fifty {
	width: 50%;
}
.pointsbar .status.sixty {
	width: 60%;
}
.pointsbar .status.seventy {
	width: 70%;
}
.pointsbar .status.eighty {
	width: 80%;
}
.pointsbar .status.ninety {
	width: 90%;
}
.pointsbar .status.hundred {
	width: 100%;
}
.section {
	border: 1px solid #efefef;
	min-height: 34px;
	padding: 15px 20px 0;
}
.section.relative {
	position: relative;
}
.section.settings {
	padding: 10px;
	height: auto;
	overflow: auto;
}
.section .left {
	position: absolute;
	left: 10px;
}
.section .right {
	position: absolute;
	right: 10px;
}
.section.center {
	text-align: center;
}
.section.lesson {
	border-bottom: 2px solid #efefef;
	min-height: 90px;
}
.section.lesson h3 {
	padding: 0px;
}
.section.header {
	border: 1px solid #efefef;
	background: #efefef;
	height: 34px;
	padding: 15px 20px 0;
	color: #a9a9a9;
}
.section.events {
}
.section.header p {
	margin-top: 0px;
}
.section.events {
	padding: 0px;
	background-color: #fcfcfc;
}
.section.header h3 {
	padding: 0px;
	margin: 0px;
}
.section.myprofile {
	padding: 10px;
	height: auto;
}
.rsvpbox {
	position: relative;
	text-align: center;
	background-color: #efefef;
	font-size: .875em;
	height: 24px;
	padding: 5px 20px;
	font-size: .75em;
}
.action-area {
	border: 1px solid #efefef;
	/*color: #a9a9a9;*/
	color: #232830;
	margin-top: 0;
	padding: 20px 10px;
	line-height: 1.7em;
}
.action-buttons {
	margin: auto;
	padding: 0;
	text-align: center;
}
.action-buttons li {
	list-style: none;
	display: inline-block;
	margin: 30px 15px 10px;
	position: relative;
}
form .action-buttons li {
	margin-top: 18px;
}
.attachBox .action-buttons li a {
	margin: 16px 0px;
}
.popover {
	display: none;
	background-color: white;
	border: 1px solid #0088cb;
	border-radius: 5px;
	position: absolute;
	bottom: -54px;
	width: 150px;
	margin-left: -56px;
	font-size: 14px;
	color: gray;
	padding: 5px;
	line-height: 22px;
}
.action-buttons li:hover .popover{
	display: block;
}
.action-buttons li a, .photo, .video, .audio, .text {
	height: 34px;
	width: 44px;
	background-image: url('../images/step-actions-icons-sprite.png');
	background-size: 88px 176px;
	text-align: center;
}
.action-buttons li a span {
	display: block;
	margin: auto;
	text-align: center;
	font-size: .875em;
}
.action-buttons li a .photo {
	background-position: 0 -2px;
}
.action-buttons li a .video {
	background-position: 0 128px;
}
.action-buttons li a .audio {
	background-position: 0 84px;
}
.action-buttons li a .text {
	background-position: 0 40px;
}
.action-buttons li a .photo.active,
.action-buttons li a .photo:hover {
	background-position: 44px -2px;
}
.action-buttons li a .video.active,
.action-buttons li a .video:hover {
	background-position: 44px 128px;
}
.action-buttons li a .audio.active,
.action-buttons li a .audio:hover {
	background-position: 44px 84px;
}
.action-buttons li a .text.active,
.action-buttons li a .text:hover {
	background-position: 44px 40px;
}
.ui-dialog {
	background-color: #fff;
	border: solid 1px #cecece;
	padding: 0 20px;
	z-index: 1000;
	min-width: 303px;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-dialog button.ui-dialog-titlebar-close {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	top: -35px;
	right: -35px;
	background-image: url("../images/icon-x.png");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
	display: none;
	margin: 20px 10px;
}
.ui-dialog .ui-dialog-buttonset {
	text-align: center;
}
.ui-dialog .ui-dialog-buttonset button{
	margin: 20px 10px;
	max-width: none;
	width: auto;
	height: auto;
	padding: 10px 20px;
}
.ui-dialog-title {
	display: none;
}
.ui-dialog-titlebar {
	position: relative;
}
.section.attacharea {
	height: auto;
	/*overflow: auto;*/
	padding: 10px 0px 20px;
	display: inline-block;
	width: 100%;
}
.twocol {
	width: 45%;
	padding: 1%;
}
.attachmentthumb {
	max-width: 290px;
	min-height: 120px;
	text-align: center;
	margin: auto;
	overflow: hidden;
}
.attachment-added {
	background-repeat: no-repeat;
	background-position: center;
}
.addphoto.attachment-added {
	background-image: url("../images/image-full.png");
	background-size: 120%;
}
.addvideo.attachment-added {
}
.addaudio.attachment-added {
	background-image: url(../images/audio-thumb.png);
	background-size: 100%;
	background-color: #4BC3FF;
}
.addtext.attachment-added {
}
.attachmentthumb.attachment-added p, .attachmentthumb.attachment-added .icon {
	display: none;
}
.attachmentthumb.active {
	border: solid 1px #0088cb; /*unleesh blue*/
}
.attachmentthumb.active:hover, .bttn.fb:hover, .rsvp-reply li:hover, .section.attacharea .circle-icon.delete, .pointer {
	cursor: pointer;
}
.attachmentthumb .icon {
	margin: auto;
	margin-top: 15%;
}
.section.attacharea .circle-icon.delete {
	float: left;
	margin-top: 40px;
	width: 20px;
	height: 20px;
	transform: translateY(50%);
	cursor: pointer;
}
.section.attacharea .attachment-comment {
}
.section.attacharea textarea {
	color: #a9a9a9;
	float: left;
	width: 75%;
}
.section.attacharea .fright {
	text-align: center;
}
.edit-attachment {
	font-size: .8em;
	padding-top: 5px;
}
.submitarea {
	border: 1px solid #efefef;
	text-align: center;
}
form.bttnsubmit {
	margin: 0px;
}
.arrow {
	float: right;
	padding: 20px 10px;
	font-size: 2em;
	color: #cecece;
}
/*toggle switch*/
.switch {
	width: 62px;
	height: 32px;
	background: #e5e5e5;
	z-index: 0;
	margin: 0;
	padding: 0;
	appearance: none;
	border: none;
	cursor: pointer;
	position: relative;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.switch:before {
	content: ' ';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 60px;
	height: 30px;
	background: #fff;
	z-index: 1;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.switch:after {
	content: ' ';
	height: 29px;
	width: 29px;
	border-radius: 28px;
	background: #fff;
	position: absolute;
	z-index: 2;
	top: 1px;
	left: 1px;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-box-shadow: 0 2px 5px #999999;
	box-shadow: 0 2px 5px #999999;
}
.switchOn, .switchOn:before {
	background-color: #ffcb3c !important; /*unleesh yellow*/
}
.switchOn:after {
	left: 32px !important;
}
/*tabs*/
.switcher {
	clear: both;
	border: 2px solid #efefef;
	height: 44px;
	padding: 0;
	margin-top: 0;
}
.switcher li {
	list-style: none;
	float: left;
	text-align: center;
}
.switcher.two li {
	width: 50%;
}
.switcher.three li {
	width: 33.333333%;
}
.switcher li a:link, .switcher li a:visited {
	padding: 14px 0px;
	display: block;
	font-size: .875em;
}
.switcher li a:hover {
	color: #fff;
}
.vertical .switcher {
	height: auto;
	border: 0;
}
.vertical .switcher li {
	border: 2px solid #efefef;
	display: block;
	float: none;
	text-align: center;
	margin: 5px 0px;
}
.vertical .switcher.two li, .vertical .switcher.three li {
	width: 100%;
}
.ui-state-active {
	background-color: #ff3C70; /*unleesh watermelon*/
}
.ui-state-active a {
	color: white;
}
.ui-state-default:hover {
	cursor: pointer;
	background-color: #ff3C70;
	color: #fff; /*unleesh watermelon*/
}
.attchment-thumb.active {
	background-color: #0088cb; /*unleesh blue*/
}
/*steps*/
.lesson-steps {
	clear: both;
}
.lesson h2, .lesson-steps h3 {
	font-size: 1em;
	margin: 0;
	padding-top: 5px;
}
.lesson-steps h3:hover {
	color: #ff3C70;
}
.lesson h3 {
	padding: 20px 0px 5px;
}
.lesson-steps li {
	list-style: none;
	border-bottom: 1px solid #cecece;
	padding: 20px 0;
}
.circle-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -2px;
}
.rsvp-status .circle-icon {
	width: 20px;
	height: 20px;
}
.circle-icon.check {
	background-image: url("../images/icon-check.png");
}
.circle-icon.profile {
	background-image: url("../images/icon-profile.png");
	background-size: cover;
}
.circle-icon.uploaded {
	background: #fff;
	border: solid 1px #efefef;
}
.circle-icon.maybe {
	background-image: url("../images/icon-maybe.png");
}
.circle-icon.decline, .circle-icon.delete {
	background-image: url("../images/icon-x.png");
}
.circle-icon.pathicon {
	background-image: url("../images/path-icon.png");
	margin-bottom: 0;
}
.circle-icon.active {
	background-image: url("../images/icon-active.png");
}
.circle-icon.complete, .circle-icon.going, .circle-icon.yellow, .yellow {
	background-color: #ffcb3c; /*unleesh yellow*/
}
.circle-icon.inactive, .circle-icon.decline, .circle-icon.maybe, .decline{
 background-color: #cecece;
}
.circle-icon.highlight, .circle-icon.watermelon, .mypts.highlight, .highlight {
	background-color: #ff3C70; /*unleesh watermelon*/
}
.circle-icon.active, .circle-icon.blue, .blue {
	background-color: #0088cb; /*unleesh blue*/
}
.icon {
	width: 25px;
	height: 25px;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	display: inline-block;
}
.icon.fleft {
	margin-right: 5px;
}
.icon.add {
	background-image: url("../images/add-icon.png");
}
.icon.adduser {
	background-image: url("../images/add-user-icon.png");
}
.icon.location {
	background-image: url("../images/location-icon.png");
}
.icon.attach {
	background-image: url("../images/attachment-icon.png");
}
.icon.back {
	background-image: url("../images/back-icon.png");
	/*top: 23px;*/
}
.icon.select {
	background-image: url("../images/icon-select.png");
	margin-left: 5px;
	margin-top: 30px;
}
.icon.search {
	background-image: url("../images/search-icon-white.png");
	border: 1px solid #fff;
}
.icon.send {
	background-image: url("../images/comment-icon.png");
}
.icon.sendwhite {
	background-image: url("../images/comment-icon-white.png");
	border: 1px solid #fff;
}
.icon.share {
	background-image: url("../images/share-icon.png");
}
.icon.download {
	background-image: url("../images/download-icon.png");
}
.icon.filter {
	background-image: url("../images/filter-icon.png");
}
.icon.compose {
	background-image: url("../images/new-message-icon.png");
}
.icon.hide {
	background-image: url("../images/hide-icon.png");
}
.icon.show {
	background-image: url("../images/show-icon.png");
}
.icon.favecontrol {
	background-image: url("../images/star-icon-outline.png");
}
.icon.fave {
	background-image: url("../images/fave-icon.png");
	height: 15px;
	margin-right: 10px;
	width: 15px;
}
/*chat feed & pathmail*/
.section.center {
	padding: 10px;
}
p.center {
	margin: auto;
	text-align: center;
}
.section.center .centerlink {
	padding: 0px;
}
.section.center icon.compose {
	margin-right: 10px;
}
.commentbox, .searchbox, .newmailbox {
	position: relative;
	background-color: #fefefe;
}
.commentbox.fixedbottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.hidden {
	display: none;
}
.searchbox .search, .newmailbox .sendwhite {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 5px;
	top: 8px;
	background-position: center center;
	background-size: 70%;
}
.searchbox .search {
	top: 3px;

	background-color: #cecece;
	border-radius: 0;
}
.newmailbox .sendwhite {
	top: 10px;
}
#wrapper.mail-messaging {
	position: relative;
	min-height: 500px;
	/*padding-bottom: 120px;*/
}
#wrapper.mail-messaging .circle-icon.profile, #wrapper.mail-messaging .circle-icon.uploaded {
	bottom: 0px;
	position: absolute;
}
#wrapper.mail-messaging .circle-icon.fright {
	right: 0;
}
.bubble {
	padding: 15px 30px;
	border-radius: 20px;
	color: #ffffff;
	position: relative;
	min-width: 150px;
}
.bubble .time {
	text-align: right;
	font-size: .8em;
}
.bubble.incoming {
	float: left;
	display: block;
	background-color: #ffcb3c; /*unleesh yellow*/
}
.bubble.outgoing {
	background-color: #0088cb; /*unleesh blue*/
	float: right;
	display: block;
}
blockquote .attachmentbox .attachment {
	height: auto;
	max-width: 100%;
}
blockquote .comment .attachment {
	width: 100%;
}
blockquote.outgoing p a:link, blockquote.outgoing p  a:visited, blockquote.outgoing p  a:link p, blockquote.outgoing p  a:visited p, blockquote.outgoing p  .attachmentthumb p.pointer {
	color: #d9edf7;
}
.bubble.outgoing a {
	/*color: white;*/
}
.bubble.outgoing a:hover {
	color: #ff3C70;
}
.bubble .tail {
	position: absolute;
	bottom: -10px;
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.bubble.incoming .tail {
	left: -10px;
	background-image: url("../images/bubble-left.png");
}
.bubble.outgoing .tail {
	right: -10px;
	background-image: url("../images/bubble-right.png");
}
.editchatmsg {
	position: absolute;
	left: 30px;
	bottom: 10px;
	background-image:url("../images/editchat.png");

}
.editchatlinks {
	position: absolute;
	right: 28px;
	bottom: -25px;
	font-size: .8em;
}
.editchatlinks {
	color: #a9a9a9;
	line-height:1em;
}
.mail-messagebox {
	clear: both;
	position: relative;
	padding: 10px;
	overflow: hidden;
}
.commentsection {
	position: relative;
	margin-top: 20px;
}
.commentsection form {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#usercommentbox {
	background: none repeat scroll 0 0 #cecece;
	bottom: 0;
	max-width: 800px;
	padding: 20px 0;
	position: absolute;
	width: 100%;
	height: 70px;
	top: -20px;
}
#usercommentbox {
	position: relative;
}
#usercommentbox input {
	height: 53px;
	margin: 6px auto auto;
	max-width: 550px;
	margin: 6px auto auto 10px;
}
#userComment {
	width: 80%;
	margin: auto;
	top: 25px;
	height: 52px;
}
.send {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 34px;
	height: 34px;
}
.attach {
	position: absolute;
	left: 5px;
	top: 10px;
	width: 34px;
	height: 34px;
}
#chat {
	position: relative;
}
.commentspace {
	height: 110px;
}
.feed {
	padding: 0px;
	margin: 0px
}
.feed li {
	border: 1px solid #efefef;
	display: block;
	list-style: outside none none;
	padding: 15px 10px 35px;
}
.feed.pathmail li {
	padding: 15px 10px;
	position: relative;
}
.feed.pathmail li a {
	overflow: auto;
	display: block;
}
.feed.pathmail .circle-icon {
	width: 10px;
	height: 10px;
	background-image: none;
	margin-top: 5px;
}
.feed.pathmail .circle-icon.delete {
	background-color: #0088cb;
	background-image: url("../images/icon-x.png") !important;
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70% auto;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 30px;
	z-index: 50;
	cursor: pointer;
	margin-top: -15px;
}
.feed.pathmail p {
	margin: 0px;
}
.feed li p {
	font-size: 1em;
}
.feed li .pathmate p, .feed li .timestamp p {
	font-size: .875em;
	line-height: .875em;
	color: #444444;
}
.feed li .timestamp .delete-link {
	display: block;
	text-align: right;
	cursor: pointer;
}
.feed li .pathmate p {
	display: inline-block;
	margin-top: 8px;
	text-align: left;
}
.feed li .post-content {
	margin: 30px 0 30px 40px;
	clear: both;
}
.feed.pathmail li .post-content {
	margin-right: 60px;
}
.clearbreak {
	height: 50px;
}
/*globals*/
.nopadding {
	padding: 0px;
}
.nomargin {
	margin-top: 0px;
}
.left {
	text-align: left;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.noflt {
	float: none;
}
.clearfix, .clear {
	clear: both;
}
.bump {
	padding-top: 20px;
}
/*actions*/
.attachmentbox {
	overflow: auto;
	padding: 0 20px 30px;
}
.attachmentbox .attachment {
	height: 100px;
	margin-left: 20px;
	width: 180px;
	max-width: 50%;
	overflow: hidden;
    position: relative;
    z-index: 100;
}
.attachmentbox .attachment.addaudio {
	background-color: #4BC3FF !important;
}
.feed li .attachment p {
	margin: 10px 0px;
}
.comment p {
	padding-top: 5%;
}
.commentlink {
	padding: 0px 20px;
}
/*events*/
.eventinfo {
	margin-left: 110px;
}
.eventinfo, .eventinfo .pathtitle, .rsvp {
	font-size: .875em;
}
.eventinfo .pathicon {
	height: 13px;
	width: 13px;
	padding: 3px;
	margin-right: 10px;
	margin-top: -4px;
}
.eventinfo .pathicon img {
	width: 13px;
	height: auto;
}
.eventinfo .circle-icon, .rsvp .circle-icon {
	width: 20px;
	height: 20px;
}
.rsvp {
	width: 80px;
}
.pathbox.events .timestamp {
	clear: both;
	display: block;
	height: 44px;
	padding: 0;
	width: 100%;
}
.pathbox.events .timestamp p {
	background: none repeat scroll 0 0 #0088cb; /*unleesh blue*/
	border-radius: 10px;
	color: #fff;
	float: right;
	font-size: .8em;
	font-weight: bold;
	height: 1em;
	padding: 5px 10px;
}
.pathbox.events li {
	padding: 0px 10px 10px;
}
.rsvp-reply {
	padding: 0px;
	margin: auto;
}
.rsvp-reply li {
	list-style: none;
	padding: 10px 0px;
	display: inline-block;
	width: 33.333333%;
	float: left;
	text-align: center;
	color: #fff;
}
.rsvp-status {
	padding: 0px 20px;
}
#rsvp-going {
	background: #ffcb3c; /*unleesh yellow*/
}
#rsvp-maybe {
	background-color: #dbdbdb; /*unleesh yellow*/
}
#rsvp-decline {
	background: #ccc; /*unleesh yellow*/
}
/*total points*/
.spacer {
	width: 80px;
	margin: 10px;
	position: relative;
	display: inline-block;
}
.mypts, .myprofileimg {
	border: 4px solid #ffcb3c; /*unleesh yellow*/
	border-radius: 50%;
	color: #fff;
	margin: 0px auto;
	text-align: center;
	font-size: 1.5em;
	position: absolute;
}
.myprofileimg.uploaded {
	background-color: #ececec;
	background-size: cover;
}
.mypts {
	width: 70px;
	height: 70px;
	left: 0px;
	right: 0px;
	z-index: 2;
}
.myprofileimg {
	background-image: url("../images/icon-profile.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	width: 145px;
	height: 145px;
	right: 10px;
	top: 0px;
}
.mypts span {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	position: relative;
	top: 20px;
}
.pathmates-filter .icon.select, .newmail .icon.select {
	margin-top: 0px;
}
.newmail.box .icon.select {
	margin-top: 0px;
	position: absolute;
	right: 8px;
}
.totalpoints, .pathmates {
	padding: 0px;
	display: block;
}
.totalpoints li .circle-icon {
	margin-top: 10px;
}
.totalpoints li {
	border: 1px solid #efefef;
	display: block;
	list-style: outside none none;
	overflow: auto;
	padding: 5px 0 5px 10px;
}
.totalpoints li p {
	margin-top: 25px;
}
/*my profile*/
.section.quote {
	padding: 50px;
	text-align: center;
}
.section .subs {
	background-color: #ff3C70; /*unleesh watermelon*/
	color: #fff;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.section .subs:hover {
	background-color: #0088cb; /*unleesh blue*/
}
.section.uservideo {
	height: 300px;
	padding: 10px 0px;
	position: relative;
}

.myprofile .mypts {
	width: 50px;
	height: 50px;
	font-size: 1.2em;
	float: left;
	position: relative;
	margin-right: 10px;
}
.myprofile .mypts p {
	margin-top: 10px;
}
.myprofile .recent {
	padding-top: 20px;
}
.myprofile .mypts span {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	position: relative;
	top: 10px;
}
/*pathmates*/
.pathmates p {
	margin: 10px 0px;
}
.pathmates li {
	border: 1px solid #efefef;
	display: block;
	list-style: outside none none;
	padding: 10px 10px 20px;
	min-height: 80px;
}
.profileimg {
	position: relative;
	margin: 5px 10px 0px 10px;
}
.new-pathmail {
	position: relative;

}
.new-pathmail form {
	margin: 0 auto;
}
.fixed-panel {
	width: 100%;
	max-width: 800px;
	position: fixed;
	top: 80px;
	z-index: 990;
	background-color: #ffffff;
	min-height: 280px;
}
.fixed-panel .section.settings {
	background-color: #ffffff;
}
.fixed-panel-bottom {
	padding-top: 280px;
}

.profileimg .pts {
	background-color: #ff3c70;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	min-width: 12px;
	padding: 5px;
	position: absolute;
	left: 0;
	text-align: center;
	top: 55px;
}
.pathmates .profileimg {
	float: left;
	margin-right: 10px;
	clear: left;
}
.profileimg .circle-icon {
	width: 90px;
	height: 90px;
}
.activity {
	margin-left: 125px;
	font-size: .75em;
}
.pathmates .activity a {
	display: block;
	font-size: 1.5em;
	padding: 10px 0 0;
}
.activity h3 {
	font-weight: bold;
	margin: 0px;
}
.activity p {
	margin: 0px 0px 10px 0px;
}
/*add new style*/
.tabbable ul.switcher li.active a{
	color: #ffffff;
	background-color: #ff3C70;
}
.tabbable ul.switcher li:hover {
	background-color: #ff3C70;
}
.event-list {
	cursor: pointer;
}
.event-list:active {
	background-color: rgba(2, 137, 203, 0.19);
}
.box-view {
	position: relative;
	z-index: 100;
}
.box-view .mypts {
	top: -35px;
}
.box-view .links-section {
	font-size: .75em;
}
.top-path {
	position: absolute;
	top: -45px;
	right: 0;
	z-index: 100;
}
.top-path-left {
	position: absolute;
	top: -49px;
	left: 56px;
}
.top-pathname {
	position: absolute;
	top: -90px;
}
.title-dialog {
	margin-top: 15px;
	display: block;
	margin-bottom: -10px;
}
.error input{
	border-color: #a94442;
}
.message-server {
	position: fixed;
	z-index: 9998;
	top: 48%;
	width: 320px;
	left: 50%;
	margin-left: -160px;
}
.message-server,
.text-error {
	color: #a94442;
	text-align: left;
	font-size: 13px;
}
.message-server span,
.text-error span{
	padding: 5px 10px;
	border: 1px solid;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	display: block;
}
.modal-error-server {
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.close-error {
	background-color: #0088cb;
	background-image: url("../images/icon-x.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 52% auto;
	height: 24px;
	position: absolute;
	right: -12px;
	top: -12px;
	width: 24px;
	border-radius: 50%;
	cursor: pointer;
}

.modal-error-server span{
	padding: 5px 10px;
	border: 1px solid;
	color: #a94442;
	background-color: #ffffff;
	border-color: #ebccd1;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding: 18px 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
}
/*modal*/
.modal-alert {
	width: 90%;
	margin: 25px auto 0;
	text-align: center;
}
.modal-alert img{
	width: 100%;
}
.path-user {
	color: #a9a9a9;
	float: right;
	margin-right: 30px;
}
.feed.commentsReplies li {
	padding: 20px 0 20px 18px;
	border: 0 none;
}
.link {
	color: #0088cb;
}

.link:hover {
	color: #0088cb;
}
.link-pointer {
	color: #0088cb;
	cursor: pointer;
}
.link-none {
	color: #0088cb;
	text-align: left;
}
.step-link {
	font-size: 1em;
	margin: 0;
	padding-top: 5px;
}
.preview-img {
	width: 66px;
	vertical-align: middle;
	margin-right: 15px;
}
.preview-text {
	vertical-align: middle;
}
.preview-box {
	padding-bottom: 15px;
	min-height: 0;
	background-color: #ffffff;
	border: 1px solid #efefef;
}
.ui-datepicker {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box;
}
.ui-datepicker-next {
	float: right;
}
.ui-datepicker-prev {
	float: left;
}
.ui-datepicker-calendar tr td a{
	padding: 6px 5px;
	display: block;
}
.ui-icon {
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-datepicker-title {
}
.ui-datepicker-header {
	padding: 5px 2px;
	text-align: center;
	font-weight: bold;
}
.map map{
	width: 100%;
	margin-top: 25px;
}
.quote-text .circle-icon.delete,
.box .circle-icon.delete {
	background-color: #0088cb;
	background-image: url("../images/icon-x.png") !important;
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70% auto;
	height: 30px;
	width: 30px;
	right: 0;
	top: 12px;
	z-index: 50;
	position: absolute;
	cursor: pointer;
}
.quote-text .circle-icon.delete {
	height: 20px;
	width: 20px;
	top: 5px;
	right: -5px;
}
.quote-text textarea{
	padding-right: 20px;
	box-sizing: border-box;
}
.quote-text form{
	margin: 0;
}
.box {
	position: relative;
}
.box .location {
	border: 1px solid #efefef;
	font-size: 1em;
	margin: 0;
	padding: 1em;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	display: inline-block;
}
.edit-icon{
	height: 27px;
	width: 27px;
	background-image: url('../images/step-actions-icons-sprite.png');
	background-size: 56px 128px;
	text-align: center;
	background-position: 0px 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
a:hover .edit-icon {
	background-position: 27px 30px;
}
.edit-icon:hover {
	background-position: 27px 30px;
}
.panel-users {
	margin-bottom: 10px;
	display: inline-block;
	float: right;
	margin-top: -40px;
}
.panel-users a {
	display: inline-block;
	margin: 0 5px;
}
.panel-users a .circle-icon {
	display: inline-block;
	float: none;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 0;
}
/*status */

.news{
 	background-color: #0088cb;
}
.new {
	background-image: url("../images/icon-new.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.menu.circle-icon {
	position: absolute;
	right: 0;
	color: #ffffff;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 5px 5px 5px 4px;
	top: 16px;
}
.checked-in {
	text-align: center;
}
.checked-in button{
	background-color: #ffcb3c;
	color: #ffffff;
}
.checked-in button:active {
	background-color: rgba(255, 203, 61, 0.31);
}
.invitees-users {
	text-align: left;
}
.icon.location-icon {
	background-image: url("../images/icon-map.png");
}
.preview-events-image {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ui-widget-overlay.ui-front {
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.select-path {
	text-align: left;
}
.select-path .right{
	float: right;
	margin-top: 0;
}
.select-list {
	position: relative;
}
.select-list>span {
	display: inline-block;
	width: 70%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.quote-text {
	position: relative;
}
.loading {
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.loading .text-loading {
	background-color: #fff;
	border: solid 1px #cecece;
	padding: 15px 20px;
	z-index: 1011;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	height: 50px;
	margin-top: -25px;
}
.title-profile {
	padding: 0;
	position: absolute;
	top: -50px;
}

.title-profile .icon {
	height: 15px;
	width: 15px;
}

.profile-settings .icon.select {
	margin-top: 0;
}
.icon-play {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1050;
    background-image: url("../images/play-icon.svg");
	background-color: #4ac5ff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.icon-play-audio {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1050;
	background-image: url("../images/audio-thumb.png");
	background-color: #4ac5ff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.icon-play-audio_fixed {
	width: 140px;
	height: 100px;
	position: static;
}

.profile-sours {

}
.modal-alert .feed li .post-content {
    text-align: left;
}
.no-button:hover,
.no-button {
    background-color: transparent;
    padding: 0;
    margin: 7px;
    outline: none;
}
.commentsReplies {
	margin-bottom: 45px;
}
.icon-like {
	background-image: url("../images/ic_like.png");
}
.like span{
	display: inline-block;
	vertical-align: middle;
}
.comment .attachment {
	width: 20%;
}
.add-is-more {
	position: fixed;
	bottom: 0;
	width: 100%;
	/*background: red;*/
	left: 0;
	z-index: 100;
	text-align: center;
	box-sizing: border-box;
	padding: 0!important;
}
.add-is-more span {
	background-image: url("../images/throbber.gif");
	background-position: center ;
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 13px;
}
span.loadLike{
	background-image: url("../images/throbber.gif");
	background-position: center ;
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 13px;
	position: absolute;
	left: -20px;
	top: 5px;
	display: none;
}
.margin-right {
	margin-right: 15px;
}
.time-event {
	margin:15px 10px;
	font-size: 15px;
}
.disable:hover,
.disable {
    background-color: #cccccc;
}
.relative-box {
	position: relative;
}
.add-attache {
	position: absolute;
	width: 94%;
	background: #ffffff;
	border: 1px solid #ccc;
}
#video-screen {
	width: 350px;
	height: 270px;
}
.screen-shot,
.video-screen{
	display: inline-block;
	vertical-align: middle;
}
.screen-shot {
	background-color: #c4c4c4;
	min-height: 260px;
}
.screen-shot img {
	width: 398px;
}
.finished-submit {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: middle;
}
.finished-submit .circle-icon {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.attachBox .action-buttons li{
	float: left;
}
.attachBox {
	display: inline-block;
}
.attachBox .action-buttons li a{
	background-image: none;
}
.message {
	background: none repeat scroll 0 0 #cecece;
	width: 100%;
	position: relative;
	height: 70px;
	padding: 20px 0;
}
.message input {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	width: 68%;
}
.box-preview {
	margin: 15px 0;
	position: relative;
}
.edit-preview {
	position: absolute;
	top: 0;
	left: -75px;
}
.button-submit {
	background-color: #0088cb;
	border: medium none;
	border-radius: 10px;
	color: #fff;
	font-size: 1em;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 20px auto;
	max-width: 180px;
	width: 100%;
}
.button-submit:hover {
	background-color: #ff3C70;
	color: #fff;
}

.date-input {
	text-align: left;
}
.date-input input,
.date-input select{
	width: 15%;
	display: inline-block;
}
.body {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.show-body {
	display: none;
}
.sing-up {
	margin-top: 0!important;
	padding-top: 5%;
}
.audio-step {
	width: 100%;
}
.logout-settings {
	padding-top: 20px !important;
	padding-bottom: 0 !important;
}
.modal-dialog {
	height: 100%;
	width: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	display: none;
	background-color: rgba(0,0,0,0.4);
	/*padding-top: 70px;*/
}
.name-users {
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pathmate {
	width: 75%;
	text-align: left;
}
body.dialog-open {
	overflow: hidden;
}
body.dialog-open .modal-dialog {
	display: block;
}
.video-record {
	min-height: 315px;
	background-color: black;
}
.video-record video{
	min-height: 400px;
	max-width: 100%;
}
span.thread-path {
	margin: 5px 0 0 40px;
	display: block;
}

.modal-alert.profile-settings .table {
	width: 100%;
	min-height: 51px;
	border: 1px solid #efefef;
}
.modal-alert.profile-settings .table-cell {
	vertical-align: middle;
	padding: 5px;
}
.modal-alert.profile-settings .table-cell:first-child {
	padding-left: 20px;
}
.modal-alert.profile-settings .table-cell:last-child {
	padding-right: 20px;
}
.modal-alert.profile-settings .table-cell.link {
	text-align: left;
}
.modal-alert.profile-settings .table-row .icon {
	width: 47px;
}
.modal-alert.profile-settings .icon.select {
	background-size: 36px;
	background-position: center center;
}
.modal-alert.profile-settings .settings .aggregate-cell {
	text-align: left;
}
.modal-alert.profile-settings .settings .switch-cell {
	width: 64px;
}
.modal-alert.profile-settings .settings .switch-cell .switch {
	float: right;
}


/*media queries*/
@media (max-height: 539px) {

	.body {
		min-height: 539px;
	}
}

@media (min-width: 500px) {
	.pathbox.landing .pointsbar {
		max-width: 67%
	}
}
 @media (min-width: 600px) {
	.searchbox .search, .newmailbox .sendwhite {
		right: 20px;
	}
	.send {
		right: 10px;
		width: 44px;
		height: 44px;
	}
	.attach {
		left: 10px;
		width: 44px;
		height: 44px;
	}
	h1 {
		font-size: 1.4em;
		height: 1.4em;
		padding-top: 32px;
	}
	h1.long {
		float: none;
		text-align: center;
		margin: auto;
		width: 80%;
	}
	.section.attacharea .circle-icon.delete {
		margin-top: 5%;
		cursor: pointer;
	}
	.signin form {
	}
	.section.attacharea .circle-icon.delete {
		width: 30px;
		height: 30px;

		cursor: pointer;
	}
	.section.attacharea textarea {
		width: 89%;
		height: 187px;
	}
	.switcher li a:link, .switcher li a:visited {
		font-size: 1em;
		padding: 12px 0px;
	}
	.myprofileimg {
		top: -45px;
		width: 200px;
		height: 200px;
	}
	#header .links-section p {
		display: inline;
	}
	.attachmentthumb {
		height: 140px;
	}
	.twocol.fleft {
		width: 55%;
	}
	.twocol.fright {
		width: 35%;
	}
	p.inline {
		display: inline;
		position: relative;
		top: -7px;
		margin-left: 10px;
	}
 }
@media (min-width: 800px) {
	.mail-messagebox {
		padding: 15px 50px;
	}
	#wrapper.mail-messaging .circle-icon.fright {
	 right: 30px;
	}
	.mountain {
	 top: 35%;
	 left: -40%;
	 width: 120%;
	}
	.mountain-bottom {
	 height: 50%;
	}
	.slideout-menu .slideout-menu-toggle, .slideout-menu-toggle {
	 display: none;
	}
	.feed li {
	 padding: 15px 30px 35px;
	}
	.slideout-menu {
	 	left: 0;
	}
	#wrapper {
	 margin-left: 300px;
	}
	#wrapper.signin {
	 margin-left: 0px;
	}
	#usercommentbox input, .input {
	 position: absolute;
	 right: 0;
	 left: 0;
	 margin:auto;
	 width:68%;
	}
}
 @media (min-width: 1000px) {
	.mountain {
	 left: 0px;
	 right: 0;
	 top: 16%;
	 width: 1200px;
	}
}

@media (max-width: 600px) {
	.myprofile h1 {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 160px 30px 5px;
		text-align: left;
	}
}
.ui-dialog-buttonpane {
	clear: both;
}