.errorForm input[type="button"]{ 
    color: #DDD;
    border:1px solid #CCC;
    background: rgba(0,0,0,0.5);
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;  
    border-radius: 4px;
}
.errorForm input:hover{
    border: 1px solid #71DCD5;    
    box-shadow: 0px 0px 5px 3px rgba(95, 231, 249, 0.3);    
}
.errorForm input:focus{
    border: 1px solid #71DCD5;    
    box-shadow: 0px 0px 5px 3px rgba(95, 231, 249, 0.3);    
    outline: none;
}

.bitmeupfont {
    font-family: 'BitmeupWFont', Comic Sans MS, cursive, sans-serif;;
}
.bitmeupfont2 { 
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset;
    -webkit-text-fill-color: #222222 !important; 
}

.loginFormBar input[type="text"], .loginFormBar input[type="password"]{
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #FFF;
    width: 220px;    
    border:1px solid #CCC;
    background: rgba(0,0,0,0.5);
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align:center;
    border-radius: 2px;    
}
.loginFormBar input[type="button"],
.loginFormBar input[type="submit"]{ 
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #FFF;
    border:1px solid #CCC;
    background: rgba(200,50,50,1);
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 6px;
}
.loginFormBar input:hover{
    border: 1px solid #71DCD5;    
    box-shadow: 0px 0px 5px 3px rgba(95, 231, 249, 0.3);    
}
.loginFormBar input:focus{
    border: 1px solid #71DCD5;    
    box-shadow: 0px 0px 5px 3px rgba(95, 231, 249, 0.3);    
    outline: none;
}
.loginFormBar input:active{
    border: 1px solid #71DCD5;        
    box-shadow: 0px 0px 5px 3px rgba(95, 231, 249, 0.3);    
}

.loginForm input[type="text"], .loginForm input[type="password"]{
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #FFF;
    width: 300px;    
    border:1px solid #CCC;
    background: rgba(0,0,0,0.5);
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align:center;
    border-radius: 2px;
}
.loginForm input[type="button"],
.loginForm input[type="submit"]{ 
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #FFF;
    border:1px solid #CCC;
    background: rgba(200, 50, 50, 1);
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 6px;
}
.loginForm input:hover{
    border: 1px solid #FAA;    
    box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.3);    
}
.loginForm input:focus{
    border: 1px solid #FAA;    
    box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.3);    
    outline: none;
}
.loginForm input:active{
    border: 1px solid #FAA;        
    box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.3);    
}


.registerForm input[type="text"], .registerForm input[type="password"]{
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #000;
    width: 300px;    
    border:1px solid #666;
    background: transparent;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align:center;
    border-radius: 2px;
    margin:5px;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.7);    
    text-shadow: 0px 0px 1px rgba(0,0,0,0.8), 0px 0px 3px rgba(0,0,0,0.6);
}
.registerForm input[type="button"],
.registerForm input[type="submit"]{ 
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    color: #FFF;
    border:1px solid #333;
    background: rgba(200, 50, 50, 1);
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 1px #000;
}
.registerForm input[type="button"]:hover,
.registerForm input[type="submit"]:hover{
    background: rgba(200, 90, 50, 1);
}
.registerForm input:hover{
    border: 1px solid #000;    
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,1);    
}
.registerForm input:focus{
    border: 1px solid #000;    
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,1);    
    outline: none;
}
.registerForm input:active{
    border: 1px solid #000;        
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,1);    
}

.registerForm input[type="checkbox"]{
    color: #000;
    background: #FFF;
}
.registerForm input[type="checkbox"]:hover{
    border:1px solid #B44;
    box-shadow: 0px 0px 3px 1px #A00;
}



::-webkit-input-placeholder {
   color: #808080;
}

:-moz-placeholder {
   color: #808080;
}

