td,tr,p,div {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-size        : 11px;
  color            : #000066;
}


ol {
    font-size : 12px;
  color            : #000066;
 
}

ul {
  margin           : 5px 5px 5px 5px;
  font-size : 12px;
  color            : #000066;
  }

li {

  font-size : 12px;
  color            : #000066;
}

hr {
  background       : #AA94FF;
  height           : 1px;
  width            : 97%;
}

table.searchintro {
  background-color : #FFFFFF;
  border           : 1px solid #777777;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-size        : 11px;
  color            : #303030;
  text-decoration  : none;
}

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

a.category:link, a.category:visited {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
   font-size        : 10px;
  color            : #3333FF;
  font-weight      : bold;
   text-decoration  : none;
  
}

a.category:hover {

  color            : #ff0000;
  font-weight      : bold;
   text-decoration  : none;
 }

a.buttonbar:link, a.buttonbar:visited {
        font-family: Trebuchet MS;
        font-size: 10px;
        color: #3300FF;
        border-bottom: none;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 21px;
}

a.buttonbar:hover {

}

a.blogsection:link, a.blogsection:visited {
  font-family      : Trebuchet MS;
  font-size        : 11px;
  color            : #303030;
  font-weight      : bold;
  border-bottom    : 1px dashed #303030;
  text-decoration  : none;
}
a.blogsection:hover {
  color            : #ff0000;
  border-bottom    : 1px solid #ff0000;
}

/* ###################### MAIN MENU SETTINGS ###################### */
.mainlevel {
  font-family      : Verdana, Geneva, Arial, Helvetica, serif;
  font-size        : 12px;
  color            : #ff0000;
  font-weight      : bold;
  text-align       : left;
  margin-bottom    : 4px;
  padding-left     : 5px;
  line-height      : 17px;
}


a.mainlevel:link, a.mainlevel:visited {
        border-left: 1px solid #3300CC;
        border-top: 1px solid #3300CC;
        border-bottom: 1px solid #3333CC;
        border-right: 1px solid #3333CC;
        display: block;
        color: #000000;
        background-color: #EAEAEA;
}

a.mainlevel:hover {
        color: #FFFFFF;
                border-left: 1px solid #3300CC;
        border-top: 1px solid #3300CC;
        border-bottom: 1px solid #3333CC;
        border-right: 1px solid #3333CC;
        display: block;
        background-color: #3399FF;
}

.sublevel {
  font-family      : Arial, Helvetica, serif;
  font-size        : 12px;
  text-align       : right;
  margin-bottom    : 3px;
  padding-right    : 3px;
  line-height      : 17px;
}

a.sublevel:link, a.sublevel:visited {
  color            : #303030;
  border-bottom    : 1px dashed #c0c0c0;
}

a.sublevel:hover {
  color            : #ff0000;
  border-bottom    : 1px solid #c0c0c0;
}

/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  width            : 100%;
  table-layout           : auto;
  margin-bottom    : 7px;
  padding-bottom   : 25px;
  

}
table.multibaner {
  width            : 153px;
  margin-bottom    : 7px;
}

table.baner {
  margin-bottom    : 2px;
  padding-bottom   : 2px;
  margin-top    : 2px;
  margin-left    : 2px;
  
}

table.moduletable th {
  font             : Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  text-align       : left;
  padding-left     : 9px;
  padding-bottom   : 3px;
  height           : 21px;
  line-height      : 21px;
  background-position: top;
  background-repeat: no-repeat;
}

table.moduletable td, table.moduletable_center td {
  font             : Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size        : 11px;
  text-align       : justify;
  padding-left     : 3px;
  padding-right    : 3px;
}

table.moduletable_center {
  width            : 100%;
  background : #6699ff;
  padding-left     : 3px;
  padding-right    : 3px;
  padding-top      : 3px;
  padding-bottom   : 7px;
}

table.moduletable_center th {
  font             : Trebuchet MS, Verdana, sans-serif;
  font-size        : 13px;
  font-weight      : bold;
  color            : #3399CC;
  text-align       : center;
  padding          : 1px;
  margin-bottom    : 4px;
  background-color : #e0e0e0;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-style       : normal;
  font-weight      : bold;
  font-size        : 10px;
  color            : #000000;
  border           : 1px solid;
}

