/* ********************************************************************************** */

body#document { /* --- Document Body --- */
	font: 75% "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	background-color: #303030;
	color: #A0A0A0;
	margin: 5px;
	text-align: center;
}
body#login { /* --- Login Body --- */
	font: 75% "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	background-color: #303030;
	color: #A0A0A0;
	margin: 5px;
	text-align: center;
}

div#document_container { /* --- Main Container --- */
	margin: auto;
	background-color: #404040;
	width: 610px;
	padding: 5px;
/*border: 1px solid yellow;*/
}
div#login_container { /* --- Login Container --- */
	margin: auto;
	background-color: #404040;
	width: 510px;
	padding: 5px;
/*border: 1px solid yellow;*/
}

address { /* --- Email address --- */
	font-style: normal;
	font-size: 85%;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #B0B0B0;
}

/* === Silex Header === */

div.version { /* --- App Version --- */
	background-color: #202020;
	padding-right: 5px;
	font-size: 80%;
	color: #606060;
	vertical-align: top;
	text-align: right;
}
div.silex { /* --- SILEX Text --- */
	background-color: #202020;
	font: normal bold 400%/80% "Courier New", courier, monospace;
	color: #700060;
	text-align: center;
}
span.doo { /* --- d.o.o. Text --- */
	font-size: 65%;
}
div.subsilex {/* --- Subtitle --- */
	background-color: #202020;
	font-size: 75%;
	text-align: right;
}
span.logoff { /* LogOff */
	padding-right: 3px;
}
/* --- Pod-Naslov --- */
div.subhead {
	text-align: center;
	font-size: 85%;
	overflow: auto;
}
span.change { /* Datum zadnje promjene */
	float: left;
	padding-left: 3px;
}
span.wellcome { /* Wellcome i Mini-Menu */
}

/* === Linkovi === */
a:link {
	text-decoration: none;
	color: #C6DFFF;
}
a:visited {
	text-decoration: none;
	color: #C6DFFF;
}
a:hover {
	text-decoration: none;
	background-color: #000000;
	color: #C6DF77;
}
a:active {
	text-decoration: none;
	color: #C6DFFF;
}
a.silex:link {
	text-decoration: none;
	color: #F0F0F0;
}
a.silex:visited {
	text-decoration: none;
	color: #F0F0F0;
}
a.silex:hover {
	text-decoration: none;
	background-color: #000000;
	color: #C6DF77;
}
a.silex:active {
	text-decoration: none;
	color: #F0F0F0;
}
/* --- Ispis naziva Grupe --- */
div.grp_name {
	float: none;
	text-align: center;
	font-weight: bold;
	color: #E0E0E0;
	padding-top: 5px;
	border-top: 1px solid #B0B0B0;
}
/* --- Ispis naziva Podgrupe --- */
div.sub_name {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #C0D0F0;
	padding-top: 5px;
	padding-bottom: 3px;
}


/* === Blokovi linkova === */
div.lnk_light { /* --- Svijetli Link --- */
	float: none;
	text-align: left;
	background-color: #3F3F3F;
	overflow: auto;
}
div.lnk_dark { /* --- Tamni Link --- */
	float: none;
	text-align: left;
	background-color: #3B3B3B;
	overflow: auto;
}

/* --- Slikica linka --- */
div.pict {
	float: left;
	width: 20px;
	font-size: 90%;
}
/* --- ID broj linka --- */
div.linkid {
	float: left;
	width: 30px;
	font-size: 85%;
	text-align: center;
}
/* --- Smanjeni opisni tekst --- */
.small, #small {
  font-size: 95%;
}
/* --- Legenda naslov --- */
div.legend {
	font-weight: normal;
	text-align: left;
	padding-left: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #B0B0B0;
}

/* === Stilovi Forme === */

/* --- Redak Forme --- */
div.form {
  height: 30px;
}
/* --- Naziv elementa u Formi --- */
span.form {
  padding-left: 15px;
  padding-right: 3px;
}
/* --- Font Input elementa --- */
input {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 85%;
}
/* --- Font Select elementa --- */
select {
  margin-left: 5px;
  margin-right: 15px;
  font-size: 85%;
}

input.text {
  color: white;
  background-color: black;
  border-color: gray;
}