/*******************************************************************
 styles_variable.css
  
 This CSS file contains all color definitions like 
 background-color, font-color, border-color etc.

 

*******************************************************************/

/***
 ***  Core
 ***/

a:link,
a:visited {
  /*color:#4498ca;*/
  color:#da2128;
  text-decoration:none; /**/
  border-bottom:1px dotted #da2128; /**/
}

a:hover {
  color:#333333;
  text-decoration:none; /**/
  border-bottom:1px dotted #333333; /**/
}

a.dimmed:link,
a.dimmed:visited {
  color:#777777;
  border-bottom:1px dotted #777777; /**/
}

a.dimmed:hover {
  color:#333333;
  border-bottom:1px dotted #333333; /**/
}

.menubar a:link,
.menubar a:visited,
.menubar a:hover,
/*
span.helplink a:link,
span.helplink a:visited,
span.helplink a:hover,
*/
div.calendar-controls a:link,
div.calendar-controls a:visited,
div.calendar-controls a:hover,
/*
span.commands a:link,
span.commands a:visited,
span.commands a:hover,
*/

/* da je sličica logotipa levo spodaj v footer-ju brez okraskov povezave... */
.footer a.bottomlogo:link,
.footer a.bottomlogo:visited,
.footer a.bottomlogo:hover {
  border-bottom:none; /**/
}

td.today a:link,
td.today a:visited,
td.today a:hover {
  border-bottom:none; /**/
  color:#ffffff; /**/
  font-weight:bold; /**/
}

.footer a:link,
.footer a:visited {
  color:#ffffff; /**/
  border-bottom:1px dotted #ffffff; /**/
}

.footer a:hover {
  color:#333333; /**/
  border-bottom:1px dotted #333333; /**/
}


body {
  /*background:#4faddc url('images/header-default.jpg') repeat-x center top;*/
  background:#f2f1ed url('images/theme-itak/background.png') no-repeat center top;
  margin-left:auto; 
  margin-top:0px;
  margin-right:auto;
  margin-bottom:40px;
  border-top:4px solid #671212; /**/
}

.surround {
  /*background:#e8e9ea;*/
  background:transparent;
  margin-left:auto; 
  margin-right:auto;
  width:1024px; /*960px;*/
  border-top:0px solid #ffffff;
  border-right:0px solid #ffffff;
  border-bottom:0px solid #ffffff;
  border-left:0px solid #ffffff;
}


div.headermenu 
{
	color:#ffffff;
}

/* barva povezav v desnem zgornjem kotu - headermenu... */
.headermenu a:link {
    color:#ffffff;
	border-bottom:1px dotted #ffffff; /**/
}
.headermenu a:visited {
    color:#ffffff;
	border-bottom:1px dotted #ffffff; /**/
}
.headermenu a:hover {
    color:#ff0000; /**/
	text-decoration:none; /**/
	border-bottom:1px dotted #ff0000; /**/
}


#logo { 
/*background:url('images/logos/logo.png') no-repeat left top; */
background:url('images/theme-itak/header.png') no-repeat left top; 
height:102px;
} 

/* ========== ========== GREGOR's Overrides ========== ========== */

#layout-table #left-column {padding-left:8px;}
#layout-table #right-column {padding-right:10px;}

body, table, td, th, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size:100%;
  letter-spacing:0em;
  color:#333333;
}