.inputbox {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-size        : 10px;
  font-weight      : bold;
  color            : #000000;
  background       : #FFFFFF;
  border           : 1px solid;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
a.contentpagetitle:link, a.contentpagetitle:visited {
  font-family      : Arial;
  font-size        : 15px;
  font-weight      : bold;
  color            : #333333;
  padding          : 1px;
  border-bottom    : none;
}

a.contentpagetitle:hover {
  color            : #330000;
}

.contentpane {
  text-align       : justify;
}

.contentpaneopen {
  text-align       : justify;
}

.contentheading {
  font-family      : Arial;
  font-size        : 15px;
  font-weight      : bold;
  color            : #333333;
  text-align       : left;
  padding-top      : 7px;
  border-bottom    : 1px solid #333333;
}

.componentheading {
        font-family: Trebuchet MS;
        font-size: 13px;
        font-weight: bold;
        color: Black;
        text-align: center;
        padding: 1px;
        border: 1px solid Silver;
}

.contentdescription {
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-size        : 11px;
  color            : #333333;
  text-align       : left;
}

.category {
  color            : #C0C0C0;
  font-family      : Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
  font-size        : 10pt;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #D4DFF7;
  margin-left      : 1px;
  margin-right     : 1px;
  padding-left    : 2px;
  padding-top    : 2px;
 }

.sectiontableentry2 {
  background-color : #F0F3F9;
  margin-left      : 1px;
  margin-right     : 1px;
  padding-left    : 2px;
  padding-top    : 2px;
 }

.sectiontableheader {
  background-color : #33AFDB;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  padding-left     : 5px;
  padding-right    : 2px;
  border-bottom    : 2px solid #3366FF;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
  padding-left : 10px;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  font-weight      : normal;
}

/* ###################### TABLE OF CONTENT SETTINGS ###################### */
.contenttoc {
  background-color : #f0f0f0;
  border           : solid 1px #777777;
  padding          : 3px;
  margin           : 3px;
}

a.toclink:link, a.toclink:visited {
  color            : #707070;
  border-bottom    : none;
}

a.toclink:hover {
  color            : #ff6633;
  border-bottom    : 1px dashed #ff6633;
}

/* ###################### PATH-WAY SETTINGS ###################### */
.pathway {
  font-family      : Arial;
  font-size        : 11px;
  font-weight      : bold;
  color            : #000000;
}

a.pathway:link, a.pathway:visited {
  font-family      : Arial;
  font-size        : 11px;
  font-weight      : bold;
  color            : #000000;
  border-bottom    : none;
}

a.pathway:hover {
  font-family      : Arial;
  font-size        : 11px;
  font-weight      : bold;
  color            : #88ABF2;
  border-bottom    : none;
}

/* ###################### DATE TIME SETTINGS ###################### */
.createdate {
  font-style       : italic;
}

/* ###################### PAGE NAVIGATION SETTINGS ###################### */
.pagenavbar {
  text-align       : center;
}

/* ###################### OTHER SETTINGS ###################### */
.blog_more {
  font-size        : 14px;
  font-weight      : bold;
  font-style       : italic;
  text-align       : left;
  padding-top      : 10px;
  padding-left     : 15px;
}

.readon {
  font             : Arial, Verdana, Trebuchet MS;
  font-size        : 11px;
  font-weight      : bold;
  text-align       : left;
  padding-left     : 10px;
  padding-top      : 5px;
  border-bottom    : 1px solid;
}

/* DOWNLOAD BOX CSS | 2 Jul 2009 */

/* title */
.icon_box
{
	width: 580px;
}

.icon_title_box
{
	font-family: Arial, Helvetica, sans-serif;
}
	.icon_title_box h1
	{
		color: #333333;
		font-size: 20px;
		text-align: center;
		font-weight: normal;
		letter-spacing: 1px;
		font-family: Arial, Helvetica, sans-serif;
	}

.icon_title_box_head
{
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: normal;
	color: #333333;
}

.icon_title_box_announce
{
	color: #333333;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
}

.icon_title_box_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding: 10px;
	color: #333333;
}

