body {
background:url(../images/background.gif) repeat-x top #f8ffdb;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b2bb8e;
text-align: center; /* for IE */
margin: 0;
}

a {
	font-size: 12px;
	font-style: normal;
	color: #b2bb8e;
	text-decoration: underline;
}

h1 {
color: white;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
}

h2 {
color: #c4cda0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
}

h4 {
color: #717171;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
}


h1:hover {
color: #c4cda0;
}

h3 {
color: #c4cda0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
}

#container {
margin: 139px auto;
text-align: left; /* counter the body center */
width: 695px;
}

#container1 {
margin: 0px auto;
text-align: left; /* counter the body center */
width: 695px;
}

.logincontainer {
width: 430px;
height: 291px;
float:left;
}

.logincontainer2 {
width: 430px;
float:left;
}


.desnologin {
width: 265px;
height: 291px;
float: right;
}

.loginup {
width: 430px;
height: 75px;
background: url(../images/loginup.gif) no-repeat left top;
}

.cpanelup {
width: 430px;
height: 75px;
background: url(../images/cpanelup.gif) no-repeat left top;
}

.regup {
width: 430px;
height: 75px;
background: url(../images/regup.gif) no-repeat left top;
}

.regup2 {
width: 430px;
height: 75px;
background: url(../images/regup2.gif) no-repeat left top;
}

.izlogup {
width: 430px;
height: 75px;
background: url(../images/logout_up.gif) no-repeat left top;
}

.loginsredina {
width: 430px;
height: 185px;
background:url(../images/pozadinaforma.gif) repeat-y;
}

.loginsredina2 {
width: 430px;
background:url(../images/pozadinaforma.gif) repeat-y;
}

.logindole {
width: 430px;
height: 33px;
background:url(../images/logindown.gif) top no-repeat;
}

.loginform {
padding-left: 40px;
padding-right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: white;
background:url(../images/pozadinaforma.gif) repeat-y;
}

.loginform2 {
padding-left: 40px;
padding-right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: white;
background:url(../images/pozadinaforma.gif) repeat-y;
}

.loginform td {
padding: 2px;
}

.loginform a {
color: #f8ffdb;
text-decoration:none;
}

.loginform a:hover {
color: #ffffff;
}

.inputlogin {
background:#f8ffdb;
padding: 5px;
border: 2px solid #b2bb8e;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #d2d9b6;
}

.buttonlogin {
background:#b2bb8e;
padding: 5px;
border: 2px solid #f8ffdb;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #d2d9b6;
}

.buttonlogin1 {
background:#b2bb8e;
padding: 2px;
border: 1px solid #f8ffdb;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #d2d9b6;
}

.infolinija {
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b2bb8e;
}

.infolinija1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: white;
display:block;
padding: 10px 10px 12px 50px;
background: url(../images/error.png) no-repeat top;
}

.infolinija2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: white;
display:block;
background: url(../images/uspesno.png) no-repeat top;
padding: 10px 10px 12px 50px;
}

.infolinija2 a {
color: white;
}

.clear {
clear:both;
}

.velikaslova {
font-size:18px;
color:#FFFFFF;
}

.malaslova {
font-size:10px;
}

/* tabele */
.tabelagore {
background:url(../images/tabelagore.gif) top;
width: 695px;
height: 19px;
}
.tabelasadrzaj {
min-height: 100%;
background:url(../images/tabelapozadina.gif) repeat-y top;
}

.tabelacont {
margin:15px;
}

.tabelacont table {
background: #f8ffdb;
border: 2px solid #d1d8b5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b2bb8e;
}

.tabelacont td {
border-bottom: 1px solid #d1d8b5;
}

/*.tabelacont tr:hover {
background: #fffffd;
color: #c4cda0;
}
*/
.tabelacont a {
color: #b2bb8e;
text-decoration:underline;
}

.tabelacont a:hover {
color: #b2bb8e;
text-decoration:none;
}

.even {
background: #d1d8b5;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-align: center;
}

.even1 {
background: #d1d8b5;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
text-align: left;
}

