html{
    background:url(../images/content_bg.jpg) repeat-x;
}
body{
  font : 76%/160% Tahoma, Verdana, Arial, sans-serif; text-align:center;
}
h1 {
  height:30px; text-align:center; color:#fff; border-bottom:4px solid #888;
  font-weight:bold; font-size:16px; background-color:#006561;letter-spacing:2px;
  padding-top:10px;
}
h2{
    font-size: 18px; padding: 5px;
}
a{text-decoration:none; padding:0; margin:0; outline:none;}


.clear{
	line-height:1px; font-size:1px; display:block;clear:both;visibility:hidden; height:1px;
}
.right{
    float:right;
}
.left{
    float:left;
}
/*-----------INPUT-------------------------------------*/
input, select, textarea { width : 95%; margin:2px; padding : 3px; border:1px solid #209220;
        font : 110% Tahoma, Verdana, Arial, sans-serif;}
        
input.auto-width {
	width: auto;
}

input:hover,select:hover {border-color: #ccc;}

input:focus,select:focus {border-color: #601059;}

textarea{resize: none}

.tdFrmSubmit{text-align:left;}
.tdFrmSubmit input{width:70px;}

.tdFrmSubmit.inline input {display: inline-block; width:auto;}

.datepicker {
    width:100px; float:left; position:relative;
}
#ui-datepicker-div{
    z-index:100;
}
/*----------- END INPUT-------------------------------------*/
a.btn_active {text-decoration:none; padding:5px;
 background-color:#dfdfdf; margin:2px; border:1px solid #adadad; outline:none;
}
.actionTable a, a.btn{
  text-decoration:none; background-color:#61B7CF; padding:3px;
  border:1px solid #519600; color:#000;
}
.actionTable a:hover, a.btn:hover{ border:1px solid #fff; }
.containerTable, .listTable {
   border-top:4px solid #057D9F; margin:10px auto;
}

.listTable tr:hover{
    background-color:#EFF8FF;
}
.listTable{
    /*width:990px;*/
    width: 100%;
}
/*.listTable a {
    margin:0 3px;
}*/
.listTable td,.actionTable td{
    padding:3px 3px; border-bottom:1px solid #83B2BF; border-right:1px solid #C3D9DF;
    font-size:11px; text-align: left;
}
.listTable th, .containerTable th, .actionTable th{
    padding:3px; font-weight:bold; background-color:#025167; color:#fff;
    text-align:center; font-size:11px;
}
.listTableClean{
    border-top:4px solid #057D9F;
}
.listTableClean td{
    padding:3px; border:0px;
}
.listTableClean th{
    padding:4px; font-weight:bold; background-color:#025167; color:#fff;
    text-align:center;
}
.tableGraySlim td{
    padding:4px; border-bottom:1px solid #aaa; font-size: 11px;
}

.tableGraySlim th{
    padding:1px; font-weight:bold; background-color:#999; color:#fefefe;
    text-align:center; border-top:1px solid #057D9F;
}
.tableGraySlim tr:hover{
    background-color:#efefff;
}
.tableGraySlim tr.checked{
    background-color:#D7E7F0;
}
.tableGraySlim td.ucenik_data{
    border-bottom:1px solid #aaa;
}
.tableGraySlim input{
    width:40px;
}
.containerTable{
    width:800px;
}
.containerTable .actionTable{
    width:100%; height:100%;
}
.containerTable .columnLeft, .containerTable .columnRight{
    width:50%; height:100%;
}
.containerTable .columnLeft .label{
    width:40%;
}
.containerTable .columnRight .actionTable tr{
    padding:0; text-align:center;
}

/*======== MENU =================== */
#navigation { width:100%; height:50px; position:relative;}

#jsddm{
    margin:0 auto; height:50px; position:relative; z-index:10;
}

#jsddm li {
    width:100px; background-color:#888; display: inline-block; font-size: 11px;
    margin:0 5px; height:27px; border-bottom:2px solid #000;
}
#jsddm li:hover {
    background-color:#aaa;
}
#jsddm li a{
    color:#fff; text-decoration:none; font-weight:bold; display:block;
    padding:3px 0px 0px 0px; border:0px; text-align:center;
}
.current_active {
    background-color:#aaa !important;
}
.au_line:hover{
    text-decoration:underline;
}
a.au_line_active {
  background-color:#dfdfdf; padding:2px; margin:2px; border:1px solid #adadad; outline:none;
}
#jsddm ul.subMenu li{
    margin:0;
}
ul#events a{
	text-align:left; padding:0 6px;
}
/*======== END MENU =============== */
ul.menu_type { margin:0 auto; width:200px; padding:5px 0;}
ul.menu_type li{display:inline-block; margin:5px 0; background-color: #fefefe;}
ul.menu_type li a{ padding: 10px 8px; display: block; color:#555; font-weight: bold; border-bottom:2px solid #999;}

ul.menu_type li a:hover{
 background-color:#efefef;
}
a.sub_active {text-decoration:none;
 background-color:#dfdfdf; outline:none;
}
.sub_menu_container{
    width:1000px; margin:0 auto; font-size: 11px; text-align: center;
    padding:5px; 
}

.additional_menu{ background-color:#DFDFDF; border-bottom:2px solid #999999;
   display:block; margin-left:55px; margin-top:-13px; position:absolute; text-align:left;
   width:433px;
}
.additional_menu li{float:left; padding: 5px;}
.additional_menu li a{ padding: 5px 3px; color: #606060;}
.additional_menu li a:hover{ text-decoration: underline; color: #222; }
.additional_menu li a.add_active{ text-decoration: underline; color: #222; }
.label{
    font-weight:bold; letter-spacing:1.5px; color:#333;
}

.listTable a {float:left; margin:0 3px;}

a.activate{width:25px; height:25px; background-image:url(../images/activate.png); display:block;}
a.deactivate{width:25px; height:25px; background-image:url(../images/deactivate.png); display:block;}
a.edit {width:25px; height:25px; background-image:url(../images/edit.png);}
a.list-add {width:25px; height:25px; background-image:url(../images/list-add.png);}
a.list {width:25px; height:25px; background-image:url(../images/list.png);}
a.delete {width:25px; height:25px; background-image:url(../images/bin.png); display:block;}

a.add,a.back {margin:0 auto;display:block; width:100px; height:26px;position:relative;}
a.add span, a.back span{
        position:absolute; width:70px; left:25px; top:3px; font-weight:bold;
        color:black;
}
a.add img,a.back img {position:absolute; left:0; top:0;}

select.time { width:60px;}

span.logout {position:absolute; right:50px; top:-30px; color: white;}
span.logout a{color: white;}
span.logout a:hover{color: white; text-decoration: underline;}

.additionalInfo{width:400px; height:100px; padding:5px;}
.modul_check{ width:30px; margin:0 5px;}
.modul_link{width:100px; border:1px solid #444; border-style:none; }


#holder{
    width:950px; padding:10px; border:1px solid black; margin:0 auto;
}

.user_profile{
    float:left; text-align:left; margin-left:20px; margin-bottom:20px;
}
.user_profile h4{
    font-size:13px; color:#5d5d5d; display:block; margin:3px;
}
.user_profile h4 span{
    color:#19447D; font-weight:bold;
}
.field_container{
    background-color:#D1DCDF; border:1px solid #AAA; padding:10px;
}
.no_padding{padding:0px !important;}
.hidden {visibility:hidden;}
.none {display:none;}

#classes_result{text-align:left;}

#filter{
    width:950px; position:relative; margin:0 auto;
}
#filter_prasanja{
    width:950px; position:relative; margin:0 auto;
}
#filter_temi{
    width:550px; position:relative; margin:0 auto;
}
.filter_fields{
    width:950px; position:relative; 
}
.filter_fields li{
    height:49px; width:220px; text-align:left; float:left;
}
.filter_fields li input,.filter_fields li select{
    width:190px;
}
#filtriraj{position:absolute; right:0; top:20px; padding:2px; cursor:pointer;}

.small_btn{ width:50px;}

.ml10{ margin-left:10px;}

#notify_message{
    width:600px; margin:0 auto; background:#E0ECEF url('../images/info.png') no-repeat 5px 2px;
    border:1px solid #27859F; font-weight:bold; padding:8px; color:#00313F;
}

.popup_container{
    position:absolute; top:0px; left:0px; display:block; padding:10px;
    background:rgba(12, 48, 95, 0.4); z-index:10;
}
.popup{
    background-color:#eaeaea; border:3px solid #025167; padding:13px; position:relative;
    width:290px;

}

.popup_container label {display:block;}
.popup_container label span{
    display:block; text-align:left; padding-left:15px; color:#6d6d6d; font-family:Verdana;
}
.popup legend{
    font-size:18px; font-weight:bold; color:#6d6d6d; padding-bottom:20px;
}
.column{
    width:400px;height:180px; float:left;
}
.notification{
    width:350px; height:100px;
}
.otsustvo_di{position:relative; cursor: pointer;}
.otsustvo_info{
    position:absolute; z-index:100; border:1px solid #acacac; background-color:#fefefe;
    padding:4px; cursor:pointer; width:120px;
}

#zatvoranje_godina{
    display:block; width:120px; height:30px; border:3px solid #057D9F;
    background-color:#025167; color:#fff; padding-top:10px; font-weight:bold;
    cursor:pointer;
}
#zatvoranje_godina:hover{
    border:3px solid #95DCEF;
}
#main_container{
    margin:0px auto; text-align: center; width: 1000px; overflow: hidden;
}

