@import "ui-lightness/jquery-ui-1.7.2.custom.css";

.eplxSlide {
   display: none;
   clear: both; 
}

.eplxSubslide {
   display: none;
}

.fw-hidden {
   display: none;
}

/* disabled */
a.linkButton.disabled {
   background-color: #808080;
   color: #c0c0c0;
   cursor: default;
}

/* popup contents */
.selectOneOf {
   margin: 1.5em 6px;
}

.selectOneOfTitle {
   font-weight: bold;
}

.selectOneOf .popupCont {
   padding-top: 5px;
   padding-bottom: 5px;
   overflow: hidden;
}

/* POPUPS */ /* Z-index of #mask must be lower than #boxes .window */
#mask {
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   z-index: 9000;
   background-color: #d8d8d8;
   display: none;
}

.popupImpl {
   display: none;
   position: fixed;
   min-width: 656px;
   display: none;
   z-index: 9999;
   padding: 20px;
   background: white;
   border: thin solid #888;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 5px;
   -moz-box-shadow: 0 0 30px #888; 
   -webkit-box-shadow: 0 0 30px #888;
   box-shadow: 0 0 30px #888;
}

.popupImpl .popupContent {
   overflow: auto;
   max-width: 820px;
}

.popupImpl .popupCloseWin {
	background-image:url(../images/close.png);
	position:absolute;
	left:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.popupImpl .popupDragHandle {
   background-color:transparent;
   position:absolute;
   left:0;
   top:0;
   cursor:move;
   height:20px;
   width:100%;
}

.popupImpl h1 {
   font-size: 1.2em;
   margin-bottom: 0.75em;
   color: #111;
   font-weight: bold;
}

/* Customize your modal window here, you can add background image too */
#dialog {
   width: 375px;
   height: 203px;
}

/* centering */
.centered {
   margin-left: auto;
   margin-right: auto;
}

img.centered {
   display: block;
}

/* tables */
table.tableBorders {
   border-color: #303030;
   border-style: solid;
   border-width: 1px 2px 2px 1px;
}

table.tableBorders td {
   border-top: 1px solid #303030;
   border-left: 1px solid #303030;
}

table.tableBorders table td {
    border: none;
}
table.tableBorders table.tableBorders td {
   border-top: 1px solid #303030;
   border-left: 1px solid #303030;
}

td.tdHighlight {
   background-color: white;
   font-weight: bold;
}

/* za ucitelje */

#teacher-frame {
   display: none;
   width: 200px;
   height: 250px;
}

.fw-teacher {
   display: none;
}

#teacher-frame .fw-teacher {
   display: block;
} 

.teacher-dialog {
   border: 1px solid #888;
   -moz-box-shadow: 0 0 20px #888; 
   -webkit-box-shadow: 0 0 20px #888;    
}

/* kazalo */

ul.slidemenuUL {
   padding-left: 0.5em;
}
ul.slidemenuUL ul.slidemenuUL {
   padding-left: 1.5em;
}
ul.slidemenuUL li {
   list-style: none;
}
ul.slidemenuUL li.slidemenuSublst {
}
ul.slidemenuUL .slidemenuSubtitle {
   font-weight: bold;
}

/* image caption */

caption.imageCaption {
   font-family: sans-serif; 
   font-size: 80%;
   text-align: center;
   vertical-align: bottom;
   background-color: inherit;
}

caption.figureCaption {
   font-family: sans-serif; 
   font-size: 80%;
   text-align: center;
   vertical-align: bottom;
   background-color: inherit;
}

.fwjust-justified, p.fwjust-justified, li.fwjust-justified {
   text-align: justify;
}
.fwjust-flushleft, p.fwjust-flushleft, li.fwjust-flushleft {
   text-align: left;
}
.fwjust-flushright, p.fwjust-flushright, li.fwjust-flushright {
   text-align: right;
}
.fwjust-centered, p.fwjust-centered, li.fwjust-centered {
   text-align: center;
}

/* notes */

#notes-frame {
   display: none;
   position: relative;
   width: 200px;
   height: 250px;
   overflow: hidden;
}

#notes-frame textarea {
   width: 100%;
   height: 95%;
   margin: auto;
}

.notes-dialog {
   border: 1px solid #888;
   -moz-box-shadow: 0 0 20px #888; 
   -webkit-box-shadow: 0 0 20px #888;    
}

/* comments */
.comment_list {
   max-height: 200px;
   overflow: auto;
   margin-top: 4px;
   border-top: 1px solid #eee;
}
.comment_element .left_section {
   color: gray;
   width: 100px;
   float: left;
}
.comment_element .right_section {
   float: left;
   max-width: 520px;
}
.comment_element .author {
   margin-top: 6px;
   font-style: italic;
}
.comment_element .delim {
   clear: both;
   border-bottom: 1px solid #eee;
   margin-top: 4px;
   margin-bottom: 4px;
}

/* printing */
#icons-big-print {
   display: none;
   position: fixed;
   top: 4px;
   right: 4px;
   width: 64px;
   height: 64px;
   /* decoration */
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 0 30px #888; 
   -khtml-box-shadow: 0 0 30px #888; 
   -webkit-box-shadow: 0 0 30px #888;
   box-shadow: 0 0 30px #888;
   /* specific */
   border: 1px solid #aaa;
   background: url(../images/printer-off.png) center no-repeat;
   background-color: #ccc;
}
#icons-big-print:active, 
#icons-big-print:hover {
   cursor: pointer;
   border: 1px solid #bbb;
   background-image: url(../images/printer.png);
   background-color: #ddd;
}
@media print {
   #icons-big-print {
      display: none !important;
   } 
}

/* info box */
.info-box {
  position: relative;
  text-align: left;
  margin: 0.5em 0;
  padding: 8px 13px;
  /* background-color: #fafafa; */
  background-color: #FFFFFF;
  /* border */
  border: 1px solid #D6D6D6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.icon-info {
  position: absolute;
  background-image: url(../images/icon-info.png);
  top: -9px;
  left:  11px;
  width: 16px;
  height: 17px;
}

.info-box h2 {font-size: 1.4em; font-weight: bold;}
.info-box h3 {font-size: 1.2em; font-weight: bold;}
.info-box h4 {font-size: 1em; font-weight: bold;}

/* styling for print/screen */

.print-only {
    display: none;
}
.screen-only {
}