/*
 * Title:  picBox Metro Style CSS
 * Author:  Kevin Smith
 */
html {
    outline-color:#18F;
    overflow-y: scroll;
}

body{
	letter-spacing:1px;
	font-weight:100;
	background-color:#f5f5f5;
	color:#888;
	font:20px "Segoe UI Light", Arial, Helvetica, Geneva, sans-serif;
}

.downloadLink {
	padding:20px;
}

a:not([id="logo"]), a:not([id="logo"]):visited, a:not(.forgot-password), a:not(.forgot-password):visited{
	cursor:pointer;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	color:#f5f5f5;
	text-decoration:none;
}

a:not([id="logo"]):hover, a:not(.forgot-password):hover{
	color:#f6f6f6;
}

a:not([id="logo"]):active, a:not(.forgot-password):active{
	color:#f7f7f7;
}


#container{
	width:60%;
	padding:0.313em 0.625em 0.625em 0.313em;
	margin-left:auto;
	margin-right:auto;
}

#container a, #container a:visited, #mini a, #mini a:visited {
    cursor:pointer;
    -webkit-transition:all 0s linear;
    -moz-transition:all 0s linear;
    -o-transition:all 0s linear;
    transition:all 0s linear;
    text-shadow: none;
    color: #2E92CF;
    text-decoration:none;
}

#container a:hover, #mini a:hover {
    color: rgb(45, 173, 237);
}

#container a:active, #mini a:active {
    color: rgba(45, 173, 237, 0.8);
}

#headertext{
	width:100%;
	text-align:center;
	font:bold 4em "boris", Arial, Helvetica, Geneva, sans-serif;
	cursor:default;
	display:inline-table;
	overflow:hidden;
}

#headertext{
	text-decoration:none;
	color:#21A8DB;
	cursor:hand;
	font-size:72px;
	margin-top:10px;
	margin-left:10px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

#header{
	margin-left:auto;
	margin-right:auto;
}

#navbar{
	width:80%;
	margin-top:0.438em;
	margin-bottom:0.313em;
	margin-left:auto;
	margin-right:auto;
	padding:0.063em 0.313em 0.250em 0.313em;
	text-align:center;
	line-height:1.125em;
	font:18px "Segoe UI Light", Arial, Helvetica, Geneva, sans-serif;
}

#navbar a {
	padding-left: 5px;
	padding-right:5px;
}

.footer{
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	text-shadow:0 0 2px rgba(0,0,0, 0.4);
	color:#f5f5f5;
	background-color: #23A7D8;
	height:1.5em;
	text-align:center;
	font-size:0.750em;
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.footer a {
    text-shadow:0 0 2px rgba(0,0,0, 0.8);
}

#header_nav{
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	z-index:1001;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	top:0;
	left:0;
	right:0;
	position:fixed;
	color:#888;
	background-color:#23a7d8;
	text-align:center;
	font-size:0.750em;
	width:100%;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#error{
	-webkit-transition:all 0.7s ease 0s;
	-moz-transition:all 0.7s ease 0s;
	-o-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
	-moz-border-radius:0.625em;
	-webkit-border-radius:0.625em;
	-o-border-radius:0.625em;
	border-radius:0.625em;
}

#error:hover{
	background:#ff7f7c;
}

#success{
	text-align:center;
	background:#23A7D8;
	-webkit-transition:all 0.7s ease 0s;
	-moz-transition:all 0.7s ease 0s;
	-o-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
	-moz-border-radius:0.625em;
	-webkit-border-radius:0.625em;
	-o-border-radius:0.625em;
	border-radius:0.625em;
}

#success:hover{
	background:#00a6f4;
}

#success a{
	color:#444;
}

#success a:active{
	color:#333;
}

.thumbnail{
	-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
	-moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
	-moz-border-radius:0.188em;
	-webkit-border-radius:0.188em;
	-o-border-radius:0.188em;
	border-radius:0.625em;
	-moz-box-shadow:0 0 0.250em #3D3D3D;
	-webkit-box-shadow:0 0 0.250em #3D3D3D;
	-o-box-shadow:0 0 0.250em #3D3D3D;
	box-shadow:0 0 0.250em #3D3D3D;
	max-height:15.625em;
	padding:0.125em;
}

.content{
	padding-top:50px;
}

