body
{
/*
	width:600px;
	height:800px;
*/
	background-color:black;
	color:white;
/*
	margin-left:auto;
	margin-right:auto;
	*/
}


.display
{
	width:600px;
	min-height:800px;
	height:auto;
	border:0px solid white;
	color:lightgreen;
	padding:0px;
	/*border:1px solid white;*/
	margin-left:auto;
	margin-right:auto;
	visibility:hidden;
}

.ccover
{
	width:132px;
	height:164px;
	float:left;
	margin:0px;
	margin-bottom:10px;
	/*border:1px solid white;*/
}

.cfolder
{
	width:128px;
	height:132px;
	background:transparent;
	text-align:center;
	background-repeat: no-repeat;
	background-image:url('/img/folder.png');
	border-radius:10px;
	color:lightgreen;
	/*border:1px solid white;*/
}

.cfolder:active
{
	background-color:yellow;
}

.cback
{
	background-image:url('/img/backward.png');
}

.clogout
{
	background-image:url('/img/user.png');
}


.cbuttoncover
{
	width:132px;
	height:132px;
	/*border:1px solid transparent;*/
}

.cbutton
{
	width:128px;
	height:128px;
	background:transparent;
	text-align:center;
	background-repeat: no-repeat;
	border-radius:10px;
	border:2px solid transparent;
}

.ctext
{
	width:132px;
	height:22px;
	color:white;
	/*font-size:28px;*/
	text-align:center;
	font: normal 28px Arial;
	/*border:1px solid white;*/
}

.cbutton:hover
{
	cursor:pointer;
}	

/*
.cbutton:active
{
	background:brown;
	margin-left:4px;
	margin-top:4px;
	border:4px inset white;
}
*/

.cbutton:active
{
	background:brown;
	border-color:brown;
}


#ajaxBusy
{
  display: none;
  margin: 0px 0px 0px -50px; /* left margin is half width of the div, to centre it */
  padding: 30px 10px 10px 10px;
  position: absolute;
  left: 40%;
	top: 200px;
  width: 300px;
  height: 200px;
  text-align: center;
	/*background: #e8e8e8 url('/img/loading.gif') no-repeat center center;*/
	/*background: black url('/img/loading.gif') no-repeat center center;*/
  border: 1px solid transparent;
	border-radius:10px;
}


/* ***************** seznam svetel ***************** */
.svetlo
{
	width:400px;
	padding-top:10px;
	height:50px;
	padding-left:10px;
	text-align:left;
	font: normal 28px Arial;	
	/*border:1px solid white;*/
	margin-left:20px;
	color:white;
	background:green;
}           

.svetlo2
{
	background:#00B000;
}           

.svetlo:hover
{
	cursor:pointer;
}

.svetlo:active
{
	background:brown;
}

/* ***************** dialog pro ovladani jednoho svetla ********************* */
.svetlodialog
{
	height:300px;
	border-radius:10px;
	border:2px soid white;
	background:black;
	visible:hidden;
	min-width:300px; 
	width: auto; 
	display:none; 
	height: auto; 
}

.nazevsvetla
{
	height:50px;
	text-align:center;
	font: normal 30px Arial;		
	color:white;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding:5px 10px 10px 5px;
}

.inputsearch
{
	margin-left:20px;
	padding:10px 10px 10px 16px; 
	font: normal 28px Arial;		
	background: black url('/img/search.png') no-repeat right center;	
	color:white;
	width:380px;
	border:2px solid white;
}


/ ****************** dialog pro ovladani tlacitka s heslem ******************** */

.btn_psw_text
{
	color:white;
}


.pswdialogw
{
	width:397px;
	height:200px;
	font: normal 28px Arial;		
	color:black;
	padding:10px;
	margin:0px;
	border-radius:5px;
	visible:hidden;
	display:none; 
}

.psw_input_box
{
	width:420px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid black;*/
}

.pswinput
{
	width:397px;
	height:50px;
	font: normal 28px Arial;		
	color:black;
	padding:10px;
	margin:0px;
	border-radius:5px;
	/*border:1px solid black;*/
}


/* ***************** prihlasovaci stranka ********************* */
.loginwindow
{
	width:500px;
	height:300px;
	border:2px solid white;
	background:green;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	border-radius:10px;
}

.logintext
{
	width:400px;
	height:auto;
	/*border:1px solid white;*/
	font: normal 32px Arial;		
	color:white;
	text-align:left;
	padding:10px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}

.login_input_box
{
	width:420px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid black;*/
}

.logininput
{
	width:397px;
	height:50px;
	font: normal 28px Arial;		
	color:black;
	padding:10px;
	margin:0px;
	border-radius:5px;
	/*border:1px solid black;*/
}