/* -------------------------------------------------------------- */
/* Zaglavlje, okvir i senka                                       */
/* -------------------------------------------------------------- */
html {
   margin: 0px 0px 15px 0px;
   padding: 0px;
}

body {
   background: #fff;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}

#container {
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   text-align: left;
   width: 960px;
}

#header {
   background: url(../imgs/admin/olovke.gif) no-repeat right;
   height: 124px;
   margin: 0px;
   padding: 0px;
   width: 960px;
}

#blog_logo {
   background: url(../imgs/admin/blog_logo.gif) no-repeat left;
   height: 124px;
   margin: 0px;
   padding: 0px;
   width: 960px;
}

#senka_levo {
   background: url(../imgs/admin/senka_l.gif) repeat-y left;
   margin: 0px;
   padding: 0px 0px 0px 5px;
   width: 955px;
}

#senka_gl {
   background: url(../imgs/admin/senka_gl.gif) no-repeat left;
   height: 109px;
   margin-left: 0px;
   padding: 0px;
   position: absolute;
   width: 5px;
}

#senka_dl {
   background: url(../imgs/admin/senka_dl.gif) no-repeat left;
   height: 15px;
   margin-left: -5px;
   margin-top: -15px;
   padding: 0px;
   position: absolute;
   width: 5px;
}

#senka_desno {
   background: url(../imgs/admin/senka_d.gif) repeat-y right;
   margin: 0px;
   padding: 0px;
   width: 955px;
}

#senka_gd {
   background: url(../imgs/admin/senka_gd.gif) no-repeat right;
   height: 109px;
   margin-left: 954px;
   padding: 0px;
   position: absolute;
   width: 6px;
}

#senka_dd {
   background: url(../imgs/admin/senka_dd.gif) no-repeat right;
   height: 15px;
   margin-left: 949px;
   margin-top: -15px;
   padding: 0px;
   position: absolute;
   width: 6px;
}

#senka_dole {
   background: url(../imgs/admin/senka_dole.gif) no-repeat;
   display: block;
   height: 5px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 960px;
}

#okvir {
   border: 1px solid #A4B0BF;
   margin: 0px;
   padding: 0px;
   width: 947px;
}

#header h1 {
   color: #E36225;
   font: italic small-caps 30px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   letter-spacing: 4px;
   margin: 0;
   padding-right: 35px;
   padding-top: 52px;
   text-align: right;
}

#content {
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%;
}

/* -------------------------------------------------------------- */
/* Glavni meni                                                    */
/* -------------------------------------------------------------- */
#menubar {
   background: url(../imgs/admin/meni_poz.gif) repeat-x top left;
   border-bottom: 3px solid #336666;
   height: 36px;
   margin-bottom: 10px;
   width: 947px;
}

#menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: left;
   width: 100%;
}

#menu li {
   display: block;
   float: left;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 14px;
   letter-spacing: 1px;
   padding: 0;
}

#menu a, #menu a:link, #menu a:visited {
   background: transparent url("../imgs/admin/meni_razmak.gif") no-repeat top right;
   color: #8B0000;
   display: block;
   float: left;
   height: 25px;
   padding: 11px 20px 0 20px;
   text-decoration: none;
}

#menu a:hover {
   background: url(../imgs/admin/meni_poz.gif) repeat-x top left;
   background-position: 0% -36px;
   color: #FFFFFF;
}

#menu br {
   clear: both;
}

/* -------------------------------------------------------------- */
/* Naziv odabrane opcije i istorija navigacije                    */
/* -------------------------------------------------------------- */
#nav_bar {
   margin-bottom: 10px;
   margin-left: 0;
   margin-right: 0;
   padding-left: 7px;
   padding-right: 7px;
   width: 933px;
}

#section_title {
   float: left;
   width: 39%;
}

#section_title h2 {
   color: #315E85;
   font: italic small-caps 22px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   letter-spacing: 2px;
   margin: 0;
   padding-left: 4px;
}

#section_title_admin_mode h2 {
   color: red;
   font: italic small-caps 22px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   letter-spacing: 2px;
   margin: 0;
   padding-left: 4px;
}

#navigation {
   color: #FF4500;
   float: right;
   font-size: 12px;
   font-style: italic;
   padding-right: 2px;
   padding-top: 7px;
   text-align: right;
   width: 60%;
}

#navigation a {
   color: #315E85;
   font-style: italic;
   text-decoration: none;
}

#navigation a:hover {
   color: #FF4500;
   text-decoration: none;
}

/* -------------------------------------------------------------- */
/* Meni sa karticama                                              */
/* -------------------------------------------------------------- */
#tablist {
   border-bottom: 1px solid #BCD2E6;
   font: 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   margin: 0;
   padding: 3px 10px 2px 10px;
}