input[type="file"]{
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.7);
	background-color:#7a7a7a;
	vertical-align:middle;
	color:transparent;
	width:250px;
	padding:2px 3px 2px 6px;
	text-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
}
    
input[type="file"]:after {
    color: #f5f5f5;
    content: ' No image selected';    
}

input[type="text"]:focus{width:290px;}
textarea{
    font-size:18px;
    border:none;
	font-family:"Segoe UI Light", Arial, Helvetica, Geneva, sans-serif;;
	color:#666;
	width:200px;
	padding:10px 10px 10px 10px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.5);
	background-color:#f5f5f5;
		transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
    }
    
textarea:focus {
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.6);
    background-color:#f6f6f6;
}
::selection{background:#22c0d8;color:#fff;}
::moz-selection{background:#22c0d8;color:#fff;}
input[type="text"], input[type="password"], input[type="email"]{
    height:10px;
    border:none;
	font-family:"Segoe UI Light", Arial, Helvetica, Geneva, sans-serif;;
	color:#666;
	width:200px;
	padding:10px 10px 10px 10px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.5);
	background-color:#f5f5f5;
		transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus{
	width:245px;
}

#tt{
	position:absolute;
	display:block;
}

#tttop{
	border-radius:5px;
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
	text-shadow:1px 1px 1px #171717;
}

#ttcont{
	border-radius:5px;
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#666;
	text-shadow:1px 1px 1px #171717;
	-webkit-box-shadow:0 2px 3px #444;
	-moz-box-shadow:0 2px 3px #444;
	color:#21A8DB;
}

#ttbot{
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
	text-shadow:1px 1px 1px #171717;
}

#warning{
	position:absolute;
	padding-top:1px;
}

#remind{
	position:relative;
	padding-bottom:10px;
	font-size:12px;
}

#dump{
	font-size:12px;
}

#logo{
	height:89px;
	width:250px;
}

#login-box {
	background-color: #444;
	position: relative;
	width: 300px;
	border-radius: 20px;
	display:none;
	padding: 10px;
	cursor:pointer;
}

#login-box:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}

#login-box:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-bottom-color: #444;
	bottom: 100%;
	left: 78.5%;
}
#login-box-mini {
	background-color: #444;
	position: relative;
	width: 50px;
	border-radius: 20px;
	height:10px;
	padding: 10px;
	cursor:pointer;
}
/* Title: picBox Gallery
 * Author: Zach Ripka
 */
#container-gal {
	max-width: 631px;
}
#wrapper{
	background-color: lightgrey;
	position: relative;
	max-width: 205px;
	max-height: 155px;
}
#wrapper img{
	z-index: -111;
	width: 205px;
	height: 155px;
	vertical-align: middle;
}
.info{
	font-size: 15px;
	position: absolute;
	bottom: -15px;
	height: 0;
	width: 205px;
	background-color: rgba(0,0,0,0.5);
	color: rgba(255,255,255,0.7);
	text-align: center;
	line-height: 40px;
	pointer-events: none;
	overflow:hidden;
	
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
}
.fb{
	position: absolute;
	bottom: 133px;
	opacity: 0;
	width: 102px;
	margin: 1px;
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
}
#wrapper{
	cursor: pointer;
}
#wrapper:hover .info{
	height: 40px;
}
#wrapper:hover .fb{
	opacity: 1;
}
#wrapperfull{
	cursor: pointer;
}
#wrapperfull:hover .info{
	height: 40px;
}
#imgpanel{
	position: absolute;
	bottom: 10px;
	width: 30px;
	height: 30px;
	background-color: rgba(0,0,0,0.7);
}
#pic{
	position: absolute;
}
#close{
	position: absolute;
	right: 0;
	cursor: pointer;
}
/* End picBox Gallery */
#tos {
    margin-top:1px;
	padding-left:8px;
	font-size:15.5px;
}

#mini-form {
    width:504px;
    height:30px;
}

