/************** Pink Class - begin **************/
/* this section define base styles of template */ 
body {
	font-size : 		11px;
	font-family : 		Trebuchet MS, Tahoma, Arial, sans-serif;
	margin:0px;
	background-color:#000;
}
td {
	font-size : 		11px;
	font-family : 		Trebuchet MS, Tahoma, Arial, sans-serif;
}
 #.tekstart, #tekstart TABLE TR TD, #tekstart TABLE, #tekstart TD {
 font-size : 		11px;
 font-family : 		Trebuchet MS, Tahoma, Arial, sans-serif;
}
img {
	border:0px;
}
a {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	text-decoration: 	none;
	color:#931923;
}
a:link {
	text-decoration: 	none;
	color:#931923;
}
a:visited {
	text-decoration: 	none;
	color:#931923;
}
a:hover {
	text-decoration: 	none;
	color:#931923;
}
.Selected {
	border: 			solid 1px #FFBB6E;
	padding: 			0px;
}
.EditingIconUnselected {
	background-color: 	#FFFFFF;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}
.EditingIconSelected {
	background-color: 	#FFEEC2;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}
.ContentHolder {
	background-color: 	#DDE9FB;
}
.field {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:			10px;
}
textarea {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:			10px;
}
.separator {
	height:10px;
}
/* Pink Class - end */

/************** Ticker definition - begin **************/
/* this section define styles of all Ticker template definition */
/* Ticker Main - begin */
.tickerMain {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
	height: 			16px;
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px;
	margin-left: 		0px;
	background-color:	#f2f2f2;
	color:				#000000;
}
.tickerMain a {
	color: 				#000000;
	text-decoration:	none;
	padding: 			3px 2px 2px 2px;
}
.tickerMain a:link {
	color: 				#000000;
	text-decoration:	none;
}
.tickerMain a:visited {
	color: 				#000000;
	text-decoration:	none;
}
.tickerMain a:hover {
	color: 				#000000;
	text-decoration:	none;
}
.tickerMain .over {
	background-color: 	#FE81E2;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}
.tickerMain .out {
	background-color:	#FFDF8C;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}
.tickerMain .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#FFCC66;
}
/* Ticker Index - begin */
.tickerIndex {
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px;
	margin-left: 		0px;
	background-color:	#eeeeee;
}
.tickerIndex .over {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .out {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#eeeeee;
}
/* Ticker definition - end */

/************** Caption Text definition - begin **************/
/* this section define styles of all Ticker template definition */
.captionText {
	padding:			5px;
	color:				#ffffff;
	font-weight:		bold;
	margin-bottom:		10px;
}
.captionText font {
	color:				#fff;
}
.captionImage {
	background-color: 	#FFDF8C;
	border: 			1px solid #000000;
	padding:			0px;
	color:				white;
	text-align:			center;
	margin-bottom:		10px;
}
/************** Form Style definition - begin **************/
/* this section define styles of Form template definition */
.form {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
}
.form .head {
	background-color : 	#f2f2f2;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.form .head font {
	color:				#000000;
}
.form .body {
	padding:			5px;
}
.form .errorMsg {
	padding:			5px;
	font-weight:		bold;
	color:				#CC3300;
}
.form .requiredFields {
	padding:			5px;
}
.form .body .formElements {
	width:100%;
}
.form .body .formElements .text {
	background-color : 	#FCFAF3;
	padding:			5px;
	width:				130px;
}
.form .body .formElements .element {
	background-color: 	#FCFAF3;
	padding:			5px;
}
.form .body .formElements .element .textArea, .textBox, .listBox, .comboBox {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:			10px;
}
.form .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}
.form .body .formElements .element textarea {
	height:				100px;
}
/************** Survey Style definition - begin **************/
/* this section define styles of Survey template definition */
.survey {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
}
.survey .head {
	background-color : 	#f2f2f2;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.survey .head font {
	color:				#000000;
}
.survey .body {
	padding:			5px;
}
.survey .statusMsg {
	padding:			5px;
	font-weight:		bold;
}
.survey .requiredFields {
	padding:			5px;
}
.survey .body .formElements {
	width:				100%;
}
.survey .errorMsg {
	padding:			5px;
	color:				#CC3300;
	font-weight:		bold;
}
.survey .body .formElements .text {
	background-color : 	#FCFAF3;
	padding:			5px;
}
.survey .body .formElements .element {
	background-color: 	#FCFAF3;
	padding:			5px;
}
.survey .body .formElements .element .textArea, .textBox, .listBox, .comboBox {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:			10px;
}
.survey .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}
.survey .body .formElements .element textarea {
	height:				30px;
}
.survey .body .results {
	background-color:	#FCFAF3;
	padding:5px;
}
.survey .body .results .title {
	font-weight:bold;
}
.survey .body .results .bars {
	width:100%;
}
.survey .body .results .bars .barTitle {
	width:30px;
}
.survey .body .results .bars .barPercent {
	width:30px;
}
.survey .body .results .bars .image {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
/************** Forum Style definition - begin **************/
/* this section define styles of Forum template definition */
.forum {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
}
.forum .head {
	background-color : 	#f2f2f2;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.forum .head font {
	color:				#000000;
}
.forum .body {
	padding:			5px;
}
.forum .body .itemTable {
	width:100%;
}
.forum .body .errorMsg {
	padding-top:		5px;
	color:				#CC3300;
}
.forum .body .forumForm {
}
.forum .body .forumForm .head {
	background-color : 	#f2f2f2;
	padding:			2px 5px 2px 5px;
	color:				#000000;
	font-weight:		bold;
}
.forum .body .forumForm .head font {
	color:				#000000;
}
.forum .body .forumForm .body {
	background-color: 	#FCFAF3;
	border:				1px solid #929282;
	padding:			2px 5px 2px 5px;
	color:				#000000;
	font-weight:		bold;
}
.forum .body .forumForm .text {
	background-color : 	#FCFAF3;
	padding:			5px;
	width:			90px;
}
.forum .body .forumForm .element {
	background-color: 	#FCFAF3;
	padding:			5px;
}
.forum .body .forumForm .element textarea {
	height:				100px;
}
/************** Site Map Style definition - begin **************/
/* this section define styles of Site Map template definition */
.siteMap {
	margin-top:			2px;
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}
.siteMap .head {
	background-color : 	#FFDF8C;
	border:				1px solid #000000;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.siteMap .head font {
	color:				#000000;
}
.siteMap .body {
	padding:			5px;
}
/************** Section Tree Style definition - begin **************/
/* this section define styles of Section Tree template definition */
.sectionTree {
	border:		1px solid #666666;
}
.siteMap .body {
	padding:			5px;
}
/************** Search form Style definition - begin **************/
/* this section define styles of Search form template definition */
.search {
	width:				100%;
	height:				100%;
}
.search p {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:			12px;
}
.searchResults {
	margin-top:			2px;
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
}
.searchResults .head {
	background-color : 	#f2f2f2;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.searchResults .head font {
	color:				#000000;
}
.searchResults .body {
	padding:			5px;
}
/************** Link Style definition - begin **************/
/* this section define styles of Link templates definition */

.linkGeneral, .linkSiteMap, .linkFile, .linkFileFlash, .linkFile {
	background-color:	#FCFAF3;
	padding:			5px;
	text-align:			left;
}
.linkImage {
	background-color:	#FCFAF3;
	padding:			5px;
	text-align:			center;
}
/************** Web Service definition - begin **************/
/* this section define styles of Web Service template definition */
.rss {
	font-family:  		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 			11px;
}
.rss .head {
	border:				1px solid #000000;
	color:				#000000;
	padding:			5px;
	font-weight:		bold;
}
.rss .head font {
	color:				#000000;
}
.rss .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}
/*custom styles*/



table.regionIzborniktable {
	width:auto;
	paddin:0px;
	margin:0px;
}
td.article_heading_short {
	color:#930012;
	font-size:14px;
	font-family : Trebuchet MS, Tahoma, Arial, sans-serif;
}
.opsirnije A, .opsirnije A:link, .opsirnije A:visited {
	color:#930012;
	text-decoration:underline;
}
td.article_image IMG {
	margin-right:15px;
}
.bkg_full, .bkg_full TD {
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:repeat-y;
}
.bkg_full_search, .bkg_full_search TD {
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:no-repeat;
}
.bkg_full_menu, .bkg_full_survey {
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:repeat-y;
	color:#fff;
	padding-left:15px;
	padding-right:13px;
}
.bkg_full_menu A, .bkg_full_menu A:visited, .bkg_full_menu A:active, .bkg_full_menu A:link {
	color:#fff;
}
.bkg_full_calendar {
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:repeat-y;
	color:#fff;
	padding-left:15px;
	padding-right:13px;
}
.bkg_full_gallery {
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:repeat-y;
}
.article_heading_B {
	color:#931923;
	font-size:12px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:13px;
}
.article_heading_B_calendar {
	color:#931923;
	font-size:12px;
	padding-bottom:0px;
	padding-left:0px;
}
.article_heading_B A, td.article_heading_B A:visited, td.article_heading_B A:active, td.article_heading_B A:link {
	color:#fff;
	text-decoration:none;
}
.article_lead_B {
	color:#fff;
	padding-left:15px;
	padding-right:13px;
	background-image:url(../../images/_gui/Outdex_r2_c1.jpg);
	background-repeat:repeat-y;
}
.article_lead_B A, td.article_lead_B A:visited, td.article_lead_B A:active, td.article_lead_B A:link {
	color:#fff;
	text-decoration:none;
}
.article_lead_A {
	color:#fff;
	padding-left:15px;
	padding-right:13px;
	background-image:none;
}
.button_search {
	background-image:url(../../images/_gui/btt_trazi.gif);
	background-repeat:no-repeat;
	border:0px;
	width:64px;
	height:21px;
	color:#fff;
	margin:10px 0 0 0;
}
.calendar TD {
	font-size:10px;
	color:#fff;
}
.calendar {
	font-size:10px;
	color:#fff;
}
#videoPlayerContainer {
	border: solid 1px #222;
	width: 300px;
	height: 245px;
	background-image:url(../../images/_gui/preloader.html);
	background-position: center center;
	background-repeat:no-repeat;
}
#videoPlayer {
	width: 300px;
	height: 245px;
}
/**************************************/
/********** carousel styles ***********/
/**************************************/
/*
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
	position: relative;
	margin-left: 2px;
	background: #000;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 20px;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 84px;
	height: 63px;
}
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}
.jcarousel-container-vertical {
	width: 84px;
	height: 245px;
}
.jcarousel-clip-vertical {
	width:  84px;
	height: 199px;
}
.jcarousel-item {
	width: 84px;
	height: 63px;
}
.jcarousel-item-vertical {
	margin-bottom: 5px;
}
.jcarousel-item-vertical a:link img, .jcarousel-item-vertical a:visited img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.jcarousel-item-vertical a:hover img, .jcarousel-item-vertical a:active img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.jcarousel-item-placeholder {
	background: #000;
	color: #000;
}
/*
*  Vertical Buttons
*/
.jcarousel-next-vertical, .jcarousel-next-vertical:link, .jcarousel-next-vertical:visited {
	position: absolute;
	bottom: 0px;
	left: 30px;
	width: 31px;
	height: 10px;
	line-height: 10px;
	font-size: 0;
	cursor: pointer;
	background: transparent url(../../images/_gui/slider_vertical_bottom.gif) no-repeat 0 -22px;
}
.jcarousel-next-vertical:hover {
	background-position: 0 -11px;
}
.jcarousel-next-vertical:active {
	background-position: 0 -11px;
}
.jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: 0 0;
}
.jcarousel-prev-vertical {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 31px;
	height: 10px;
	line-height: 10px;
	font-size: 0;
	cursor: pointer;
	background: transparent url(../../images/_gui/slider_vertical_top.gif) no-repeat 0 0;
}
.jcarousel-prev-vertical:hover {
	background-position: 0 -11px;
}
.jcarousel-prev-vertical:active {
	background-position: 0 -11px;
}
.jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: 0 -22px;
}
/*New class-es added on 25.9.2009.*/
.regionOutdex_BTable td {
	background:url(../../images/_gui/outdexB_bottomBcg.gif) no-repeat left bottom;
}
.outdexB_topbox {
	background:url(../../images/_gui/outdexB_topBcg.gif) no-repeat left top;
	height:8px;
}
.outdexB_box {
	padding:0 14px 10px 14px;
	width:176px;
	clear:both;
	color:#FFFFFF;
	margin:0;
}
.outdexB_box a, .outdexB_box a:link, .outdexB_box a:active, .outdexB_box a:visited, .outdexB_box a:hover {
	color:#FFFFFF;
}
.outdexB_box h3 {
	margin:0;
	padding:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#931923;
	font-weight:normal;
	font-size:11px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	display:block;
}
.outdexB_box h3 p {
	margin:0;
}