/*****************************************************************************/

body.mobilepost-body { margin: 0; padding: 0; }

/*****************************************************************************/

#mobilepost-splash-wrapper {
  left: 50%;
  top: 50%;
  position: fixed;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}

.spinner {
    box-sizing: border-box;
    stroke: #673AB7;
    stroke-width: 3px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
    animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); }
}

@-webkit-keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/*****************************************************************************/

body.mobilepost-body > div.mobilepost-main-wrapper {
	z-index: 0;
	margin: 0 auto;
}

/*****************************************************************************/

body.mobilepost-body > div.mobilepost-toolbar-wrapper {
	clear: both;
	z-index: 1;
}

div.mobilepost-toolbar-wrapper > div.mobilepost-toolbar-top-wrapper {
	position: fixed;
	top: 0px;
	width: 100%;
}

div.mobilepost-toolbar-wrapper > div.mobilepost-toolbar-bottom-wrapper {
	position: fixed;
	width: 100%;
}

/*****************************************************************************/

div.mobilepost-toolbar-wrapper .mobilepost-toolbar-container {
	width: 100%;
	background-color: #FFFFFF;
}

div.mobilepost-toolbar-wrapper .mobilepost-toolbar-button {
	padding: 0 12px;
	color: #000000;
	text-decoration: none;
	font-size: 18pt;
	border-left: 1px solid #444444;
	border-right: 1px solid #AFAFAF;
}

/*****************************************************************************/

.mobilepost-container-member { overflow: hidden; }

textarea.mobilepost-container-member {
	width: 95%;
	height: 99% !important;
}

/*****************************************************************************/

.mobilepost-vertical-scroll-wrapper {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.mobilepost-horizontal-scroll-wrapper { 
	overflow-x: scroll !important;
	overflow-y: hidden !important;
}

/*****************************************************************************/

div.mobilepost-overlay-mask {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000000;
	z-index: 10;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.mobilepost-overlay-wrapper > div.mobilepost-overlay-container {
	float: left;
	position: fixed;
	z-index: 11;
	background-color: #FFFFFF;
}

/*****************************************************************************/

div.mobilepost-toast-wrapper {
	display: none;
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
}

/*****************************************************************************/

div#mobilepost-nojs-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    z-index: 100;
    width: 100%;
    height: 100%;
}

/*****************************************************************************/