.bitmeup_register{
    color: #DDD;
    font-size:12px;
    text-decoration: none;
    animation: RegisterPulse 2s infinite ease-in;
    animation-direction: alternate;         
    text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);
}
.bitmeup_register:hover{
    color: #FFF;
    font-size:12px;
    text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);    
    animation: none;
}
@-webkit-keyframes RegisterPulse {
    from {
        text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);
    }
    to {
        text-shadow: 0px 0px 10px rgba(188, 112, 220, 0.5), 0px 0px 10px rgba(188, 112, 220, 0.5), 0px 0px 10px rgba(188, 112, 220, 0.5);    
    }
}
@keyframes RegisterPulse {
    from {
        text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);
    }
    to {
        text-shadow: 0px 0px 10px rgba(188, 112, 220, 0.5), 0px 0px 10px rgba(188, 112, 220, 0.5), 0px 0px 10px rgba(188, 112, 220, 0.5);    
    }
}

.delete_account{
    cursor:pointer;
    color: #DF9A9A;
    font-size:28px;
    font-weight: bolder;
    text-decoration: none;
    animation: RegisterPulse 2s infinite ease-in;
    animation-direction: alternate;         
    text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);
}
.delete_account:hover{
    color: #DF7878;
    text-shadow: 0px 0px 10px rgba(188, 112, 220, 1), 0px 0px 10px rgba(188, 112, 220, 1);    
    animation: none;
}



