@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	/*"Palatino Linotype", "Book Antiqua", Palatino, serif; //100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	*/
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
}
/*this is to stop copy and paste directly from web page*/
html {
  -webkit-user-select: none;
  -khtml-user-drag: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* ~~ Element/tag selectors ~~ */

/*
div.jqx-widget-content.jqx-widget-content-ui-mysunny.jqx-ribbon-content-section.jqx-ribbon-content-section-ui-mysunny.jqx-ribbon-content-section-top.jqx-ribbon-content-section-top-ui-mysunny {
	overflow: hidden;
}
*/

	/* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */

ul, ol, dl {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	line-height:1.2em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.jqx-tabs-title {
	padding-left: 4px;
	padding-right: 4px;
}

li.subItem {
	padding-left: -2em;
	margin-left: -2em;
	padding-top: 0.5em;
}
li.closeLines {
	padding-left: -2em;
	margin-left: -2em;
	margin-top: 0em;
}
li.closeLinesSub {

	margin-top: -0.5em;
}
img.centered {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

video.centered {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom:0;
	padding-right: 0px;
	padding-left: 8px;
	font-family: Verdana, Geneva, sans-serif;

}

h1 {
	font-size: 1.5em;
}
h4 {
	font-size: 0.9em;
	font-style:italic;
	font-weight:bold;
}
h5 {
	text-decoration:underline;
}

p {
	font-size: 0.9em;
	line-height:1.5;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

p.quote {
	float:left;
	line-height:1.1;
	font-size: 0.6em;
	text-align: justify;
	padding-right:10px;
}

p.followList {
	margin-top: -2em;
}

p.downloadLinks {
	margin-top: -15px;
}

pre {
	margin-top:-5px;
	margin-bottom:-5px;
	font-family: monospace;
	font-size: 0.8em;
	line-height: 1;
	background-color: #EEE;
}

code {
	color: #C93;
}


.emphasisItalic {
	font-style:italic;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #0000FF; /*color: #42413C; */
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
a.ref {
	font-size: 0.9em;
	line-height:1.5;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
p.hangingIndent {
	font-size: 0.9em;
	line-height:1.5;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
    padding-left: 50px ; /*this and next line for the hanging indent effect */
    text-indent: -50px ;
}
/* ~~ This fixed width container surrounds all other divs ~~ */
/* the auto value on the sides, coupled with the width, centers the layout */
.container {
	width: 1200px;
	background-color: #fff;
	background: #ccc url(/assets/fauxCols.png) repeat-y 50% 0;
	margin: 0 auto -2em;

}


/* ~~ The header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo. ~~ */
.header {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: -20px;
	color: #CCC49F;
	background-color: #DFDFDF;
	animation: bottomflat 3s infinite alternate;
}

@keyframes bottomflat {
	100% {background-color: #CCC49F;}
}

.header p {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #fff;
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
    font-size: 43px;
	font-weight: bold;
}

.sidebar1 {
	float: left;
	width: 180px;
	background-color: #E3DFCA;
	padding-top:0px;
	padding-bottom: 5px;
	padding-left:2px;
	padding-right:2px;
}
.content {
	padding: 10px 0;
	width: 660px;
	float: left;
}
.sidebar2 {
	float: right;
	width: 356px;
	background-color: #E3DFCA; /* #EADCAE; */
	position: relative;
	z-index:1;
}

.siteSearch {
	position: relative;
	z-index:2;
}


/* ~~ This grouped selector gives the lists in the .content area space ~~ */
/* the next selector breaks jqwidgets panels
/* .content ul, .content ol {
	padding: 0 15px 15px 40px;
} */

/* ~~ The footer styles ~~ */
 .footer {
	padding: 1em 0;
	background-color: #E3DFCA;
	font-size:0.7em;
	width:100%;
	position: relative;
	z-index:1;
	clear: both;
}

.RegistrationError p {
	margin: 0px 0px 0px 12px;
	font: 14px Helvetica, Arial, sans-serif;
	color: #F00;
}

.myPanel {
	background: #EADCAE;
	background: -webkit-linear-gradient(#FFFFFF, #EADCAE);
	background: -ms-linear-gradient(#FFFFFF, #EADCAE);
	background: -moz-linear-gradient(#FFFFFF, #EADCAE);
	background: -o-linear-gradient(#FFFFFF, #EADCAE);
	margin: 3px;
	padding: 3px;
	border-radius: 10px;
}

.input-error {
	color:  #ff0000;
	margin: 3px;
	padding: 3px;
	border-radius: 10px;
	border-color: ff0000;
	border-style: solid;

}
/*
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    font-size: 20px;
    background-color: #eee;
}

input[type=checkbox]:checked:after {
    position: relative;
    bottom: 3px;
    left: 1px;
    color: blue;
    content: "\2713";
}
*/
/*-------------------------------------- VERTICLE DROP DOWN MENU ----------------------------------------------*/
#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align: baseline;
	line-height: 1;
}
#cssmenu > ul { /* The container */
	display: block;
	position: relative;
	width: 160px;
	z-index:1000;
}
#cssmenu > ul li { /* The list elements which contain the links */
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 160px;
}
#cssmenu > ul li a { /* General link styling */
	/* Layout */
	display: block;
	position: relative;
	border: 1px solid #666;
	border-top: 1px solid #fff;
	padding: 11px 20px;
	width: 135px;
	/* Typography */
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	font-size: 12px;
	font-weight: 900;
	/* Background & effects */
	background: #EADCAE;

	background: -webkit-linear-gradient(#FFFFFF, #EADCAE);
	background: -ms-linear-gradient(#FFFFFF, #EADCAE);
	background: -moz-linear-gradient(#FFFFFF, #EADCAE);
	background: -o-linear-gradient(#FFFFFF, #EADCAE);

}

#cssmenu > ul li:first-child>a { /* Rounded corners for the first link of the menu/submenus */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid #666;
}
#cssmenu > ul li:last-child>a { /* Rounded corners for the last link of the menu/submenus */
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a { /* The hover state of the menu/submenu links */
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	background: #CCCCCC;
	background: -webkit-linear-gradient(bottom, #EADCAE, #000);
	background: -ms-linear-gradient( left, #EADCAE, #000);
	background: -moz-linear-gradient(bottom, #EADCAE, #000);
	background: -o-linear-gradient(bottom, #EADCAE, #000);
	border-color: transparent;
}
#cssmenu > ul .has-sub>a::after { /* The arrow indicating a submenu */
	content: '';
	position: absolute;
	top: 16px;
	right: 6px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
	border: 6px solid transparent;
	border-left: 6px solid #000; //#3dafea;
}
#cssmenu > ul .has-sub>a::before { /* The same arrow, but with a darker color, to create the shadow effect */
	content: '';
	position: absolute;
	top: 17px;
	right: 6px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}
#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after { /* Changing the color of the arrow on hover */
	border-left: 8px solid #fff;
	right: 4px;
}
#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
	border-left: 8px solid rgba(0, 0, 0, .25);
	right: 4px;
}
/* THE SUBMENUS */
#cssmenu > ul ul {
	position: absolute;
	left: 172px;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .4s ease-in;
	-moz-transition: opacity .4s ease-in;
	-o-transition: opacity .4s ease-in;
	-ms-transition: opacity .4s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover>ul {
	top: 0px;
	opacity: 0.95;
}

/*-------------------------------------- BREADCRUMB MENU ----------------------------------------------*/
#breadcrumbs-one{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 1px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
  font-size:0.65em;
}
#breadcrumbs-one li{
  float: left;
  list-style:none;
}
#breadcrumbs-one li.noLinkFirst,#breadcrumbs-one li.noLinkLast {
  padding: .2em 0em .2em 1.5em;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #f5f5f5;
}
#breadcrumbs-one li.noLinkLast {
  background-color: #eee;
}
#breadcrumbs-one a{
  padding: .2em 1em .2em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
#breadcrumbs-one a:hover{
  background: #fff;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.0em;
  border-top: 1.0em solid transparent;
  border-bottom: 1.0em solid transparent;
  border-left: 1em solid;
  right: -1em;
}
#breadcrumbs-one a::after{
  z-index: 2;
  border-left-color: #ddd;
}
#breadcrumbs-one a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}
#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}

/* --------------------------------  Special for Math and Chemistry */
/* .eq-l, .eq-c, .eq-tab {
	line-height: 1.4;
	padding: 0.25em 0.5em;
	font-size: 0.9em;
}
.eq-l {text-align: left;}
.eq-c {text-align: center;}

.eq-c  i {
	letter-spacing: 1px;
}
.eq-tab {
	padding-left: 50px;
	text-align: left;
}
.dblarrow {
	font-size: 125%;
	top: -0.4ex;
	margin: 0 2px;
}
.dblarrow:after {
	content:"\2190";
	position: absolute;
	left: 0;
	top: 0.5ex;
} */

/* ------------------------------  specific css 4 CHEM/MATH PAGES  ------------------------------ */
/* .eqweb .ycols6 {
	padding: 2px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}
.eqweb {
	margin-top: 1em;
	background: #efefef;
	border-bottom: 1px solid #0cc;
}
.eqweb h4 {
	width: 100%;
	background: #ddd;
	box-shadow: 2px 2px 2px #888;
	text-align: center;
	margin: 0;
	padding: 3px;
}
.eqweb  pre,
.eqweb  .kod {
	padding: 10px;
}
.eqweb  table {
	height: 100%;
	border-bottom: 1px solid #0cc;
}

.eq-final {
	padding: 10px;
	text-align: center;
	width: 50%;
	margin: auto;
	background: #fff;
	border: 1px solid #0cc;
} */

/* -----------------------         Razlomci         */
/* .fraction {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.2em 0.4ex;
	text-align: center;
}
.fraction > span {
	display: block;
	padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;} */

/* -----------------------    Oksidacijski brojevi  */
/* .sy, .sy-r, .sy-g, .sy-b {
	text-align: center;
}
.sy-r {color: #f00;}
.sy-g {color: #4f8c4f;}
.sy-b {color: #00f;}
.oxbr, .oncapital, .onsmall  {
	position: absolute;
	top: -1em;
	left: 0px;
	width: 100%;
	font-size: 70%;
	text-align: center;
}
.onsmall  {
	top: -0.7em;
} */

/* -----------------------     Limit of function    */
/* .limes {
	display: inline-block;
	margin: 0 0.2em;
	vertical-align: middle;
	text-align: center;
}
.limes > span {
	display: block;
	margin:-0.5ex auto;
}

.limes span.numup,
.limes span.overdn {
	font-size: 70%;
} */

/* ----------------------       Strelice          */
/* .rarrow {
	position: relative;
	font-size: 125%;
	font-family: serif;
	top: -0.5ex;
	margin: 0px 2px;
}
.larrow {
	position: absolute;
	left: 0px;
	top: 0.8ex;
} */

/* ----------------------          Suma          */
/* .intsuma {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.intsuma > span {
	display: block;
	font-size: 70%;
}
.intsuma .lim-up {margin-bottom: -1.0ex;}
.intsuma .lim {margin-top: -0.5ex;}
.intsuma .sum {font-size: 1.5em;font-weight:lighter;}
.intsuma .sum-frac {font-size: 1.5em;font-weight:100;} */

/* -----------------------          Korijen         */
/* .radical {
	font-size: 1.6em;
	vertical-align: middle;
}
.n-root {
	position: absolute;
	top: -0.333em;
	left: 0.333em;
	font-size: 45%;
}
.radicand {
	padding: 0.25em 0.25em;
	border-top: thin black solid; */