.odd {
background: #e6ebd3;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}

.tabeladole {
width: 695px;
height: 22px;
background:url(../images/tabeladole.gif) no-repeat top;
}

.ds_box {
background-color: #FFF;
border: 1px solid #000;
position: absolute;
z-index: 32767;
}

.ds_tbl {
background-color: #FFF;
}

.ds_head {
background-color: #d2d9b6;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}

.ds_subhead {
background-color: #edf1dd;
color: #000;
font-size: 12px;
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
width: 32px;
}

.ds_cell {
background-color: #f8ffdb;
color: #000;
font-size: 13px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
cursor: pointer;
}

.ds_cell:hover {
background-color: #f8ffdb;
} /* This hover code won't work for IE */

.inputmali {
background:#f8ffdb;
padding: 1px;
border: 1px solid #b2bb8e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8f9967;
}

/* The sorrounding chart box */
.chartbox {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333;
text-align: center;
margin:auto;
padding:5px;
padding-top:0px;
overflow:hidden;
background-color:#fff;
}
.chartbox h2{
font-size: 14px;
font-weight:bold;
padding:0px;
margin:5px 0px;
}

/* Vertical chart elements */
.barv{
margin: 2px;
float:left;
}
.barvvalue {
padding:0px;
margin:0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}

/* Horizontal chart elements */
.barh{
margin: 4px;
text-align:left;
clear:both;
}

.barhvalue {
padding:0px;
margin:0px 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
overflow:hidden;
float:left;
}

.barhcaption {
padding:0px;
margin:0px 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
overflow:hidden;
float:left;
}

.barhimage {
float:left;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #f8ffdb;
border-width: 1px 0;
background: #d2d9b6 center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #f8ffdb;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #d2d9b6;
background: #f8ffdb center center repeat-x;
}



/* MOOTOLS */

.tool-tip {
color: #fff;
width: 139px;
z-index: 13000;
}

.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(../images/bubble.png) top left;
}

.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(../images/bubble.png) bottom right;
}

.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}

.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}

.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}

.highslide-html {
background-color: white;
}

.highslide-html-blur {

}

.highslide-html-content {
position: absolute;
display: none;
}

.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(..images/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}

a.highslide-credits,

a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {
color: white;
background-color: gray;
}


/* Styles for the popup */

.highslide-wrapper {
background-color: white;
}

.highslide-wrapper .highslide-html-content {
width: 400px;
padding: 5px;
}

.highslide-wrapper .highslide-header div {

}

.highslide-wrapper .highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}

.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}

.highslide-wrapper .highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover {
color: black;
}

.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}

.highslide-wrapper .highslide-footer {
height: 11px;

}

.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(..images/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {

}

.highslide-move {
cursor: move;
}

.highslide-resize {
 cursor: nw-resize;
}

/* These must be the last of the Highslide rules */

.highslide-display-block {
display: block;
}

.highslide-display-none {
display: none;
}

/* ----------- */

#form_box {
width: 650px;
background: #f9fdea;
border: 1px solid #d6d6d6;
border-left-color: #e4e4e4;
border-top-color: #e4e4e4;
font:0.8em Arial, Helvetica, Sans-serif;
padding: 0.5em;
margin-top: 10px;
margin-bottom: 2px;
}
#form_box table {
background:none;
border:none;
}

#form_box td {
background:none;
border:none;
}

#form_box tr {
background:none;
border:none;
}

#form_box div {
padding: 0.2em 0.5em;
}

#form_box div.hr {
border-bottom: 2px solid #e2e2e1;
height: 0px;
margin-top: 0pt;
margin-bottom: 7px;
}

#form_box p {
float: left;
margin: 4px 0pt;
width: 120px;
}

#log {
width: 650px;
margin-top: 10px;
}
#log_res {
overflow: auto;
}

#log_res.ajax-loading {
padding: 20px 0;
background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

.error {
color:#FF0000;
font-size:11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.uslovi {
background:#FFFFFF;
text-align: left;
border:#d2d9b6 2px solid;
padding:30px;
}

.naglasenaslova {
color: #CC0000;
}

.adresarbox {
border:#d2d9b6 1px solid;
background: url(../images/adresar_left.png) no-repeat left top;
padding: 10px 10px 12px 30px;
}