@charset "UTF-8";

body{
padding-top: 40px;
}

label {display:inline-block;}

.subhead {
text-align: left;
border-bottom: 1px solid #DDD;
font-size: 16px;
line-height:1.2em;
}
.subhead * {text-align:left;}
.subhead h1 {font-size:56px;margin:.5em 0;}
.jumbotron {position: relative;padding: 60px 0;color: white;text-align: center;text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);background: #312E77;box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);}
.jumbotron .container {background: url('../img/logo-radiokot-w.png') no-repeat right top;background-clip:no-clip;}
.jumbotron:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../img/bs-docs-masthead-pattern.png) repeat center center;opacity: .7;box-shadow: 0 5px 10px #000;}

#fileupload{margin: 30px 0 10px;}

#imglist {}
#imglist .btn {opacity: .5;}
#imglist .btn:hover {opacity: 1;}
#imglist ul.files {list-style:none;}
#imglist .files li {
position: relative;
display: inline-block;
width: 120px;
min-height: 120px;
margin: .4em;
box-shadow: 0 0 15px #777;
padding: .5em;
vertical-align: middle;
border-radius: 5px;
}
#imglist .preview {}
#imglist .preview img, #imglist .preview canvas{
	width: 100%;
}
#imglist .name {
position: absolute;
bottom: .5em;
left:.5em;
right:.5em;
background: url('../img/fade/b-60.png');
color: #fff;
padding: .2em .5em;
max-height: 2.5em;
line-height:.9em;
border-bottom-right-radius:3px;
border-bottom-left-radius: 3px;
}
#imglist .name a {color: #fff;}
#imglist .size {text-align: right;color: #ddd;font-size: .7em;}
#imglist .size:before {content: ' ';display:table;line-height:0;}
#imglist .upload {}
#imglist .btn {padding:.3em;line-height:.5em}
#imglist button.delete, #imglist button.cancel, #imglist button.start {
position: absolute;
right: .5em;
top: .5em;
}
#imglist button.start {right: auto;}
#imglist .del .toggle {
position: absolute;
left: .5em;
top: .5em;
}
#imglist .progress {
	position: absolute;
	left:.5em;
	right: .5em;
	top: .5em;
	bottom: auto;
	width: auto;
	height: 10px;
	opacity: .7;
}
#imglist .error {
	position: absolute;
	top: 3em;
}

#links {height: 32px;padding-bottom:10px;display: table;table-layout:auto;}
#links div {}
#lnk {height:20px;padding:4px 6px;margin: 10px 0;font-size:14px;line-height:20px;color:#555555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;overflow: hidden;width: 98%;cursor: default;resize: vertical;}
#lnk:hover {border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);}

#links .icon{background-image:url('../img/icons-img-wrk.png');background-repeat:no-repeat;}
.icon-photo{background-position:0 0;}
.icon-image{background-position:-14px 0;}
.icon-icon{background-position:-28px 0;}
.icon-link{background-position:0 -14px;}
.icon-html{background-position:-14px -14px;}
.icon-bb{background-position:-28px -14px;}

.form-signin {
    min-width: 250px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.login-note {
	margin: 1em auto;
}