#tablist li {
   display: inline;
   list-style: none;
   margin: 0;
}

#tablist li a {
   background: url("../imgs/admin/tablevo.gif") no-repeat left top;
   margin: 0px;
   padding: 3px 0px 2px 4px;
   text-decoration: none;
}

#tablist li a span {
   background: url("../imgs/admin/tabdesno.gif") no-repeat right top;
   color: #627EB7;
   padding: 3px 15px 2px 6px;
}

#tablist li a:hover {
   background-position: 0% -42px;
}

#tablist li a:hover span {
   background-position: 100% -42px;
   color: #315E85;
}

#tablist li a#tab_current {
   background: url("../imgs/admin/tablevo.gif") no-repeat left top;
   background-position: 0% -42px;
   border-bottom: 1px solid #E2EBF4;
   padding: 5px 0px 2px 4px;
}

#tablist li a#tab_current span {
   background: url("../imgs/admin/tabdesno.gif") no-repeat right top;
   background-position: 100% -42px;
   color: #315E85;
   padding: 5px 15px 2px 6px;
}

#tab_pozadina {
   background: url(../imgs/admin/tab_poz.gif) repeat-x;
}

.link {
   color: #315E85;
}

.link:hover {
   color: #FF4500;
}

/* -------------------------------------------------------------- */
/* Polja za unos teksta i odabir opcija                           */
/* -------------------------------------------------------------- */
#mainPanel {
   float: left;
   margin: 0;
   padding: 0;
   width: 650px;
}

#optionPanel {
   float: right;
   margin: 0 0 10px 0;
   padding: 0;
   width: 240px;
}

form {
   margin: 0;
   padding: 0;
}

fieldset {
   border: 1px none #8cacbb;
   color: #234767;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 13px;
   line-height: 1.5em;
   margin: 0;
   padding: 10px 14px 1px 14px;
   width: auto;
}

textarea, input, select {
   background: #FFFFFF;
   border: 1px solid #ADCADE;
   color: #000000;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 13px;
}

textarea, input {
   background: #FFFFFF url(../imgs/admin/input_poz.gif) repeat-x top;
   padding: 2px;
}

select {
   padding: 1px;
}

input:focus, textarea:focus, label:focus {
   border: 1px solid #91A6D0;
}

.checkbox, .radio {
   border: 0px;
   background: transparent;
}

.checkbox:focus, .radio:focus {
   border: 0px;
}

.required {
   color: #FF4500;
}

.list_action_button a img {
   border: 0px;
   padding: 0px;
}

.field {
   left: 0;
   margin: 0 0 13px 0;
   padding: 0px;
   top: 0;
}

.field .field {
   margin: 13px 0 0 0;
}

.field label {
   font-size: 100%;
   font-weight: bold;
}

.field_checkbox {
   left: 0;
   top: 0;
}

.field_checkbox label {
   font-size: 100%;
}

.field_checkbox label:hover {
   color: #627EB7;
}

.formHelp {
   color: #627EB7;
   font-size: 12px;
   margin: 0 0 2px 0;
}

.formHelp a {
   text-decoration: underline;
}

.formHelp:hover {
   color: #315E85;
   cursor: default;
}

.buttons {
   background: White url(../imgs/admin/dugmici_poz.gif) repeat-x;
   border-top: 1px solid #A4B0BF;
   padding: 12px;
   text-align: right;
   width: 923px;
}

.buttons input, .dugme, .submit {
   background: #C3DAF9 url(../imgs/admin/dugme.gif) repeat-x;
   border-bottom: 1px solid #5B8FBB;
   border-left: 1px solid #F2FAFB;
   border-right: 1px solid #5B8FBB;
   border-top: 1px solid #F2FAFB;
   height: 26px;
   margin: 2px;
   overflow: visible;
   padding-left: 5px;
   padding-right: 5px;
   width: auto;
}

.submit {
   height: 24px;
   margin: 0px;
   padding: 0px 5px 0px 5px;
}

.buttons input:hover, .dugme:hover, .submit:hover {
   background-position: 0% -26px;
}

.buttons input:active, .dugme:active, .submit:active {
   border-bottom: 1px solid #F2FAFB;
   border-left: 1px solid #5B8FBB;
   border-right: 1px solid #F2FAFB;
   border-top: 1px solid #5B8FBB;
}

.inputField input {
   width: 100%;
}

.inputField legend {
   display: none;
   font-weight: bold;
}

.inputField .checkbox, .inputField .button, .inputField .radio {
   width: auto;
}

.inputField .file {
   width: auto;
}

/* -------------------------------------------------------------- */
/* Opcije za pretragu i sortiranje podataka u tabelama            */
/* -------------------------------------------------------------- */
#list_nav_bar {
   background: url(../imgs/admin/tab_poz.gif) repeat-x;
   border-bottom: 1px solid #A9C8DE;
   height: 50px;
   margin: 0px 0px 0px 0px;
   padding: 5px 3px 5px 3px;
}

