/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body,html {
    background-color: #FFFFFF;/*#5c87b2;*/
    font-size: .85em;
    font-family:  Arial, Tahoma, Helvetica, sans-serif, Times, serif, Calibri;
    margin: 0;
    padding: 0;
    color: #696969;
    width:100%;	
    height:100%;
    /*background-image:url(images/test.jpg)*/

}

img { border:none; }

a:link {
    /*color: #034af3;*/
    text-decoration: underline;
}

#footer a:visited {
    color: #505abc;
}

a:hover {
    /*color: #1d60ff;*/
    text-decoration: none;
}

/*a:active {
    color: #12eb87;
}*/

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

#home_img  
{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH; 
    padding:10px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.2em;
    color: #000;
    font-family: Arial, Tahoma, Helvetica,  sans-serif, Times, serif, Calibri;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 5px 0;
}

h3 {
    font-size: 1.1em;
    font-family: Calibri, Arial, Tahoma, Helvetica,  sans-serif, Times, serif;
}

h4 {
    font-size: 1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.layout {
	height: 100%;
}

#page-container {
    width: 100%;    
    margin:0;
    padding:0;
    margin-left: auto;
    margin-right: auto;   
}

header, #header {
    /*background-image: linear-gradient(to right,#104371,#104371,#104371,white, white) !important;*/
    background-color: #104371 !important;

    width: 100%;
    height: 60px;
    border: 0px !important;
    padding: 5px 20px
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

/* MENI */
nav, 
#menu,#left-sidebar {
    padding: 0px;
    width:200px; 
}
.menu_content { margin:0; padding:0; }
#menu ul { margin: 0; padding: 0;}
#menu ul li { list-style-type:none; border-bottom:dashed 1px #ccc; }
#menu ul li:hover { border-bottom:dashed 1px #999; }
#menu ul li a { text-decoration:none; font-size:12px;  }
#menu ul li a:hover { color:#000; }

/* KRAJ MENI */

.control_header {
    height: 15px;
    border-bottom: 1px solid #FCD3A1;
    background-color: #FBF8EE;
    width: 100%;
    color: #05bd84;
}
.control_header #hide_menu { float:right; } 

#right-sidebar {    
    padding: 0px;
    width: 200px;  
}

#main #m_header #show_sidebar { cursor:pointer; width:16px; float:right;}
.control_header #hide_sidebar { float:right; } 

#main {
    
    background-color: #fff;
    /*border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;*/

}

#main #m_header #show_menu { cursor:pointer; width:16px;}
#main_content 
{ 
    padding: 10px 10px;
    height:93%;
    overflow:scroll;
}

#main_content a { font-weight: bold; color: #004276; text-decoration:none;}
#main_content a:hover { font-weight: bold; color: #0067B6; }

footer, 
#footer {
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    /*border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;*/
    width:100%;
    height: 30px;
}