.slideLoggedIn {
    width: 80px;
    height: 16px;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideLoggedIn:after {
	content: 'OFF';
	font: 10px/24px Arial, sans-serif;
	color: #E22;
	position: absolute;
	right: 10px;
	top:-2px;
	z-index: 0;
	font-weight: bold;
}

.slideLoggedIn:before {
	content: 'ON';
	font: 10px/24px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	top:-2px;
	z-index: 0;
	font-weight: bold;
}

.slideLoggedIn label {
	display: block;
	width: 34px;
	height: 13px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #86379C;

	background: -webkit-linear-gradient(top, #C99 0%, #A66 40%, #A44 100%);
	background: -moz-linear-gradient(top, #C99 0%, #A66 40%, #A44 100%);
	background: -o-linear-gradient(top, #C99 0%, #A66 40%, #A44 100%);
	background: -ms-linear-gradient(top, #C99 0%, #A66 40%, #A44 100%);
	background: linear-gradient(top, #C99 0%, #A66 40%, #A44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86379C', endColorstr='#4B1D57',GradientType=0 );
}

.slideLoggedIn input[type=checkbox] {
    visibility: hidden;
}

.slideLoggedIn input[type=checkbox]:checked + label {
	left: 43px;
}

.tooltip {
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    font-size: 12px;
    background: rgba(0,0,0,0.7);
    color: #EEE;
    border: 1px solid #B33;        
    box-shadow: 0px 0px 5px 3px rgba(200, 50, 50, 0.3);            
    animation: tooltipBorder 5s infinite ease;
    animation-direction: alternate; 
}
@-webkit-keyframes tooltipBorder {
    from {
        border-color: #B33;
    }
    to {
        border-color: #F99;
    }
}
@keyframes tooltipBorder {
    from {
        border-color: #B33;
    }
    to {
        border-color: #F99;
    }
}

.bittag {
    animation: BitTagPulse 2s infinite ease-in-out;
    animation-direction: alternate;     
}
@-webkit-keyframes BitTagPulse {
    from {
        text-shadow: 0px 0px 15px rgba(76, 144, 161, 1);    
    }
    to {
        text-shadow: 0px 0px 15px rgba(139, 75, 161, 0);    
    }
}
@keyframes BitTagPulse {
    from {
        text-shadow: 0px 0px 15px rgba(76, 144, 161, 1);    
    }
    to {
        text-shadow: 0px 0px 15px rgba(139, 75, 161, 0);    
    }
}

.questm {
    color:#333;
}
.questm:hover{
    color:#BB0000;        
    text-shadow: 0px 0px 5px rgba(200, 50, 50, 1);    
}

.footer_text {
    font-size:8px;
    color:#DDD;        
}
.footer_text:hover {
    color:#D2C7E0;        
}
.footer_text a{
    text-decoration: none;
    font-size:8px;
    color:#DDD;        
}
.footer_text a:hover{
    color:#D2C7E0;        
}

.form_error{    
    display: none;
    top:-13px;
    height:18px;
    left: 4px;
    background: rgba(102,20,22,1);
    color:#DDD;
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
    box-shadow: -1px -3px 3px 1px rgba(0, 0, 0, 0.1);    
}
.form_error_chk{    
    background: rgba(102,20,22,1);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);    
}

.form_field_error{
    background: rgba(102,20,22,1) !important;    
}

.bitmeup_loader{
    display:inline-block;    
    border-radius: 16px;
    overflow: hidden;
    animation: LoaderSpin 2s infinite ease-in-out;
    animation-direction: alternate;         
}
.bitmeup_loader_div{
    animation: LoaderInOut 2s infinite ease-in-out;
    animation-direction: alternate;         
}
@keyframes LoaderSpin {
    from {
        transform: rotate(0deg);
        box-shadow: 0px 0px 5px 3px rgba(76, 144, 161, 1);            
    }
    to {
        transform: rotate(1440deg);
        box-shadow: 0px 0px 5px 3px rgba(139, 75, 161, 0);            
    }
}
@keyframes LoaderInOut {
    from {
        opacity: 0.8;
    }
    to {
        opacity: 0.2;
    }
}

.status_blue{
    background: linear-gradient(#333D5F 15%, #33585F 60%, #335F4F 100%);            
}
.status_red{
    background: linear-gradient(#333D5F 15%, #862A2A 60%, #491717 100%);            
}
.status_green{
    background: linear-gradient(#333D5F 15%, #2A883F 60%, #2A4A18 100%);            
}

.rounded_hidden {
    -webkit-backface-visibility: hidden;    
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);    
    transform: translate3d(0, 0, 0);    
}

.register_link{
    text-shadow: 0 0 10px rgba(0, 0, 0, 1), 0 0 6px rgba(0 ,0 ,0 , 1), 0 0 3px rgba(0, 0, 0, 1);     
    animation: si_register_pulse 2s infinite ease-in;
    animation-delay: 1s;
    cursor:pointer;
}    
.register_link:hover{
    text-shadow: 0 0 12px rgba(243, 58, 64, 1), 0 0 12px rgba(243, 58, 64, 1), 0 0 12px rgba(243, 58, 64, 1);
    animation: none;
}
@keyframes si_register_pulse{
    0% {
        text-shadow: 0 0 10px rgba(243, 58, 64, 1), 0 0 6px rgba(243, 58, 64, 1), 0 0 3px rgba(243, 58, 64, 1);     
    }
    50% {
        text-shadow: 0 0 10px rgba(243, 58, 64, 0.3), 0 0 6px rgba(243, 58, 64, 0.3), 0 0 3px rgba(243, 58, 64, 0.3);
    }
    100% {
        text-shadow: 0 0 10px rgba(243, 58, 64, 1), 0 0 6px rgba(243, 58, 64, 1), 0 0 3px rgba(243, 58, 64, 1);
    }
  }


.bitmeup_border_2 {
    position:absolute;
    width:100%;
    height:100%;
    top: 0px;
    left: 0px;
}
.bitmeup_border_2_content {
    position:absolute;
    width:100%;
    height:100%;
}

.bitmeup_border_2 .line {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;  
}
.bitmeup_border_2 .line:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bitmeup_border_2 .line:nth-of-type(2) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bitmeup_border_2 .line:nth-of-type(3) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);    
}
.bitmeup_border_2 .line:nth-of-type(4) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);    
}

.bitmeup_border_2 i {
    left: 0;
    top: 0;    
    display: block;
    position: absolute;    
}


.bitmeup_border_2 .linei1{
    width: 200%;
    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    border-image: linear-gradient(to right, #71DCD5 15%, transparent 25%, transparent 60%, #71DCD5 70%, transparent 100%);
    border-image-slice: 1;  
    -webkit-animation: bitmeupbordermove2H 5s infinite ease;
    animation: bitmeupbordermove2H 5s infinite ease;
    animation-direction: alternate; 
}

.bitmeup_border_2 .linei2{
    width: 100%;
    height: 200%;
    border: 1px solid transparent;
    border-left: 0px;
    border-bottom: 0px;
    left:-1px;
    -moz-border-image: -moz-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    border-image: linear-gradient(to bottom,  transparent 10%, #71DCD5 30%, transparent 45%, transparent 90%, #71DCD5 100%);
    border-image-slice: 1;  
    -webkit-animation: bitmeupbordermove2V 5s infinite ease;
    animation: bitmeupbordermove2V 5s infinite ease;
    transition-timing-function: cubic-bezier(0.1,1,2,1);
    animation-direction: alternate; 
}

.bitmeup_border_2 .linei3{
    width: 200%;
    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    border-image: linear-gradient(to right, transparent 40%, #71DCD5 50%);
    border-image-slice: 1;  
    -webkit-animation: bitmeupbordermove2H 5s infinite ease;
    animation: bitmeupbordermove2H 5s infinite ease;
    animation-direction: alternate; 
}

.bitmeup_border_2 .linei4{
    height: 200%;
    width:100%;    
    border: 1px solid transparent;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    left:-1px;    
    -moz-border-image: -moz-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #FC913A 0%, #FF4E50 100%);
    border-image: linear-gradient(to bottom, #71DCD5 50%, transparent 80%);
    border-image-slice: 1;  
    -webkit-animation: bitmeupbordermove2V 5s infinite ease;
    animation: bitmeupbordermove2V 5s infinite ease;
    animation-direction: alternate; 
}


@-webkit-keyframes bitmeupbordermove2H {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@keyframes bitmeupbordermove2H {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@-webkit-keyframes bitmeupbordermove2V {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@keyframes bitmeupbordermove2V {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.bitmeup_border_content {
    position:absolute;
    width:100%;
    height:100%;
}

.bitmeup_container{
    position:relative;
    background: linear-gradient(#333D5F 15%, #33585F 60%, #335F4F 100%);        
    overflow: hidden;
}
.bitmeup_container_error{
    position:relative;
    background: linear-gradient(#333D5F 15%, #862A2A 60%, #491717 100%);        
    overflow: hidden;
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    font-size: 14px;
    color: #EEE;
}
.bitmeup_container_success{
    position:relative;
    background: linear-gradient(#333D5F 15%, #2A883F 60%, #2A4A18 100%);        
    overflow: hidden;
    font-family: 'Comic Sans MS', 'Marker Felt', sans-serif; 
    font-size: 14px;
    color: #EEE;
}

  
.loginbutton{
    width:20px;
    height:70px;
    background: rgba(150,50,50,1);
    color: #FFF;
    position:relative;    
    top:0px;
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
}
.loginbutton:hover{
    background: rgba(180,60,60,1);
}
.loginbutton .box{
    position:relative;
    top: 15px;
    left: 5px;
}
.loginbutton .point{
    background: #DDD;
    width: 3px;
    height: 1px;    
}
.loginbutton:hover .point{
    background: #FFF;
}
.loginbutton .p1{
    position: absolute;
    top: 2px;
    left: 2px;
}
.loginbutton .p2{
    position: absolute;
    top: 6px;
    left: 3px;
}
.loginbutton .p3{
    position: absolute;
    top: 10px;
    left: 4px;
}
.loginbutton .p4{
    position: absolute;
    top: 14px;
    left: 5px;
}
.loginbutton .p5{
    position: absolute;
    top: 18px;
    left: 6px;
}
.loginbutton .p6{
    position: absolute;
    top: 34px;
    left: 2px;
}
.loginbutton .p7{
    position: absolute;
    top: 30px;
    left: 3px;
}
.loginbutton .p8{
    position: absolute;
    top: 26px;
    left: 4px;
}
.loginbutton .p9{
    position: absolute;
    top: 22px;
    left: 5px;
}