.sub_table{
    width: 100%;
}
.sub_table td{
    border: none; text-align: left; width: 80px;
}
.sub_table tr.sub_table_row0{background-color:#efefef;}
.sub_table tr.sub_table_row1{background-color:#cfcfcf;}

.pointer{cursor: pointer;}

.delete_small{
    margin-top: 2px; float:right; display:block; width:12px; height:12px; background-image: url(../images/delete_small.png);
}

.profile_pic{
    width:150px; height: 204px; border: 1px solid #6d6d6d; margin: 4px;
}

.listTable td.alright{ text-align: right;}

.red_info{color:#c30;}
.green_info{color:#080;}

#email_profile_box{
  position: relative;
}
#email_profile_box .part {
    width:100%; overflow: auto; margin: 0 auto;
}
#email_profile_box input{
     width: 20px;
}
#container{
    margin: 10px auto; width: 900px; border-top:4px solid #057D9F;
    padding: 20px;
}
.actions_container{
    text-align: left; margin-bottom: 5px;
}

dl.licniPodatoci{
    float:left; width: 170px; text-align: left; margin-left: 10px; padding-left: 7px;
}
dl.licniPodatoci dt{
    font-size:11px; color:#666;
}
dl.licniPodatoci dd{
     margin-top: -4px; color:#000; font-size:11px; margin-bottom: 5px;
}