#mini-form, .img-uploaded {
	width:100%;
}
#comments-wrapper {
	border:solid 1px #424242;
	margin-top:40px;
	margin-left:40px;
	width:80%;
	background-color:#262626;
	border-radius:4px;
	padding:10px;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
}
#comments {
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
}
.comment {
	width:60%;
	background-color:#333;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	border:solid 1px #5e5d5d;
	-webkit-box-shadow: 0 0 7px rgba(94, 93, 93, 0.40) inset;
	-moz-box-shadow:    0 0 7px rgba(94, 93, 93, 0.40) inset;
	box-shadow:         0 0 7px rgba(94, 93, 93, 0.40) inset;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	overflow-x: auto;
	overflow-y: visible;
}
@-webkit-keyframes comment-flash {
	from {
		background-color:#49a4ff;
	}
	to {
		background-color:#333;
	}
}
.comment:target {
	-webkit-animation: comment-flash 1.2s;
	-moz-animation: comment-flash 1.2s;
	-o-animation: comment-flash 1.2s;
}
.comment:hover {
	background-color:#2a2a2a;
}
.comment-op {
	width:65%;
	border:solid 1px #04fc00;
	-webkit-box-shadow: 0 0 7px rgba(4, 252, 0, 0.40) inset;
	-moz-box-shadow:    0 0 7px rgba(4, 252, 0, 0.40) inset;
	box-shadow:         0 0 7px rgba(4, 252, 0, 0.40) inset;
}
/* admin border overrides op border */
.comment-admin {
	width:70%;
	border:solid 1px #e53d43;
	-webkit-box-shadow: 0 0 7px rgba(229, 61, 67, 0.40) inset;
	-moz-box-shadow:    0 0 7px rgba(229, 61, 67, 0.40) inset;
	box-shadow:         0 0 7px rgba(229, 61, 67, 0.40) inset;
}
.comment-mod {
	width:62.5%;
	border:solid 1px #18F;
	-webkit-box-shadow: 0 0 7px rgba(17, 136, 255, 0.40) inset;
	-moz-box-shadow:    0 0 7px rgba(17, 136, 255, 0.40) inset;
	box-shadow:         0 0 7px rgba(17, 136, 255, 0.40) inset;
}
.comment-username {
	float:left;
	padding-right:1px;
}
.comment-username-admin {
	color:#e53d43;
}
.comment-username-moderator {
	color:#18F;
}
.comment-username-default {
	color:#80fd00;
}
.comment-time {
	padding-left:10px;
	font-size:13px;
}
.op {
	vertical-align:top;
	font-size:9px;
	color:#04fc00;
}
.adm {
	vertical-align:top;
	font-size:9px;
	color:#db4c51;
}
.mod {
	vertical-align:top;
	font-size:9px;
	color:#18F;
}
.comment-content {
	font-size:15px;
}
#post-comment-txt {
	border-radius:3px;
	width: 90%;
	height: 60px;
	max-width:90%;
}
#post-comment-btn {
	font-weight:normal;
}
#post-comment-char-count {
	font-size:10px;
}
.split {
	border:none;
	border-bottom: 1px #18F dotted;
}
@-webkit-keyframes error-flash {
	from {
		background-color:#e53d43;
	}
	to {
		background-color:#262626;
	}
}

@-moz-keyframes error-flash {
	from {
		background-color:#e53d43;
	}
	to {
		background-color:#262626;
	}
}

#error {
	width:50%;
	border-radius:5px;
	border:solid 1px #e53d43;
}
#error:target {
	-webkit-animation: error-flash 1.2s;
	-moz-animation: error-flash 1.2s;
}
.error-post {
	overflow:hidden;
	height:0;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
}
#post-load {
	left:500px;
	margin-top:0;
	padding-bottom: 2px;
	height:0;
	overflow:hidden;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	color:#888;
	-webkit-animation-name: post-load; 
	-webkit-animation-duration: 2s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: post-load; 
	-moz-animation-duration: 2s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes post-load {
	0% {
		margin-left:-300px;
	}
	50% {
		margin-left:300px;
	}
	100% {
		margin-left:-300px;
	}
}
@-moz-keyframes post-load {
	0% {
		margin-left:-300px;
	}
	50% {
		margin-left:300px;
	}
	100% {
		margin-left:-300px;
	}
}
#comment-loader {
	left:500px;
	margin-top:0;
	overflow:hidden;
	height:20px;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	color:#18F;
	-webkit-animation-name: post-load; 
	-webkit-animation-duration: 2s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: post-load; 
	-moz-animation-duration: 2s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}