#list_nav_bar fieldset {
   border: 1px none #DEDEDE;
   color: #315E85;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}

#list_nav_select {
   float: left;
   text-align: center;
   width: 100%;
}

.list_nav_option {
   display: inline;
   float: left;
   margin-left: 5px;
   padding: 0px 4px 4px 4px;
   text-align: left;
}

#list_nav_bar legend {
   display: none;
}

/* -------------------------------------------------------------- */
/* Tabele                                                         */
/* -------------------------------------------------------------- */
.info {
   margin: 0;
   border-collapse: collapse;
   border-spacing: 0px;
   width: 100%;
}

.info th {
   background: url(../imgs/admin/tabela_zag.gif) repeat-x bottom;
   border-bottom: 2px solid #A4B0BF;
   color: #315E85;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 13px;
   font-weight: bold;
   padding: 15px 4px 15px 4px;
   text-align: left;
   vertical-align: middle;
}

.info th a {
   color: #315E85;
   text-decoration: none;
}

.info th a:hover {
   color: #FF4500;
   text-decoration: none;
}

.odd {
   background: #F1F1F1;
}

.highlightClass {
   background: #F9E4D9;
}

.info td {
   border-bottom: 1px solid #A4B0BF;
   color: #696969;
   padding: 4px;
   vertical-align: middle;
}

.info td a {
   color: #696969;
   text-decoration: none;
}

.info td a img {
   border: 0px;
}

.info td a:hover {
   color: #315E85;
   text-decoration: none;
}

.col_highlighted {
   font-weight: bold;
}

#pluginSettings h4 {
   background: url(../imgs/admin/tab_poz.gif) repeat-x;
   border-top: 1px solid #A4B0BF;
   border-bottom: 1px solid #A4B0BF;
   font: italic normal 16px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   margin: 10px 0px 0px 0px;
   padding: 5px;
}

/* -------------------------------------------------------------- */
/* Deo sa opcijama ispod tabele                                   */
/* -------------------------------------------------------------- */
#list_action_bar {
   background: White url(../imgs/admin/dugmici_poz.gif) repeat-x;
   border-top: 1px solid #A4B0BF;
   margin: 0;
   padding: 14px;
   text-align: right;
}

#massiveChangeOption {
   background: url(../imgs/admin/tabela_zag.gif) repeat-x bottom;
   border-bottom: 1px solid #A4B0BF;
   border-left: 1px solid #A4B0BF;
   border-right: 1px solid #A4B0BF;
}

#massiveChangeOption fieldset {
   padding: 7px;
}

#massiveChangeOption legend {
   display: none;
}

.pager {
   float: left;
   padding-bottom: 14px;
}

.pager select {
   height: 22px;
   float: left;
}

.pager img {
   height: 22px;
   float: left;
}

.optionIcon {
   background: url(../imgs/admin/tabela_zag.gif) repeat-x bottom;
   border: 1px solid #A4B0BF;
   font-size: 12px;
   text-align: right;
   margin-top: 14px;
   padding: 3px;
}

.optionIcon a {
   color: #315E85;
   padding: 4px;
   text-decoration: none;
}

.optionIcon a:hover {
   color: #FF4500;
}

/* -------------------------------------------------------------- */
/* Pozitivne ili negativne poruke                                 */
/* -------------------------------------------------------------- */
#list #FormError {
   margin: 15px 0px 0px 0px;
   padding-left: 13px;
   padding-right: 13px;
   width: 921px;
}

#FormError {
   background: #fff6bf;
   border-bottom: 2px solid #ffd324;
   border-top: 2px solid #ffd324;
   margin-bottom: 10px;
   margin-top: 4px;
   padding: 10px;
   text-align: left;
}

.ErrorText {
   color: Red;
   font-size: 13px;
   margin: 0;
   padding: 2px 0px 0px 0px;
}

#list #FormInfo {
   margin: 15px 0px 0px 0px;
   padding-left: 13px;
   padding-right: 13px;
   width: 921px;
}

#FormInfo {
   background: #E4F5EC;
   border-bottom: 2px solid #99DBB7;
   border-top: 2px solid #99DBB7;
   margin-bottom: 10px;
   margin-top: 4px;
   padding: 10px;
   text-align: left;
}

.InfoText {
   color: green;
   font-size: 13px;
   margin: 0;
   padding: 2px 0px 0px 0px;
}

.InfoIcon {
   clear: left;
   float: left;
   margin-right: 3px;
}

/* -------------------------------------------------------------- */
/* Prozor za prijavljivanje                                       */
/* -------------------------------------------------------------- */
.loginBox {
   margin: 0px;
   padding: 115px 10px 10px 10px;
   width: 378px;
}

