html {
background:url(background.gif);
}

body {
font-family:"Verdana";
}

html, body {
height:100%;
margin:0;
padding:0;
}

div#shim {
visibility:hidden;
width:100%;
height:50%;
margin-top:-380px;
float:left;
}

a {
font-weight:bold;
text-decoration:none;
}

.container {
width:800px;
height:760px; /* content+margin+footer */
margin-top:10px;
clear:both;
position:relative;
top:-380px;
/* IE4ever Hack: Hide from IE4 **/
position:static;
/** end hack */
}
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */


.content {
clear:both;
background:url(content-frame.gif) no-repeat;
width:700px; /* 800px - 2x padding */
height:590px; /* 620px - 2x padding */
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:20px;
}
.content, .content a {
color:#7CC5E1;
}
.content .instructions {
font-style:italic;
font-size:15px;
font-weight:bold;
}
.content .instructions h1 {
font-size:15px;
display:inline;
margin:0;
}
.content .instructions .go {
font-size:19px;
}

.logo {
clear:both;
background:url(logo.gif) no-repeat;
width:489px;
height:101px;
margin-top:30px;
margin-bottom:50px;
}

.radiobuttons {
clear:both;
font-size:14px;
padding-left:130px;
font-weight:bold;
}
p {
float:left;
margin-bottom:3px;
padding-right:20px;
}
span.radio {
float:left;
display:block;
width:15px;
height:15px;
padding-right:5px;
background:url(radiobutton.gif) no-repeat;
}

.slogan {
clear:both;
width:500px;
height:103px; /* 122px - padding */
background:url(slogan-frame.gif) no-repeat;
padding-top:19px;
}

.go a {
clear:both;
display:block;
width:274px;
height:87px;
background:url(go-frame.gif) no-repeat;
}
.go a:hover {
background:url(go-frame.gif) 0px -87px no-repeat;
}

.niz {
white-space:nowrap;
}

.result {
clear:both;
width:540px; /* 660px - padding */
height:97px; /* 162px - padding */
background:url(result-frame.gif) no-repeat;
margin-top:-41px;
color:#299FCE;
font-style:italic;
font-weight:bold;
padding-top:65px;
padding-left:60px;
padding-right:60px;
font-size:28px;
}

.footer {
clear:both;
background:url(footer-frame.gif) no-repeat;
width:700px; /* 800px - 2x padding */
height:60px; /* 100px - 2x padding */
padding-left:50px;
padding-right:50px;
padding-top:20px;
padding-bottom:20px;
margin-top:40px;
/*margin-bottom:20px;*/
}
.footer, .footer a {
color:#299FCE;
}
.footer .count {
font-size:14px;
}
.footer .copyright, .footer .production {
margin-top:35px;
font-size:12px;
}
.footer .copyright {
float:left;
}
.footer .production {
float:right;
}


/* --------------------------- modalno okno --------------------------- */
#modallogin {
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.modalbackground {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#dddddd;
z-index:500;
}

.modalcontainer {
left:50%;
position:absolute;
top:50%;
width:300px;
z-index:750;
}

.modal {
background:url(freeze_login.gif) no-repeat;
height:150px;
left:-150px;
padding:0;
position:relative;
top:-75px;
width:300px;
z-index:1000;
}

.modaltop {
padding-right:10px;
padding-top:5px;
text-align:right;
width:290px;
}

.modaltop a,.modaltop a:visited {
color:#CCCCCC;
text-decoration:none;
font-size:13px;
font-weight:normal;
}

.modaltop a:hover {
color:#888888;
}

.modalbody {
padding:10px;
}

td {
font-size:13px;
}

/* ------------------------------------------ gumbi --------------------------------------- */
.button_short {
background:url(button_short.gif) no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
line-height:22px;
padding-bottom:3px;
text-decoration:none;
width:97px;
}

.button_short_active {
background:url(button_short.gif) 0 -45px no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
padding-bottom:3px;
width:97px;
}