.izvestai_holder_title{
    display: block; text-align: left;
}
.izvestai_holder{
    max-height: 400px; overflow: auto; display: none; width: 100%;
}

table.izvestaiTable {width: 100%;}
table.izvestaiTable th{padding: 2px;}
table.izvestaiTable td{ text-align: left;}

.filter_group{
    width: 229px; margin: 3px; text-align: left; border: 1px solid #ddd; font-size: 10px;
    float: left; background-color:#FEFEFE;
}
.filter_group_title{
    text-align: center; color: #555555; padding: 3px; background-color: #ddd;
    font-weight: bold; font-size: 12px;
}
.filter_element{
    border-bottom: 1px solid #e1e1e1; padding:2px 5px;
}
.filter_element.active{
    background-color:#C3DFDD;
}
.filter_element.active:hover{
    background-color:#C3DFDD;
}
.filter_element:hover{
    background-color: #eaeaea;
}
.filter_element input{
    float: right;
}

.elements_holder{
    height: 200px; overflow: auto;
}

.gray_filter{
    background-color: #bbb;
}
.filter_nav{
    padding: 3px;
}
.clear_btn{
    background-color: #006561; padding: 3px; margin: 3px; display: block; float: left;
    border: 1px solid #009961; color: #fff; width: 150px; font-weight: bold;
}
.clear_btn:hover{
    background-color: #2C8F8B;
}

.loading_hover{
    width: 100%; height: 100%; background-color: #fff; opacity:0.4;
    position:absolute; z-index: 100; top:0; left:0; 
}
.loader_gif{
    position:absolute; z-index: 110; padding: 10px; padding-right: 70px;
    background: url('../images/ajax-loader_hr.gif') no-repeat 270px 15px;
    background-color: #fdfdfd; left:0; top:0; color: #888;
    border: 5px solid #aaa;
}

#izbran_filter_holder, #summary{
    text-align: left; font-weight: bold; padding: 3px;
}
#izbran_filter, #summary_data{
    font-weight: normal;
}

div.stats_element{
    border:1px solid #ccc; border-right: none; padding: 5px 0 0 15px; 
    text-align: left; margin-bottom: 10px; color: #555;
}
div.stats_container{
    position: relative;
}
div.stats{
    float:left; width: 280px; margin: 3px 5px 3px 0; padding: 3px; border: 1px solid #aaa;
}
div.grade_stats{
    display: block;
}

.prev_title{
    font-size: 10px;
}
.cur_title{
    font-size: 12px; font-weight: bold;
}
.stats_header h3{
    font-weight: bold; text-align: center; background-color: #e8e8e8;
}
.level0{
    background-color: #e8e8e8;
}
.level1{
    background-color: #f1f1f1;
}
.level2{
    background-color: #f9f9f9;
}
.level3{
    background-color: #fff;
}

.baner{width: 450px; height: 53px !important; padding: 10px; overflow: hidden; background-color: #efefef;}
div.baner h1{font-size: 24px; padding:0px; margin:0px 0px 2px 0px !important; border: 0; background-color: transparent; color: #555; height: auto !important; font-weight: bold;}
div.baner h2{font-size: 20px !important;  padding: 0px; margin:0px 0px 2px 0px !important;}
div.baner h3{font-size: 16px !important;  padding: 0px; margin:0px 0px 2px 0px !important; color: #555 !important; font-weight: bold !important; font-family: "Arial", sans-serif !important;}
div.baner p{margin:0px; line-height: 17px;}
div.baner {font-size: 12px; text-align: left;}

#pagination a, #pagination strong {
	background: #e3e3e3;
	padding:  4px 7px;
	text-decoration: none;
	border:1px solid: cac9c9;
	color: #292929;
	font-size: 13px;
}
#pagination strong, #pagination a:hover  {
	font-weight: normal;
	background: #cac9c9;
}
#top_menu{
	
	text-align: center;
}

tr.odgovor td{
	border-right: none;
}
.tocni{
	background-color: #01DF74;
}
.netocni{
	background-color: #FA5858;
}
.total_prasanja{
    width:600px; margin:0 auto; background:#E0ECEF url('../images/info.png') no-repeat 5px 2px;
    border:1px solid #27859F; font-weight:bold; padding:8px; color:#00313F;
}
.answerWidth {
	width: 10%;
}

.nbrAnswers {
	width: 5%;
	
}
.genAnsTextField {
	
}