/* -------------------------------------------------------------------------------------------- */
/* SoP Player page basics
/* -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- General elements */

body{
	box-sizing: border-box;
    background-color: #000;
    background-image: url('/inc/loginbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    cursor: default;
    margin: 20px;
    margin-top: 0px;
}

/* -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- Login form */

#loginbox {
    border: none;
	display: block;
	height: 200px;
	width: 400px;
	margin: 0 auto;
	margin-top: 150px;
	font-family: Kiro-Regular;
	font-size: 16px;
    color: #ddd;	
}

.col1, .col2 {
    padding-bottom: 15px;
}
.col2 a { color: #7af; text-decoration: none; }
.col2 a:hover { text-decoration: underline; }

.col1 {
    text-align: right;
}
.txtinput {
    font-size: 16px;
    padding: 5px;
    background-color: #dbdbdb;
    border: 1px solid #aaa;
    width: 163px;
    color: #333;
}
#submitbtn {
    border: 1px solid #aaa;
    color: #fff;
    background-color: #222;
	display: block;
	height: 40px;
	width: 175px;
	padding: 5px;
	font-size: 16px;
	cursor: pointer;
}


/* -------------------------------------------------------------------------------------------- */
s/* --------------------------------------------------------------------------------- Typography */

@font-face {
  font-family: Kiro-ExtraLight;
  src: url("/inc/kiro-extralight/kiro-extralight.eot");
}
/* then for WOFF-capable browsers */
@font-face {
  font-family: Kiro-ExtraLight;
  src: url("/inc/kiro-extralight/kiro-extralight.woff") format("woff");
}
@font-face {
	font-family: Kiro-Regular;
	src: url('/inc/kiro-regular/kiro.eot');
	src: url('/inc/kiro-regular/kiro.eot?#iefix') format('embedded-opentype'),
         url('/inc/kiro-regular/kiro.woff2') format('woff2'),
	     url('/inc/kiro-regular/kiro.woff') format('woff'),
	     url('/inc/kiro-regular/kiro.ttf') format('truetype'),
	     url('/inc/kiro-regular/kiro.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: TrendSans;
  src: url("/inc/trend-sans/TrendRoughSansOne.otf");
}
/* -------------------------------------------------------------------------------------------- */