.icon_title_box_text_content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	padding: 4px;
	color: #333333;
	display: block;
}
/* tabela */
.icon_down_table
{
	color: #CCCCCC;
	font-size: 10px;
	margin: 0 0 0 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.icon_down_table span
	{
		color: #6b8299;
	}
	.icon_down_table td
	{
		width: 100px;
		color: #666666;
		text-align: center;
	}
/* tabela */

/* ikonice */
.icon_down_doc, .icon_down_xls, .icon_down_pdf, .icon_down_zip
{
	width: 47px;
	height: 63px;
	display: block;
	margin: 0 auto;
	text-indent: -1984px;
	background: url(http://www.vstss.com/img/common/vstss_doc_icon.png) top left no-repeat; /* 94x63 */
}
	.icon_down_xls
	{
		background: url(http://www.vstss.com/img/common/vstss_xls_icon.png) top left no-repeat; /* 94x63 */
	}
	.icon_down_pdf
	{
		background: url(http://www.vstss.com/img/common/vstss_pdf_icon.png) top left no-repeat; /* 94x63 */
	}
	.icon_down_zip
	{
		background: url(http://www.vstss.com/img/common/vstss_zip_icon.png) top left no-repeat; /* 94x63 */
	}

	.icon_down_doc a:link, .icon_down_doc a:visited, .icon_down_xls a:link, .icon_down_xls a:visited, .icon_down_pdf a:link, .icon_down_pdf a:visited, .icon_down_zip a:link, .icon_down_zip a:visited
	{
		width: 47px;
		height: 63px;
		display: block;
		margin: 0 auto;
		text-indent: -1984px;
		text-decoration: none;
		background: url(http://www.vstss.com/img/common/vstss_doc_icon.png) top left no-repeat; /* 94x63 */
	}
	.icon_down_doc a:hover, .icon_down_doc a:active, .icon_down_xls a:hover, .icon_down_xls a:active, .icon_down_pdf a:hover, .icon_down_pdf a:active, .icon_down_zip a:hover, .icon_down_zip a:active
	{
		width: 47px;
		height: 63px;
		display: block;
		margin: 0 auto;
		text-indent: -1984px;
		text-decoration: none;
		background: url(http://www.vstss.com/img/common/vstss_doc_icon.png) top right no-repeat; /* 94x63 */
	}
		.icon_down_xls a:link, .icon_down_xls a:visited, 
		{
			background: url(http://www.vstss.com/img/common/vstss_xls_icon.png) top left no-repeat; /* 94x63 */
		}
		.icon_down_xls a:hover, .icon_down_xls a:active
		{
			background: url(http://www.vstss.com/img/common/vstss_xls_icon.png) top right no-repeat; /* 94x63 */
		}


		.icon_down_pdf a:link, .icon_down_pdf a:visited
		{
			background: url(http://www.vstss.com/img/common/vstss_pdf_icon.png) top left no-repeat; /* 94x63 */
		}
		.icon_down_pdf a:hover, .icon_down_pdf a:active
		{
			background: url(http://www.vstss.com/img/common/vstss_pdf_icon.png) top right no-repeat; /* 94x63 */
		}


		.icon_down_zip a:link, .icon_down_zip a:visited
		{
			background: url(http://www.vstss.com/img/common/vstss_zip_icon.png) top left no-repeat; /* 94x63 */
		}
		.icon_down_zip a:hover, .icon_down_zip a:active
		{
			background: url(http://www.vstss.com/img/common/vstss_zip_icon.png) top right no-repeat; /* 94x63 */
		}
/* ikonice */

/* ikonice lista sadrzaja */
.icon_content_list
{
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
}
	.icon_content_list li
	{
		color: #666666;
		list-style: none;
		font-size: 10px;
		padding: 1px 0;
	}
		.icon_content_list li span
		{
			color: #333333;
			list-style: none;
			font-size: 10px;
			padding: 1px 0;
			margin:0 0 0 -20px;
		}
/* ikonice lista sadrzaja */

/* napomena */
.icon_napomena_box
{
	padding: 5px;
	color: #666666;
	font-size: 10px;
	text-align: left;
	margin: 20px 0 0 0;
	background: #F2F2F2;
	border-bottom: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
}
	.icon_napomena_box h3
	{
		margin: 0;
		padding: 0;
		font-size: 10px;
		font-weight: normal;
		line-height: normal;
	}
	.icon_napomena_box p
	{
		margin: 0;
		color: #666666;
		padding: 4px 0 0 0;
		font-weight: normal;
		line-height: normal;
	}
	.icon_napomena_box_link
	{
		padding: 2px;
		color: #999999;
		color: #CCCCCC;
		text-align: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* napomena */

/* 3 novembar 2009 - addOn za nastavni plan, naslov */
.icon_title_box_subtitle
{
	padding: 2px 6px;
	color: #666666;
	margin: 20px 6px 6px 6px;
	background: #f3f3f3;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
/* 3 nov 09 */

/* ponedeljak, 19. April 2010. godine. 14:35 */
/* Diplomski Radovi - Diplomci */
#diplomci_announce
{
	color: #333333;
	margin: 0 auto;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#diplomci_announce h2
	{
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#diplomci_announce h3
	{
		text-transform: uppercase;
	}
	/* tabela */
	#dipl_tabela
	{
		margin: 14px auto 0 auto;
		border: 1px solid #999999;
	}
		#dipl_tabela tr, #dipl_tabela td
		{
			color: #333333;
			text-align: left;
			border: 1px solid #B3B3B3;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#dipl_tabela td
		{
			padding: 6px 0 6px 10px;
			border: 1px solid #B3B3B3;
		}
		#dipl_t_odd
		{
			font-size: 12px;
			text-align: left;
			background: #CCE5FF;
		}
		#dipl_t_strong
		{
			font-size: 12px;
			text-align: left;
			font-weight: bold;
			font-style: italic;
			background: #E5F2FF;
		}
		#dipl_t_even
		{
			font-size: 10px;
			background: #D9ECFF;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
	/* /tabela */
/* /Diplomski Radovi - Diplomci */

/* DOWNLOAD BOX CSS | 2 Jul 2009 */