body {
	background-color: darkblue;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px; /* half width of the spinner gif */
    margin-top: -100px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 200px; /* width of the spinner gif */
    height: 200px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.vh3b {
	color:#FFFFFF;
	font-size:3vh;
	#border: solid #CCCCCC 1px;
	height:3vh;
}
.vh3r {
	color:red;
	font-size:3vh;
	#border: solid #CCCCCC 1px;
	height:3vh;
}
.vh3siva {
	color:lightgray;
	font-size:3vh;
	#border: solid #CCCCCC 1px;
	height:3vh;
}
.vh4b {
	color:#FFFFFF;
	font-size:4vh;
	#border: solid #CCCCCC 1px;
	height:4vh;
}
.vh5b {
	color:#FFFFFF;
	font-size:5vh;
	#border: solid #CCCCCC 1px;
	height:5vh;
}
.vh7b {
	color:#FFFFFF;
	font-size:7vh;
	#border: solid #CCCCCC 1px;
	height:7vh;
}
.vh80b {
	color:#FFFFFF;
	font-size:5vh;
	#border: solid #CCCCCC 1px;
	height:75vh;
}
.vh5z {
	color:yellow;
	font-size:5vh;
	#border: solid #CCCCCC 1px;
	height:5vh;
}

.soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(teme/images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 22vw;
}
.soflow-color {
   color: #fff;
   background-image: url(teme/images/15xvbd5.png), -webkit-linear-gradient(#2648C4, #2648C4 40%, #FFFF00);
   background-color: #2648C4;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
   font-size:5vh;
}

.button {
	font-weight: bold;
	font-size:4vh;
	text-shadow: 0 1px 0 white;
	text-decoration: none;
	color: black;
	background-color: #F2F2F2;
	padding: 9px 20px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	background-image: -webkit-linear-gradient(90deg, #DBDBDB, #F2F2F2);
	background-image: -moz-linear-gradient(90deg, #DBDBDB, #F2F2F2);
	background-image: -ms-linear-gradient(90deg, #DBDBDB, #F2F2F2);
	background-image: -o-linear-gradient(90deg, #DBDBDB, #F2F2F2);
	background-image: linear-gradient(90deg, #DBDBDB, #F2F2F2);
	
	border: 1px solid #B3B3B3;
	
	-webkit-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
	-moz-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
	box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
}
.button.pushed {
	position: relative;
}
.button:hover {
	background-image: -webkit-linear-gradient(90deg, #E8E8E8, #F7F7F7);
	background-image: -moz-linear-gradient(90deg, #E8E8E8, #F7F7F7);
	background-image: -ms-linear-gradient(90deg, #E8E8E8, #F7F7F7);
	background-image: -o-linear-gradient(90deg, #E8E8E8, #F7F7F7);
	background-image: linear-gradient(90deg, #E8E8E8, #F7F7F7);
}
.button.pushed:active {
	top: 2px;	
}
.button:active {
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
	-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
	box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
}​
.klizac {
	float:left;
	width:1000px;
	overflow-y: scroll;
	height: 100px;
}
.text-black {
	color: black;
}
.text-white {
	color: white;
}
aside h3 {
  font: 7vh Sans-Serif;
  letter-spacing: 15px;
  color: #fff;
  padding: 0px 0px;
  margin: -150px 0px 0 0;
  line-height: 8vh;
  z-index:10000000;
}
.csstransforms aside h3 {
  /* Abs positioning makes it not take up vert space */
  position: absolute;
  right: 0;
  top: 50%;

  /* Border is the new background */
  background: none;

  /* Rotate from top left corner (not default) */
  #transform-origin: 0 0;
  #transform: rotate(90deg);
}