.mform { background-color:#ffffff !important; }

.navbar .first,
.navbar .sep { color:#da2128 !important; }

.navbar a:link,
.navbar a:visited {
 color:#da2128 !important;
 text-decoration:none;
 border-bottom:1px dotted #da2128; /**/
}
.navbar a:active,
.navbar a:hover {
 color:#333333 !important;
 text-decoration:none;
 border-bottom:1px dotted #333333; /**/
}

.sideblock { border-color:#d1d1d1; }
  
.sideblock .header,
h2.header {
  color:#333333 !important;
  background:#ffffff url('images/theme-itak/sideheader.png') repeat-x;
}

.sideblock .header, .sideblock h2 {
  font-size:0.9em;
  font-weight: bold;
}


.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#d1d1d1;
}

.categoryboxcontent,
.categorybox,
.generalbox,
.coursebox {
  border-color:#d1d1d1;
  background:#ffffff;
}

.coursebox .name {
  font-size:1.2em;
  font-weight:bold;
}

/* Slog vseh odsekov... */
#course-view .section td.left {
 border-top:1px solid #d1d1d1;
 border-left:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
 background-color:#ffcccc;
 color:#333333;
}

#course-view .section td.content {
 border-top:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
}

#course-view .section td.right {
 border-top:1px solid #d1d1d1;
 border-right:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
 background-color:#ffcccc;
 color:#333333;
}

/* Slog izbranega odseka... */
#course-view .current td.left {
 border-top:1px solid #d1d1d1;
 border-left:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
 background-color:#da2128;
 color:#ffffff;
}

#course-view .current td.content {
 border-top:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
}

#course-view .current td.right {
 border-top:1px solid #d1d1d1;
 border-right:1px solid #d1d1d1;
 border-bottom:1px solid #d1d1d1;
 background-color:#da2128;
 color:#ffffff;
}

div#footer div.footer {
 border:1px solid #d1d1d1; /**/
}

table.footer_panel {
 background-color:#808080; /**/
}

/* ==================================== */
/*   Mini koledar na desni, koledar na sredini  */
/* ==================================== */

.sideblock .minicalendar {
    background-position:top;    
    background-repeat:repeat-x;     
	background-color:#ffffff;
	border:1px solid #cccccc;
}

.sideblock .minicalendar th {
	color:#333333;
	font-weight:bold;
}

#clendar .day,
.minicalendar .day {
	color:#333333 !important;
	background-color:#ffffff;
	font-weight:normal !important;
}

#calendar .weekend,
.minicalendar .weekend {
	color:#ffffff !important;
	background-color:#000000;
	font-weight:bold !important;
}

#calendar .today,
.minicalendar .today {
  /*border-color:#426aab !important;*/
  border:2px solid #da2128 !important;
  background-color:#da2128 !important;
}

.sideblock .calendar-controls a { text-decoration:none; }
.sideblock .calendar-controls .current { background-color:#ffffff; /*#B4C8E8;*/ }

#calendar td.sidecalendar div.sideblock {
  border:1px solid #cccccc;
  background-color:#ffffff;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
	background-color:#ffffff;
	border:1px solid #cccccc; /*#426AAB;*/
	font-size:0.9em;
}

#calendar .minicalendarblock { font-size:0.9em; }

#calendar .maincalendar .filters table { margin-top:8px; }

#calendar .maincalendar .nottoday {
	background-color:#ffffff;
	color:#333333;
	font-weight:bold;
	border:1px solid #dddddd;
}

#calendar .weekend,
.minicalendar .weekend {
	color:#ffffff;
	font-weight:bold;
}

#calendar .maincalendar .weekend {
	background-color:#cccccc !important;
	color:#333333 !important;
	font-weight:bold;
}

#calendar .maincalendar .today {
	background-color:#da2128 !important;
	color:#ffffff !important;
	border:1px solid #da2128;
}

#calendar .calendarmonth {
	border:1px solid #cccccc;
}

#calendar .maincalendar .calendarmonth .weekdays {
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}

