html { 
	height:100%;
}

body{
	height:100%;
  	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Josefin Sans', sans-serif;*/
	font-family: 'Noto Sans', sans-serif;
	/*background-image:url('img/bgtile.jpg');
	background-repeat:repeat;*/

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background: no-repeat center center fixed; 
  background-size: cover;
	background-image:url('/img/bg/Speed-1.jpg');

}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 50%;
	text-align:center;
}


.bg{
  position:absolute;
  top:0;left:0;right:0;bottom:0;
}

.box{
	padding:20px 0 20px 0;
}
.boxheader{font-size:24px;}
.boxcontent{
	background-color:#FFFFFF;padding:20px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius:6px;
}
a, button {
	outline: 0 !important;
}

input::-moz-focus-inner {
	border: 0;
}

object, embed {
	outline: 0;
}

a:hover, a:active, a:focus {
	outline: 0;
}

.free{
	background-color:#f5f5f5;
}
.busy{
	background-color:#ff3300;
}
.owned td{background-color:#fbf7e3}
.vcenteredcells td{vertical-align:middle !important;}
.vcenter{vertical-align:middle !important;}
.hcenter{text-align:center !important;}
.hright{text-align:right !important;}
.truncate {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.textwhite{
	color: white;
	text-shadow: 1px 1px 1px #333333;
}
.textwhite .form-control-feedback{
	color: #CCCCCC;
	font-weight:normal;
	text-shadow: 0 0 0;
}

.backlink{font-size:20px;color:rgba(200, 200, 200, 0.74);	text-shadow: 0 0 0;
}
.backlink:hover{color:#FFFFFF;}

.dropdown{
	text-shadow: 0 0 0;
}
.dropdown-header{
	color:#FF3300;
	margin-left:-5px;
}
.btnbig{
   font-size: 40px;
    height: 74px;
    line-height: 50px;
    margin: 5px;
    width: 80px;
	border-radius:6px;
}
.big a{
	font-size:16px;
}

.profileImage{
	padding:5px;margin-top:10px;display:inline-block;
}

.profileImage>a>img{height:64px;}
.profile{
	padding:5px;margin-top:15px;
}
.profile .name{
	font-size:20px;
}
.profile .title{
	font-size:16px;
	display:block;
}
.wideModal .modal-dialog {
	max-width: 60%;
	width: inherit;
}
.xwideModal .modal-dialog {
	width: 90%;
}

.img-circle{border:#FFFFFF 4px solid;}
.modal-header,.modal-footer{border-bottom:0;border-top:0}

.main{
	margin:25px;
	padding:25px;
}
.progtitle{
	font-size:40px;
	margin-top:10px;
}
.suslu{
	font-family: 'Lobster', cursive;
}

.topmenu{
	z-index:1;position:fixed;margin:auto auto;padding-top:20px;background-color:#666666
}

.topmenu a{
	color:#F0F0F0;
}
.topmenu a:hover{
	color:#FFFFFF;
}

.topbtn a{font-size:50px; color:#F0F0F0;}
.topbtn a:hover{color:#FFFFFF;}


.glass{
  background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.searchband{
	margin-top:20px;
	margin-bottom:20px;
	background-color:#DDDDDD
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-timer,
.la-timer > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-timer {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-timer.la-dark {
    color: #333;
}
.la-timer > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-timer {
    width: 32px;
    height: 32px;
}
.la-timer > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-radius: 100%;
}
.la-timer > div:before,
.la-timer > div:after {
    position: absolute;
    top: 14px;
    left: 14px;
    display: block;
    width: 2px;
    margin-top: -1px;
    margin-left: -1px;
    content: "";
    background: currentColor;
    border-radius: 2px;
    -webkit-transform-origin: 1px 1px 0;
       -moz-transform-origin: 1px 1px 0;
        -ms-transform-origin: 1px 1px 0;
         -o-transform-origin: 1px 1px 0;
            transform-origin: 1px 1px 0;
    -webkit-animation: timer-loader 1250ms infinite linear;
       -moz-animation: timer-loader 1250ms infinite linear;
         -o-animation: timer-loader 1250ms infinite linear;
            animation: timer-loader 1250ms infinite linear;
    -webkit-animation-delay: -625ms;
       -moz-animation-delay: -625ms;
         -o-animation-delay: -625ms;
            animation-delay: -625ms;
}
.la-timer > div:before {
    height: 12px;
}
.la-timer > div:after {
    height: 8px;
    -webkit-animation-duration: 15s;
       -moz-animation-duration: 15s;
         -o-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-delay: -7.5s;
       -moz-animation-delay: -7.5s;
         -o-animation-delay: -7.5s;
            animation-delay: -7.5s;
}
.la-timer.la-sm {
    width: 16px;
    height: 16px;
}
.la-timer.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-timer.la-sm > div:before,
.la-timer.la-sm > div:after {
    top: 7px;
    left: 7px;
    width: 1px;
    margin-top: -.5px;
    margin-left: -.5px;
    border-radius: 1px;
    -webkit-transform-origin: .5px .5px 0;
       -moz-transform-origin: .5px .5px 0;
        -ms-transform-origin: .5px .5px 0;
         -o-transform-origin: .5px .5px 0;
            transform-origin: .5px .5px 0;
}
.la-timer.la-sm > div:before {
    height: 6px;
}
.la-timer.la-sm > div:after {
    height: 4px;
}
.la-timer.la-2x {
    width: 64px;
    height: 64px;
}
.la-timer.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-timer.la-2x > div:before,
.la-timer.la-2x > div:after {
    top: 28px;
    left: 28px;
    width: 4px;
    margin-top: -2px;
    margin-left: -2px;
    border-radius: 4px;
    -webkit-transform-origin: 2px 2px 0;
       -moz-transform-origin: 2px 2px 0;
        -ms-transform-origin: 2px 2px 0;
         -o-transform-origin: 2px 2px 0;
            transform-origin: 2px 2px 0;
}
.la-timer.la-2x > div:before {
    height: 24px;
}
.la-timer.la-2x > div:after {
    height: 16px;
}
.la-timer.la-3x {
    width: 96px;
    height: 96px;
}
.la-timer.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
.la-timer.la-3x > div:before,
.la-timer.la-3x > div:after {
    top: 42px;
    left: 42px;
    width: 6px;
    margin-top: -3px;
    margin-left: -3px;
    border-radius: 6px;
    -webkit-transform-origin: 3px 3px 0;
       -moz-transform-origin: 3px 3px 0;
        -ms-transform-origin: 3px 3px 0;
         -o-transform-origin: 3px 3px 0;
            transform-origin: 3px 3px 0;
}
.la-timer.la-3x > div:before {
    height: 36px;
}
.la-timer.la-3x > div:after {
    height: 24px;
}
/*
 * Animation
 */
@-webkit-keyframes timer-loader {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes timer-loader {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes timer-loader {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes timer-loader {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}