.welcomeMessage {
   margin-bottom: 10px;
   font-style: italic;
}

/* -------------------------------------------------------------- */
/* Lista sa opcijama                                              */
/* -------------------------------------------------------------- */
#content .menuTop {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#content .menuTop ul {
   margin: 0px;
   padding: 0px;
   width: 945px;
}

#content .menuTop li {
   border: 1px solid White;
   list-style-type: none;
}

#content .menuTop li .Level_0:hover {
   background: #E2EBF4;
   border: 1px solid White;
}

#content .menuTop .Level_1 {
   background: White url(../imgs/admin/dugmici_poz.gif) repeat-x;
   border-bottom: 1px solid #C1C1C1;
   border-top: 1px solid #C1C1C1;
   color: #315E85;
   font: small-caps 16px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   letter-spacing: 2px;
   padding-bottom: 5px;
   padding-left: 12px;
   padding-top: 5px;
   text-align: left;
   width: 933px;
}

#content .menuTop .Level_0 {
   font-size: 14px;
   padding-left: 25px;
}

#content .menuTop .Level_0 a {
   color: #696969;
   text-decoration: none;
}

#content .menuTop .Level_0 a:hover {
   color: #315E85;
   text-decoration: none;
}

div#content li.Level_0 a {
   line-height: 1.8em;
}

.menuTop_level1 ul, li {
   list-style-type: none;
}

.menuTop_level1 ul {
   list-style-image: url(../imgs/bullet.gif);
   list-style-type: disc;
}

/* -------------------------------------------------------------- */
/* Dashboard                                                      */
/* -------------------------------------------------------------- */
#dashboard {
   padding-left: 1em;
   padding-right: 1em;
}

#dashboard h2 {
   color: #588BCA;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   letter-spacing: 0.08em;
   margin: 0;
   padding-left: 4px;
}

#dashboard h2 a {
   color: #32609B;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-weight: bold;
   margin: 0;
   padding-left: 4px;
   text-decoration: none;
}

#dashboard h2 a:hover {
   text-decoration: underline;
}

#dashboard h3 {
   color: #588BCA;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   margin: 0;
   margin-bottom: 4px;
   margin-top: 12px;
   padding-left: 12px;
}

#dashboard table {
   margin-left: 12px;
   width: 100%;
}

#dashboard th {
}

#dashboard td {
}

#dashboard a {
   color: #8A8A8A;
   text-decoration: none;
}

#dashboard {
   color: #8A8A8A;
}

#dashboard .dashboard_blog {
   background-color: #FCFCFF;
   border: 1px solid #DEDEDE;
   margin-top: 10px;
   padding: 4px;
}

#dashboard .dashboard_blog_layout {
   background-color: #FFFFFF;
   margin: 0;
   width: 100%;
}

#dashboard .dashboard_blog_layout tr {
}

#dashboard .dashboard_blog_layout td {
}

#dashboard .dashboard_data_table {
   width: 98%;
}

#dashboard .dashboard_data_table th {
   border-bottom: 2px solid #DEDEDE;
   height: 20px;
   text-align: left;
}

#dashboard .dashboard_data_table td {
   border-bottom: 1px solid #DEDEDE;
   height: 20px;
}

#dashboard .dashboard_data_table_statistics {
   width: 96%;
}

#dashboard .dashboard_data_table_statistics th, td {
   border-bottom: 1px solid #DEDEDE;
   height: 20px;
   text-align: left;
}

#dashboard .dashboard_data_quick_launches {
   width: 96%;
}

#dashboard .dashboard_data_quick_launches th, td {
   border-bottom: 1px solid #DEDEDE;
   height: 20px;
   text-align: left;
}

.dashboard_logout_link a {
   color: #32609B;
   float: right;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-weight: bold;
   margin: 0;
   padding-left: 4px;
   padding-right: 5px;
   padding-top: 3px;
   text-decoration: none;
   text-transform: capitalize;
}

.dashboard_logout_link a:hover {
   text-decoration: underline;
}

div.templateScreen {
   float: left;
   margin: 5px 15px 15px 0px;
}

div.templateScreen img {
   border: 0px;
}

.dashboardHelp {
   color: #76797c;
   font-size: 1em;
   margin: 0 0 0.2em 0.4em;
}

/* -------------------------------------------------------------- */
/* Ostalo                                                         */
/* -------------------------------------------------------------- */
.clr {
   clear: both;
}

.hide {
   display: none;
}

#status_bar {
   background: url(../imgs/admin/tabela_zag.gif) repeat-x bottom;
   border-top: 1px solid #A4B0BF;
   color: #315E85;
   display: none;
   margin: 0;
   padding: 4px;
   text-align: left;
   width: 939px;
}