#header, #left-sidebar, #right-sidebar, #main, #footer
{
    background-color: #fff;
	border: 1px solid rgb(200,200,200);
	/*text-align: center;*/
    display: inline-block;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 30px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    /*width: 200px;*/
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table td a { text-decoration:none; font-weight:bold; }

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.error {
    color: Red;
}


div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label-bold label { font-weight:bold; margin: 1em 0 0 0;}

.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.editor-fieldjmbg {
    width:150px;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 15em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.txtSearch { width: 100px;}
.txtSearch150 { width: 150px;}
.txtSearch400 { width: 400px;}
.txtSearch450 {
    width: 438px;
}
.txtSearchVeci {
    width: 550px;
}


/* MOJE NESTO */
.btn
{
    text-align:right;
}
.btn p { margin:0;}

#errorDiv,#infoDiv,#dialog
{
    height:20px;    
    vertical-align:middle;
    display:none;
    padding:3px 5px;
    font-weight:bold;
    width:99%;
}

#errorDiv div, #infoDiv div { float:left;}

#kanvas 
{
    width:320px;
    height:280px;
    
    float:right;
}
canvas { border:solid 1px #CCC; float:right; margin-bottom:10px; display:none;}


#kanvas #buttons { float:right; }

.slikaz
{
    width:150px;
    height:200px;
    background-image:url(/content/images/slikaz.gif);
    border:solid 1px #CCC;
    float:right;
    display:none;
}

.slikam
{
    width:150px;
    height:200px;
    background-image:url(/content/images/slikam.gif);
    border:solid 1px #CCC;
    float:right;
    display:none;
}

.jtable { width:60%; }
.jtablePr { width:90%; margin:0; padding:0; }
.jtable th, .jtablePr th { width:25%; }
.jtable td, .jtablePr td { width:70%; }


.tableRez, .labTable, .tableZak { width:100%; }

.tableRez th, .tableZak th, .labTable th
{
   border: 1px solid #CDD5DA;
   background: #F6F6F6 url(/Content/themes/blitzer/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
   font-weight: bold;
   color: #111;
}

    .tableRez tr:hover, .tableZak tr:hover {
        border: 1px solid #FCD3A1;
        background: #FBF8EE url(/Content/themes/blitzer/images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x;
        color: #05bd84;
        cursor: pointer;
    }

.tableRez td a, .tableRez td a:hover,.tableZak td a, .tableZak td a:hover { font-weight: bold; color: #004276; text-decoration:none; }

.tableZak a:hover { font-weight: bold; color: #0067B6; }

.tableL, .tableL tbody { width:100%; border: solid 1px white; display:table;}
.tableL h3, .tableL h2 { padding:0px; margin: 0px; }
.tableL td img { text-align:right; }
.tableL td { vertical-align:middle; cursor:pointer;}
.head {
    background-color: #05bd84;
}
.head h2 { color:#FFF;}

.floatLeft { float:left; }
.floatRight { float:right; }
.toggle { float:left; width:100%; }

#pretraga
{
    width:98%;
    border: #CCC 1px solid;
    padding:10px;
    margin-bottom:20px;
    /*font-weight:bold;*/
    
}

.red {
    color: #c00; font-weight:bold;
}

.green {
    color: green; font-weight:bold;
}

.bold { color:#111; font-weight:bold; }

.centar { text-align:center; }

.loader
{    
    width:100%;
    display:none;
}


.desno { text-align:right; }

#right-sidebar-content { padding:10px; overflow:scroll; height:93%}

.logged_user { float:right; padding:20px 10px; color:white; text-align:right; }
.logged_user a { color:white; text-decoration:none; font-weight:bold;}
.logged_user a:hover { text-decoration:underline; }


#zak, #preglediNaDan
{
    width:80%;
    float:left;
}

.slikeIndex
{
     float:right;
     width:505px;
}

.slikeIndex img { border:solid 1px Maroon; padding:0px; margin:0px; float:left;}

#filter
{
    width:17%;
    float:left;
    padding-left:2px;
}
#filter h1 { font-size:14px; color:#111; margin:0; padding:0; /*border-bottom:solid 1px #cdd5da;*/ }

.crnaSlova
{
    font-size: 0.95em;
    color: #000;
    font-weight: bold;
    font-family: Arial, Tahoma, Helvetica, sans-serif, Times, serif, Calibri;
}

.icons
{
    padding-top:5px;
    padding-left:5px;
    float:left;
    cursor:pointer;
}

.h20padding 
{
    width:90%;
    padding:20px;
    border:#CCC 1px solid;
}

.R, .S, .I
{
    width:15px;
    float:left;
    margin-left:3px;
    font-weight:bold;
    margin-top:2px;
    padding-top:2px;
    padding-left:5px;
    padding-bottom:2px;
    border: solid 1px #CCC; 
}

.I { width:12px; padding-left:8px; margin-right:5px; }

.R:hover, .S:hover, .I:hover
{ border: solid 1px #cc0000; background-color:#cc0000; color:White; }

th.rotatedx {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

    th.rotatedx > div {
        transform:
        /* Magic Numbers */
        translate(25px, 51px)
        /* 45 is really 360 - 45 */
        rotate(315deg);
        width: 30px;
    }

        th.rotatedx > div > span {
            border-bottom: 1px solid #ccc;
            padding: 5px 10px;
        }