* {margin:0; border:0; padding:0}
*,*:before,*:after {box-sizing:border-box;}
html {font-size:100%;}
body,input,select,textarea,button {font-family:sans-serif;}
input,button {padding:9px; height:auto;}
a {text-decoration:none; color:#33f; cursor:pointer;}

@font-face {font-family:'UIcons'; src:url('/font/UIcons.eot') format('EOT'); src:url('/font/UIcons.ttf') format('TrueType');}

.av-pending > * {visibility:hidden;}

.av-shadow {box-shadow:0 1px 3px rgba(0,0,0,.3);}
.av-light {box-shadow:0 0 12px #38c;}
.av-radius {border-radius:.3125em;}
.av-hidden {display:none;}
.av-inline {display:inline-block; margin:4px; padding:9px;}

.av-mini {padding:9px; font-size:11px; line-height:15px;}
.av-wide {padding:12px; font-size:16px; line-height:20px;}
.av-bold {font-weight:700;}

.av-btn {display:block; position:relative; background-color:#37f; width:100%; color:#fff; cursor:pointer; -moz-user-select:none;}
.av-btn:hover {box-shadow:0 0 12px #38c;}
.av-btn:focus {outline:0; box-shadow:0 3px 5px rgba(0,0,0,.2) inset;}
.av-btn-left {position:absolute; top:0; left:0;}
.av-btn-right {position:absolute; top:0; right:0;}
.av-btn.av-inline {display:inline-block; width:auto;}
.av-btn::-moz-focus-inner {border: 0;}

.av-text {margin:16px 0;}
.av-text input {display:block; border:1px solid #ddd; width:100%;box-shadow:0 0 4px #38c; box-shadow:0 1px 3px rgba(0,0,0,.3) inset;}
.av-text input:hover {box-shadow:0 0 4px #38c;}
.av-text input:focus {box-shadow:0 0 12px #38c;}
.av-text select {display:block; border:1px solid #ddd; width:100%;box-shadow:0 0 4px #38c; box-shadow:0 1px 3px rgba(0,0,0,.3) inset;}
.av-text select:hover {box-shadow:0 0 4px #38c;}
.av-text select:focus {box-shadow:0 0 12px #38c;}
.av-text textarea {display:block; border:1px solid #ddd; width:100%;box-shadow:0 0 4px #38c; box-shadow:0 1px 3px rgba(0,0,0,.3) inset;}
.av-text textarea:hover {box-shadow:0 0 4px #38c;}
.av-text textarea:focus {box-shadow:0 0 12px #38c;}

.av-header {border-bottom:1px solid #ddd; background-color:#eee; width:100%;}
.av-content {margin:32px 16px 64px;}
.av-footer {bottom:0; border-top:1px solid #ddd; background-color:#eee; width:100%;}

.av-title {padding:12px; text-align:center;}

.av-content table {border:1px solid #ccc;}
.av-content table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:9px; text-align:center;}
.av-content table thead td {font-weight:700;}

.in {
-webkit-animation-timing-function:ease-out; -webkit-animation-duration:1s;
-moz-animation-timing-function:ease-out; -moz-animation-duration:1s;
animation-timing-function:ease-out; animation-duration:1s;
}
.out {
-webkit-animation-timing-function:ease-in; -webkit-animation-duration:1s;
-moz-animation-timing-function:ease-in; -moz-animation-duration:1s;
animation-timing-function:ease-in; animation-duration:1s;
}
.pop {
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
transform-origin:50% 50%;
}
.pop.in {
-webkit-transform:scale(1); -webkit-animation-name:popin; -webkit-animation-duration:1s;
-moz-transform:scale(1); -moz-animation-name:popin; -moz-animation-duration:1s;
transform:scale(1); animation-name:popin; animation-duration:1s;
opacity:1;
}
.pop.out {
-webkit-animation-name:popout; -webkit-animation-duration:1s;
-moz-animation-name:popout; -moz-animation-duration:1s;
animation-name:popout; animation-duration:ss;
opacity:0;
}
@-webkit-keyframes popin {
from {-moz-transform:scale(0); opacity:0;}
to {-moz-transform:scale(1); opacity:1;}
}
@-moz-keyframes popin {
from {-moz-transform:scale(0); opacity:0;}
to {-moz-transform:scale(1); opacity:1;}
}
@keyframes popin {
from {-moz-transform:scale(0); opacity:0;}
to {-moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes popout {
from {-webkit-transform:scale(1); opacity:1;}
to {-webkit-transform:scale(0); opacity:0;}
}
@-moz-keyframes popout {
from {-webkit-transform:scale(1); opacity:1;}
to {-webkit-transform:scale(0); opacity:0;}
}
@keyframes popout {
from {-webkit-transform:scale(1); opacity:1;}
to {-webkit-transform:scale(0); opacity:0;}
}


.slidedown.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-moz-animation-duration: 250ms;
	transform: translateY(0);
	animation-name: slideinfromtop;
	animation-duration: 250ms;
}
.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-name: fadein;
	-moz-animation-duration: 150ms;
	animation-name: fadein;
	animation-duration: 150ms;
}
.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateY(-100%);
	-moz-animation-name: slideouttotop;
	-moz-animation-duration: 200ms;
	transform: translateY(-100%);
	animation-name: slideouttotop;
	animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}