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

    ERIC MEYER'S RESET

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #222;
  background: white;
  font:normal 14px Arial,sans-serif;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

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

    TEXT

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

h1{ color:#662989; text-align:center; font:normal 30px/1.7em Arial,sans-serif; }
h2{ color:#fff; background:#662989; font:normal 24px/30px Arial,sans-serif; padding:10px; text-transform:uppercase; margin-bottom:10px; }
h3{}
h4{}
h5{}
h6{}
p{}

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

    LINKS

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

a{ color:#662989; text-decoration:none; }
a:hover{ text-decoration:underline; }

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

    IMAGES

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

img{}

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

    LISTS

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

ul, ol, dl{}
    dt{}
    dd, li{}

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

    TABLES

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

table{}
    thead, tbody, tfoot{}
        th, td{}

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

    FORMS

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

fieldset{}
    legend{}
    select{}
        option{}
    label{}
    input, textarea{}
        .submit{}

.clear{ width:100%; clear:both; height:1%; font-size:1px; }

/* header */
#container{ width:960px; margin:0 auto; }
#header{ background:url(bg/knezovic_logo_liste.png) no-repeat 50% 0; height:181px; padding:20px 0; }

/* #lista .upis .ispis .edit */

#lista{ width:100%; clear:both; margin-bottom:30px; }

.form-label{ padding-top:20px; padding-bottom:5px; }
.form-input input, .form-input textarea{ width:300px; padding:3px; border:2px solid #ddd; font:normal 12px/1.4em Arial,sans-serif; }
.form-submit input{ background-color:#662989; cursor:pointer; color:#fff; width:150px; padding:15px; border:none; margin-top:20px; }

/* lista */
.external { background-color:#d1eaf2; }
.pacijent { padding:10px 0; }

.singlepacijent{ cursor:pointer; }
.singlemore{ display:none; position:relative; }

.napomena{ border:1px dashed red; background-color:#ccc; padding:5px; margin-bottom:10px; font-weight:bold; padding-right:100px; position:relative; }
.editnapomena{ position:absolute; top:5px; right:5px; }

/* links */
#links{ clear:both; padding-top:25px; padding-bottom:30px; height:60px; }
#links a{ width:auto; height:60px; padding:0 20px; display:block; float:left; line-height:60px; cursor:pointer; color:#fff; background-color:#662989; margin-left:30px; text-decoration:none; }
    #links a:first-child { margin-left:0; }
#links a:hover{ background-color:#1d92b8; }

/* filter */
#filter{ clear:both; margin-bottom:30px; }
#pickdate{ background-color:#1d92b8; cursor:pointer; color:#fff; width:34px; padding:15px; border:none; margin-top:20px; display:block; }
#pickdate:hover{ background-color:#1d92b8; text-decoration:none; }

#filterbtn{ width:300px; background-color:#1d92b8; height:30px; display:block; line-height:30px; color:#fff; font-size:20px; padding-left:20px; }
#filterbtn:hover{ text-decoration:none; }
#datumi{ display:none; padding:20px 0; }
#datumi input{ margin-bottom:10px; }


.orderagain, .editentry{ padding:5px; color:#fff; background-color:#1d92b8; position:absolute; right:0; top:0; }
.editentry{ right:125px; }

/* dates */
.external-dates-list { padding:30px; }




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */