.text {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.mylink {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}

.naslov {
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
}
.frmElements {
	font-family: "Trebuchet MS";
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

.flashmsg {
	color:#0E083F;
	font-size:14px;
	background-color:#3BAFEF;
	font-weight:bold;
}


.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 5px;
width: 400px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 7px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 400px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}






a.boldbuttons{
background: transparent url('../images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.version_name
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 1.5em;
   color: #ffffff;
   /*background-color : #ffff00;*/
   vertical-align: middle;
}



#pin_or_card .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.9em;
   color: #900;
   background-color : #ffff00;
   vertical-align: middle;
}

#pin_or_card #pin_or_card_errorloc
{
    clear:both;
}

#pin_or_card input[type="text"],#pin_or_card textarea,
#pin_or_card input[type="password"]
{
    font-family : Arial, Verdana, sans-serif;
    font-size: 1.1em;
    line-height:140%;
    color : #000;
    padding : 3px;
    border : 1px solid #999;
    vertical-align: middle;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#pin_or_card input[type="text"],
#pin_or_card input[type="password"]
{
    height:38px;
    width:220px;
    vertical-align: middle;
    text-align: center;
}

#pin_or_card input[type="submit"]
{
    width:100px;
    height:50px;
    /*padding-left:0px;*/
    vertical-align: middle;
    text-align: center;
}

#pin_or_card textarea
{
    height:120px;
    width:310px;
    vertical-align: middle;
}

#pin_or_card input[type="text"]:focus,
#pin_or_card textarea:focus
{
    color : #009;
    border : 1px solid #990000;
    background-color : #ffff99;
    font-weight:bold;
    vertical-align: middle;
}

#pin_or_card label
{
    font-family : Arial, sans-serif;
    font-size:1.2em;
    font-weight: bold;
    vertical-align: middle;
}