body, html {

	margin:0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	background-color: #73C6EE;

	height: 100%;

} 

.mainpage {
 width: 900px;
 background-color: #ffffff;
 border: 2px solid #186D94;
 margin-top: 5px;
 margin-bottom: 5px;
}

tbody { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}




table.content {

	background-position: right bottom;

	height: 100%;

	padding-top: 20px;

}



td.content {

	background-position: left bottom;

}

.topmenu {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

/* Default MOS Class Settings

**********************************************************************************************************/



td.pathway {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	padding-top: 1px;

	padding-left: 0px;

}



a.pathway:link, a.pathway:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

}



a.pathway:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #cccccc;

	background-color: transparent;

}



/* Main Menu Styles

**********************************************************************************************************/



a.mainlevel:link, a.mainlevel:visited {

        display: block;

	color: #000000;

	text-align: left;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 20px;

margin-left: 2px;

}
a.mainlevel:active {
    display: block;
    color: #000000;
}


a.mainlevel:hover {

	text-align: right;

	width: 98%;



}



a.mainmenu:link, a.mainmenu:visited {

	color: #000000; 

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}



a.mainmenu:hover {

	text-align: left;

}



a.sublevel:link, a.sublevel:visited {

	color: #000000; 

        display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

        padding-left: 5px;

        line-height: 20px;

}



a.sublevel:hover {

	color: #ffffff;

	text-align: right;

}



/* Module Styles

**********************************************************************************************************/



table.moduletable {

	width: 100%;

	text-align: center;

	margin-right: 0px;

	margin-left: 0px;

}



table.moduletable th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size : 12px;

	color : #000000;

	text-align : center;

	background-image: url(../images/distep_menu_leve1.png);

    background-repeat: no-repeat;

	height: 26px;

    width: 170px;

	padding-top: 2px;

}



table.moduletable td {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-align: left;

    background-image: url(../images/distep_menu_leve2.png);

    background-repeat: no-repeat;

    height: 26px;

    width: 170px;
}







table.moduletable2 {

	width: 100%;

	text-align: center;

	margin-right: 0px;

	margin-left: 0px;

}



table.moduletable2 th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size : 12px;

	color : #ffffff;

	text-align : center;

	background-image: url(../images/distep_menu_leve1.png);

    background-repeat: no-repeat;

	height: 26px;

    width: 170px;

	padding-top: 2px;

}



table.moduletable2 tr {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-align: left;

    background-image: url(../images/module.png);

    background-repeat: repeat-y;

    height: 26px;

    width: 170px;
}



/* Polls Style

**********************************************************************************************************/



.poll {

	color : #666666;

	line-height : 12px;

	font-weight: bold;

}



/* Sections Style

**********************************************************************************************************/



.sectiontableheader {

	background-color : #D52418;

	color : #000000;

	font-weight : bold;

	font-size: 11px;

	line-height: 13px;

}



.sectiontableentry1 {

	font-size: 11px;

	background-color : #EEBAAC;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}



.sectiontableentry2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color : #EE918B;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}



.pagenav {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

}



a.pagenav:link, a.pagenav:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

}



a.pagenav:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color            : #000000;

	text-decoration  : none;


}





/*****************************************************************************************************/



.small {

	font-size : 11px;

	color : #666666;

}



.smalldark {

	font-size : 11px;

	color : #333333;

	text-decoration : none;

}



.createdate {

	font-size : 10px;

	color : #666666;

	text-decoration : none;

}



.modifydate  {

	font-size : 10px;

	color : #666666;

	text-decoration : none;

}



/* Content Styles

**********************************************************************************************************/



.contentpane {

	font-size: 11px;

	color: #000000;

}



.contentpaneopen {

	font-size: 11px;


	color: #000000;
    width: 100%;
}



.contentheading, .componentheading {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size : 14px;

	font-weight : bold;

	color : #FFFFFF;

	text-align : center;

	line-height: 16px;

	padding-left: 20px;

    background-image: url(../images/distep_stred1.png);

    width: 560px;

border-top: 1px solid #000000;

}

.category {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

}



a.category:link, a.category:visited {

  color            : #333333;

  font-weight      : bold;

}



a.category:hover {

	color            : #000000;

	text-decoration  : none;


}



/* Form Styles

**********************************************************************************************************/



form { /* borrowed from mambosolutions.com -- to fix empty space issues */

	display:inline; 

	margin: 0px; 

	padding: 0px; 

} 



.button {

  font-family      : Arial, Helvetica, sans-serif;

  font-style       : normal;

  font-size        : 10px;

  font-weight      : bold;

  background-color : #F0F0F0;

  color            : #000000;

  border           : 1px solid #000000;

}



.inputbox {

  font-family      : Verdana, Arial, Helvetica, sans-serif;

  font-size        : 10px;

  color            : #000000;

  background-color : #F0F0F0;

  border           : 1px solid #000000;

}



/* Links

**********************************************************************************************************/



a:link, a:visited {

  font-size        : 11px;

  color            : #333333;

  text-decoration  : none;

}



a:hover {

	color            : #000000;

	text-decoration  : none;


}



/* For content item titles that are hyperlink instead of Read On

**********************************************************************************************************/



a.contentpagetitle:link, a.contentpagetitle:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

 	color: #000000;

	text-align:center;
    display: block;
    width: 560px;
	}



a.contentpagetitle:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-align:center;

	color            : #ffffff;

	text-decoration  : none;


	}



.description {

	font-size: 11px;

	color: #000000;

}



/* Styles for dhtml tabbed-pages */

.ontab {

	background-color: #ffae00;

	border-left: outset 2px #ff9900;

	border-right: outset 2px #808080;

	border-top: outset 2px #ff9900;

	border-bottom: solid 1px #d5d5d5;

	text-align: center;

	font-weight: bold;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.offtab {

	background-color : #e5e5e5;

	border-left: outset 2px #E0E0E0;

	border-right: outset 2px #E0E0E0;

	border-top: outset 2px #E0E0E0;

	border-bottom: solid 1px #d5d5d5;

	text-align: center;

	font-weight: bold;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.tabheading {

	background-color: #ffae00;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.pagetext {

	visibility: hidden;

	display: none;

	position: relative;

	top: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}



/* for modifying {moscode} output.  Don't set the colour! */

.moscode {

	background-color: #f0f0f0;

}



/* Text passed with mosmsg url parameter */

.message {

	font-weight: bold;

	font-size : 10pt;

	color : #ff6600;

	text-align: center;

}


.mainlevel-nav {
  padding-left: 1px;
  padding-right: 1px;
  width: 75px;
  background: url(../images/distep_menu1.png);
}



.contenttable {
  border: 1px solid #CE0000;
}



.mainlevelhornim {
  padding-right: 10px;
  font-size: 13px;
  font-weight: bold;
}

.pozadi {
 background:  #CDA5BD url(../images/distepbg.gif) repeat-x;
 height: 1000px;
}

.contenttoc {
 border: 1px dashed red;
width: 150px;
}

.content {
min-height: 950px;

}



table.moduletables th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size : 12px;

	color : #ffffff;

	text-align : center;

	background-image: url(../images/distep_menu_leve1.png);

    background-repeat: no-repeat;

	height: 26px;

    width: 170px;

	padding-top: 2px;

}

.moduletables a {
 color: #000000;
}
table.moduletables th {
 color: #000000;
}
.vector {
color: #FFFFFF;
}

