#signon, #signonLegend, #signonChange a{
    background-color:#7B0C21;
}

#signonLegend, #signonRow4 a{/* info - tucne nadpisy dialogu*/
    color:#FFC721;
}

#signon, #signon form, #signon font, #signon input{
    font-size:8pt;
    font-family: Helvetica,Arial,Tahoma;
}

#signonRow2 input, #signonRow1 input{
    background-color:#FFC721;
}

#signonRow3 input{
    background-color:darkgray;
    border:outset darkgray 2px;
    color:black;
}

/* frame */
#signon{
    border:groove white 2px;
    width:270px;
    height:123px;
    color:white;
}

* html #signon{
	height:127px;
}

#signon form {
	position:relative;
	top:10px;
	left:8px;
	width:251px;
	height:103px;
    border:groove silver 2px;
    padding:0;
}

* html #signon form{
	height:107px;
}

#signonLegend {
	display:none;
    position:relative;
    top:-104px;
    left:15px;
    font-weight:bold;
    padding:0px 5px;
}

/* neprihlasen */
#signon span, #signonLogin, #signonChange{
	display:block;
	position:absolute;
	left:10px;
    padding:0;
    margin:0;
}

#signonRow1{
	top:8px;
}

#signonRow2{
    top:32px;
}

#signonRow3{
    top:55px;
}

#signonRow4{
	top:83px;
    font-weight:bold;
}

#signon form span div{
    float:left;
    width:118px;
    padding-top:2px;
}

#signon input{
    width:110px;
}

#signonRow3 input{
    width:110px;
    font-weight:bold;
    padding:1px;
    margin:2px 0 0 0;
}

#signonRow4 a{
	padding-left:3px;
	display:none;
}

/* prihlasen */

#signonLogin{
	top:23px;
	left:18px;
}

#signonChange{
	top:60px;
	height:15px;
}

#signonLogin font{
    font-weight:normal;
    padding-left:5px;
}

#signonChange a{
    display:block;
    width:100px;
    padding:3px 0px;
    border: outset darkgray 2px;
    float:left;
    text-decoration:none;
    color:black;
    text-align:center;
    font-weight:bold;
    background-color:darkgray;
}

#signonDatachange{
    margin:0px 17px 0px 3px;
}