/* Barvanje dogodkov v koledarju */

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course,
.maincalendar .event_course,
.filters .event_course {
	border:1px solid #fb8d57 !important;
	background-color:#ffd3bd;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global,
.maincalendar .event_global,
.filters .event_global {
	border:1px solid #66d04a !important;
	background-color:#c7ffb8;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user,
.maincalendar .event_user,
.filters .event_user {
	border:1px solid #426aab !important;
	background-color:#b4c8e8;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group,
.maincalendar .event_group,
.filters .event_group {
	border:1px solid #fdbd1f !important;
	background-color:#fee7ae;
}

/* ========== ========== MENU Configuration ========== ========== */

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {

 z-index: 597;
 float: left;
}

/* meni na prvem nivoju... */
ul.dropdown li {
 float: left;
 /*line-height: 1.3em;*/
 line-height: 23px; /**/
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */


	/* First-level expected directory tag - li */

	ul.dropdown li {
	 padding: 2px;
	 
	}

	ul.dropdown *.dir {
	 padding-right: 30px;
	 background-image: none;
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}

		/* Non-first level */
		ul.dropdown ul *.dir {
		 padding-right: 15px;
		 /*background-image:  url(images/nav-arrow-right.png);*/
		 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
		 background-position: 100% 50%;
		 background-repeat: no-repeat;
		}

		ul.dropdown ul ul *.dir {
		 /*background-image:  url(images/nav-arrow-right2.png);*/
		 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
		}


	/* Components override */

	ul.dropdown-vertical *.dir {
	 /*background-image:  url(images/nav-arrow-right.png);*/
	 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	 /*background-image:  url(images/nav-arrow-left.png);*/
	 background-image:  url('images/theme-itak/arrow-left.gif'); /**/
	 background-position: 0 50%;
	}



/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */



	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	 /*font: 15px/normal Arial, Helvetica, sans-serif;*/
	 font: 14px/normal Verdana, Geneva, sans-serif; /**/
	}

		/* ozadje menijev na prvem nivoju... */
		ul.dropdown li {
		 /*background-color: #333;*/
		 background-color: transparent; /**/
		 color: #fff;
		}

		ul.dropdown li.hover,
		ul.dropdown li:hover {
		}

		/* Links */

		ul.dropdown a:link,
		ul.dropdown a:visited { color: #fff; text-decoration: none;}
		ul.dropdown a:hover {
		 /*border-top-color: #5db1e0 !important;*/
		 /*border-left-color: #5db1e0;*/
		 /*background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important;*/
		 background-color: #da2128; /**/
		 color: #fff;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 /*background-color: #4498ca;*/
		 background-color: #da2128; /* barva ibranega podmenija s podmenijem (puščico)... */
		 /*background-image:  url(images/comnav-arrowon.png);*/
		 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
		 color: #fff;
		}

		ul.dropdown a:active {
		 background: #222;
		 color: #fff;
		}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 width: auto;
		 /*margin-top: -1px;*/
		 margin-top: 0px; /**/
		 /*border-top: 1px solid #1a1a1a;*/
		 /*border-left: solid 1px #4c4c4c;*/
		 border: 1px solid #333333; /* robovi podmenijev na drugem nivoju... */
		 /*font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;*/
		 font: 14px/1em Verdana, Geneva, sans-serif; /**/
		}

			ul.dropdown ul li {
			 /*background-color: #3a3a3a;*/
			 background-color: #4c4c4c; /* barva ozadja podmenijev na drugem nivoju... */
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0px;
		 /*border-top: none;*/
		 /*border-left: none;*/
		 border: 1px solid #333333; /* robovi podmenijev na tretjem nivoju... */
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c; /* barva ozadja podmenijev na tretjem nivoju... */
			}

		ul.dropdown ul ul ul li {
		 /*background-color: #595959;*/
		 background-color: #4c4c4c; /**/
		 border: 1px solid #333333; /* robovi podmenijev na četrtem nivoju... */
		}



/* Mixed */

/* robovi okoli vsakega elementa na prvem nivoju... */
ul.dropdown li a,
ul.dropdown *.dir {
 /*border-style: solid;*/
 border-style: none; /**/
 /*border-width: 1px;*/
 border-width: 0px; /**/
 /*border-color: #404040 #1a1a1a #1a1a1a #505050;*/
}

ul.dropdown ul li a,
ul.dropdown ul *.dir {
 /*border-color: #4a4a4a #242424 #242424; border-left: none;*/
 border: none; /* rob okoli vsakega elementa na drugem nivoju... */
}

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir {
 /*border-color: #595959 #333 #333;*/
 border: none; /* rob okoli vsakega elementa na tretjem nivoju... */
}

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir {
 /*border-color: #767676 #404040 #404040;*/
 border: none; /* rob okoli vsakega elementa na četrtem nivoju... */
}



/* Custom elements */

/* širina menijev na prvem, drugem in tretjem nivoju... */
#n-left { width: auto; text-align: center; }
#n-left ul { right: auto; left: 0; width: 200px; text-align: left; }
#n-left ul ul { left: 200px; width: 150px; }
#n-left ul a { width: 184px; }
#n-left ul a.dir { width: 162px; }
#n-left ul ul a { width: 133px; }
#n-left ul ul a.dir { width: 111px; }
#n-left ul ul ul { left: 100%; }

#n-right { width: auto; text-align: center; }
#n-right ul { right: 0; left: auto; width: 200px; text-align: left; }
#n-right ul ul { left: 200px; width: 150px; }
#n-right ul a { width: 184px; }
#n-right ul a.dir { width: 162px; }
#n-right ul ul a { width: 133px; }
#n-right ul ul a.dir { width: 111px; }
#n-right ul ul ul { left: 100%; }

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 10px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

/* prostor okoli menijev na drugem in tretjem nivoju... */
ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 /*padding: 8px;*/
 padding: 2px 8px 2px 8px; /**/
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 15px;
}

/* prostor okoli menijev na drugem nivoju, ki imajo podmenije... */
ul.dropdown ul *.dir {
 /*padding: 8px 30px 8px 8px;*/
 padding: 2px 30px 2px 8px; /**/
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 /*background-color: #3d3d3d;*/
 background-color: #333333; /**/
}
ul.dropdown ul *.open {
 /*background-color: #4c4c4c;*/
 background-color: #da2128; /**/
 /*background-image:  url(images/comnav-arrowover.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
 color: #fff;
}
ul.dropdown ul ul *.open {
 /*background-color: #595959;*/
 background-color: #da2128; /**/
 /*background-image:  url(images/comnav-arrowover2.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 /*background-color: #4498ca;*/
 background-color: #333333; /* ozadje elementov na prvem nivoju... */
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-color: #da2128; /* barva ibranega podmenija s podmenijem (puščico)... */
 /*background-image:  url(images/comnav-arrowon.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 /*background-color: #3d3d3d;*/
 background-color: #333333; /**/
}
ul.dropdown ul li:hover > *.dir {
 /*background-color: #4c4c4c;*/
 background-color: #da2128; /**/
 /*background-image:  url(images/comnav-arrowover.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
}
ul.dropdown ul ul li:hover > *.dir {
 /*background-color: #595959;*/
 background-color: #da2128; /**/
 /*background-image:  url(images/comnav-arrowover2.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 /*background-color: #4498ca;*/
 background-color: #333333; /* ozadje elementov na prvem nivoju... */
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-color: #da2128; /* barva ibranega podmenija s podmenijem (puščico)... */
 /*background-image:  url(images/comnav-arrowon.png);*/
 background-image:  url('images/theme-itak/arrow-right.gif'); /**/
 color: #fff;
}

 
.menubar {
  /*background: #d7d7db url('images/sideheader.jpg') repeat-x;*/
  background:#333333 url('images/theme-itak/nav-bg.png') 0 0 repeat-x !important; /**/
  color: #555555;
  margin-left: auto; 
  margin-right: auto;
  width: 1024px; /**/
  font-size: 0.9em;
  text-align: middle;
  font-weight:normal;
  border-top:1px solid #000000; /**/
}

.menubar a {
 border: none;
}