.live {
	margin-left:10px;
	font-style: italic;
	vertical-align:top;
	font-size:9px;
	color:#e53d43;
}
.comment-live {
	font-style:italic;
	font-size:13px;
}
.delete {
	float:right;
	font-style: italic;
	vertical-align:top;
	font-size:10px;
	color:#e53d43;
}
#delete-comment-wrap {
	position:fixed;
	display:inline;
	z-index:1000;
	margin-top:0;
	vertical-align:top;
	margin-top:-100px;
	-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
}
#delete-comment {
	padding-top:10px;
	visibility:hidden;
	width: 400px;
	background-color:#353535;
-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
	text-align:center;
	overflow: hidden;
	height:0;
	border-radius:5px;
	-webkit-animation-name: delete-pulse; 
	-webkit-animation-duration: 0.5s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: delete-pulse; 
	-moz-animation-duration: 0.5s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	border:solid 1px #e53d43;
}
#delete-comment-body {
	position:absolute;
	bottom:5px;
	margin-left: 5%;
	margin-right:5%;
}
@-webkit-keyframes delete-pulse {
	0% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0.80);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0.80);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
	50% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0.80);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0.80);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
}
@-moz-keyframes delete-pulse {
	0% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0.80);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0.80);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
	50% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 14px rgba(229, 61, 67, 0.80);
		-moz-box-shadow:    0 0 14px rgba(229, 61, 67, 0.80);
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
}
@keyframes delete-pulse {
	0% {
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
	50% {
		box-shadow:         0 0 14px rgba(229, 61, 67, 0);
	}
	100% {
		box-shadow:         0 0 14px rgba(229, 61, 67, 0.80);
	}
}

#del-load {
	padding:0;
	margin-top:-10px;
	visibility:hidden;
	height:0;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	color:#18F;
	-webkit-animation-name: del-load; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: del-load; 
	-moz-animation-duration: 1s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes del-load {
	0% {
		margin-left:-40%;
	}
	50% {
		margin-left:40%;
	}
	100% {
		margin-left:-40%;
	}
}
@-moz-keyframes del-load {
	0% {
		margin-left:-40%;
	}
	50% {
		margin-left:40%;
	}
	100% {
		margin-left:-40%;
	}
}
#q-delete-btns {
	overflow:hidden;
}
#image img {
	position:relative;
	z-index:10;
	cursor: url(https://munycdn.com/a/picBox/styles/any/magnify.gif) 6 6, auto;
	width:60%;
	height:auto;
	border-radius:3px;
	border: 1px solid #000000;
	margin-top:40px;
	margin-left:40px;
	-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
}

#info {
	opacity:0;
	overflow:hidden;
	margin-right:10px;
	-webkit-transition: all 700ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 700ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 700ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 700ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 700ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
	padding:5px;
	background-color:#262626;
	border-radius:3px;
	margin-top:-336px;
	float:right;
}

#time-uploaded {
	font-size: 12px;
	color: #666;
}

#request-deletion{
	text-align: center;
	font-size: 13px;
}

#zoom {
	-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
}
#zoom:target {
	margin-top:5px;
	margin-left:5px;
	width:98%;
}

.image {
		-webkit-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405);
   -moz-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
    -ms-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
     -o-transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
        transition: all 600ms cubic-bezier(0.725, -0.600, 0.315, 1.405); 
}

.button {
    cursor:pointer;
    font:15px "Segoe UI Light", Arial, Helvetica, Geneva, sans-serif;;
	border: none;
	background-color:#2E92CF;
	padding:5px;
	color:#f5f5f5;
}

.red {
	margin-left:25px;
	background-color: #ff5858;
}

.button:hover {
	background-color:rgb(45, 173, 237);
}

.red:hover {
	background-color: rgb(255,118,118);
}

.button:active {
	background-color:rgba(45, 173, 237, 0.8);
}

.red:active {
	background-color: rgba(255,118,118,0.8);
}

[disabled].button {
	background-color:#464646;
	cursor:not-allowed;
}

[disabled].button:hover {
	border: 1px solid #e53d43;
}

[disabled].button:active {
	background-color:#e53d43;
	border: 1px solid #464646;
}

#js_container {
    margin-top:30%;
}

hr {
    padding-top: 10px;
    border: none;
    border-bottom:1px dotted #999;
}

#main-txt {
    color:#333;
}

.doc-link-small {
	font-size:16px;
}

.code {
	background-color: #999;
	border-radius: 2px;
	color: #f5f5f5;
	padding: 12px;
	font-size: 14px;
	font-family: monospace;
}