/* begin Page */

/* Created by www.JoomlArtWork.com */
/* edited by Nemanja Martinovic */

html
{
 font-size:12px;
}

body
{
	margin: 0 auto;
	padding: 0;
	background-color: black; /* - znak - pomocni beli(ili crni) background (za senke) */
	font-size:12px;
}

iframe
{
	font-size: 10px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #345b74;
	width:100%;
	border:none;
	max-height:457px;
}

#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.componentheading 
{
	padding-left:10px;
	font-size:14px;
	font-weight:bold; /* promenjeno iz none(!) u normal */
}
	
.contentpane{
	padding-left:10px;
}



#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('../images/Bg.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 130px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
/* Ovo je u sustini sirina upotrebne vrednosti sajta sa sve sencenjem sa strane,
   tj. u defaultu sirina sajta je 900px, sirina upotrebne vrednosti je 866px (toliko
   je sirok i header, npr.), a sirina senki sa strane je 34px (2x17px). */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin: 0 auto 0 auto;
	width: 974px;
	min-width:39px;
	min-height:39px;
}

.art-Sheet-body
{
	min-height:659px; /* znak - povecana minimalna visina strane zbog footer.pnga */
	position: relative;
	z-index:1;
	padding: 7px;
	background-image: url('../images/footer.png'); /* znak - ova 3 reda dodata da se ubaci footer.png */
	background-repeat: no-repeat;
	background-position: 14px bottom;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.art-Sheet-br, .art-Sheet-bl
{
	width: 66px;
	height: 66px;
	background-image: url('../images/Sheet-s.png');
}

.art-Sheet-tr, .art-Sheet-tl /* znak - ovaj red je bio u okviru ovog gore */
{
	width: 66px;
	height: 66px;
	background-image: url('../images/Sheet-t.png');
}

.art-Sheet-tl /* znak - ovde je dodato zaobljenje sa gornje strane, promenjene i rect vrednosti */
{
	top: 8px;
	left:0;
	clip: rect(auto, 33px, 25px, auto);
}

.art-Sheet-tr /* znak - i ovo je deo zaobljenja sa gornje strane */
{
	top: 8px;
	right: 0;
	clip: rect(auto, auto, 25px, 33px);
}

.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(33px, 33px, auto, auto);
}

.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(33px, auto, auto, 33px);
}

.art-Sheet-tc /* znak - linija sa senkom sa gornje strane */
{
	left: 33px;
	right: 33px;
	height: 66px;
	background-image: url('../images/Sheet-h2.png');
}

.art-Sheet-bc
{
	left: 33px;
	right: 33px;
	height: 66px;
	background-image: url('../images/Sheet-h.png');
}

.art-Sheet-tc
{
	top: 8px;
	clip: rect(auto, auto, 33px, auto);
}

.art-Sheet-bc
{
	bottom: 0;
	clip: rect(33px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
	top: 33px;
	bottom: 33px;
	width: 66px;
	background-image: url('../images/Sheet-v.png');
	
}

.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 33px);
}

.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 33px, auto, auto);
}

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 33px;
	left: 33px;
	right: 33px;
	bottom: 33px;
	background-color: #F2F2F2;
}


.art-Sheet
{
	margin-top: -7px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:974px;
}

/* end Box, Sheet */



/* begin Header */
/* Sve sto se odnosi na header. Sirina mu je promenjena na 960px (default 886px) */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 960px;
	height: 125px; /* znak - bilo 125px */
}


div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 16px; /* znak privremeno */
	left: 0;
	width: 960px;
	height: 109px; /* default 130px - ovo daje mesta za tab meni, bilo 109px */
	background-image: url('../images/Header.png');
	background-repeat: no-repeat;
	background-position: center center;
}

/* end Header */

/* begin Logo */
.art-Logo
{
	display : block;
	position: absolute;
	left: 30px;
	top: 39px;
	width: 966px;
}

h1.art-Logo-name
{
	display: block;
	text-align: left;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #FFFFFF !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */
/*
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	list-style-image: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ulcss position
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.art-menu ul
{
	background-image: url(../images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}





div.art-nav-center
{
	position:relative;
	float:right; 
	right:50%;
	
}

ul.art-menu
{
	position:relative;
	float:left; 
	left:50%;
}

*/
/* menu structure */
/*
.art-menu
{
	padding: 0px 0px 0px 0px;
}

.art-nav
{
	position: relative;
	height: 30px;
	z-index: 100;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 30px;
	background-image: none;
}

.art-nav .l
{
	left: 0;
	right:0px;
}

.art-nav .r
{
	right: 0;
	width: 986px;
	clip: rect(auto, auto, auto, 986px);
}

*/
/* end Menu */

/* begin MenuItem *//*
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 90px;
	background-image: url('../images/MenuItem.png');
}

.art-menu a .l
{
	left:0;
	right:16px;
}

.art-menu a .r
{
	width:432px;
	right:0;
	clip: rect(auto, auto, auto, 416px);
}

.art-menu a .t 
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 0px;
	margin: 0 16px;
	line-height: 30px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-30px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-30px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-30px;
}
.art-menu a:hover .t
{
	color: #454545;
}

.art-menu li:hover a .t
{
	color: #454545;
}

.art-menu li:hover>a .t
{
	color: #454545;
}


.art-menu a.active .l, .art-menu a.active .r
{
	top: -60px;
}

.art-menu a.active .t
{
	color: #666666;
}

*/
/* end MenuItem */

/* begin MenuSubItem *//*
.art-menu ul , .art-menu ul ul
{

	padding:0;
	margin: 0;
	border-bottom:5px solid #6f6f6f;
	width:180px;
}

.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 25px;
	width: 180px;
	overflow:hidden;
	line-height: 25px;
	margin-right: auto;
	background-image: url('../images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 25px;
	color: #F0F0F0;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #000000;
	background-position: 0 -25px;
}

.art-menu ul li:hover>a
{
	color: #000000;
	background-position: 0 -25px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #000000;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #000000;
}

*/
/* end MenuSubItem */

/* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 2px;
	width: 960px;
}
/* end ContentLayout */

/* begin Box, Block */
/* Ovo su meniji sa strane */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:23px;
	min-height:23px;
}

.art-Block-body
{
	position: relative;
	z-index:1;
	padding: 3px 5px 5px 5px;
}


/* Ovo su meniji sa strane, gde su naglasene kockice u coskovima (kod zaobljenih ivica) */
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
	position:absolute;
	z-index:-1;
}

/* Ovo su samo zaobljene ivice menija sa strane */
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
	width: 30px;
	height: 30px;
	background-image: url('../images/Block-s.png');
}


/* gornji levi zaobljeni cosak menija */
.art-Block-tl
{
	top:0;
	left:0;
	clip: rect(auto, 15px, 15px, auto);
}

/* gornji desni zaobljeni cosak menija */
.art-Block-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 15px, 15px);
}

/* donji levi zaobljeni cosak menija */
.art-Block-bl
{
	bottom: 0;
	left: 0;
	clip: rect(15px, 15px, auto, auto);
}

/* donji desni zaobljeni cosak menija */
.art-Block-br
{
	bottom: 0;
	right: 0;
	clip: rect(15px, auto, auto, 15px);
}


/* Ovde su definisane gornje i donje dimenzije linija kod menija sa strane */
.art-Block-tc, .art-Block-bc
{
	left: 15px;
	right: 15px;
	height: 30px;
	background-image: url('../images/Block-h.png');
}

/* gornje linije menija sa strane */
.art-Block-tc
{
	top: 0;
	clip: rect(auto, auto, 15px, auto);
}

/*donje linije menija sa strane */
.art-Block-bc
{
	bottom: 0;
	clip: rect(15px, auto, auto, auto);
}


/* Ovde su definisane leve i desne dimenzije kod menija sa strane */
.art-Block-cr, .art-Block-cl
{
	top: 15px;
	bottom: 15px;
	width: 30px;
	background-image: url('../images/Block-v.png');
}


/* desna linija menija sa strane */
.art-Block-cr
{
	right:0;
	clip: rect(auto, auto, auto, 15px);
}

/* leva linija menija sa strane */
.art-Block-cl
{
	left:0;
	clip: rect(auto, 15px, auto, auto);
}

/* Ovde su definisane dimenzije unutrasnjosti (blok gde stoji tekst recimo) menija sa strane */ 
.art-Block-cc
{
	position:absolute;
	z-index:-1;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background-color: #F2F2F2;
}


.art-Block
{
	margin: 5px;
}

/* end Box, Block */


/* begin BlockHeader */
/* BlockHeader se odnosi na header modula u kojima se nalaze ikonica i ime modula 
   (News ikonica i News caption, recimo) */
/*.art-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 0px;
	margin-bottom: 0px;	
}*/


/* Odnosi se na tekst headera modula */
/*.art-BlockHeader .t
{
	height: 30px;
	color: #FFFFFF;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 0 0 0px;
	line-height: 30px;
	
}*/


/*.art-BlockHeader .l, .art-BlockHeader .r
{
	display:block;n: 'center'; font: '16pt courier'; color: 'blue'">
The color of the sky is blue, but if you look at the <span style="color: 'green'">trees, they are green</span>. This effect is produced using the &#60span&#62 element with the style ="color: 'green'" attribute set.
</p> 

Here is how it looks: 

The color of the sky is blue, but if you look at the trees, they are green. This effect is produced using the <span> element wi
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('../images/BlockHeader.png');
}*/

/* definisanje koliko je veliki levi usek u headeru.
   ako se zeli izbaciti ikonica:
	- izbaciti BlockHeaderIcon.png liniju koja se nalazi ispod
	- pomeriti margin-left na zeljeni razmak u .l sekciji ispod (default 35px;)
	- pomeriti tekst modula na zeljenu poziciju menjajuci padding u 
	  delu .art-BlockHeader .t koji se nalazi iznad ovog komentara (default 0 0 0 15px;)
*/
/*.art-BlockHeader .l
{
	left:0;
	right:7px;
	margin-left:0px;
}*/

/*.art-BlockHeader .r
{ 
	width:986px;
	right:0;
	clip: rect(auto, auto, auto, 879px);
}*/




/* Definisanje slicice koja ce sluziti kao ikonica pored imena modula (recimo ikonice kod naslova News modula) */
/*.art-header-tag-icon
{
	display:inline-block;
	background-position:left top;
	padding:0 0 0 32px;
	background-repeat: no-repeat;
	min-height: 32px;
	margin: 0 0 0 5px;
}*/


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-BlockContent-body
{
	position: relative;
	z-index:1;
	/* Ispod je stajalo padding: 10px,
	   promenjeno je u sledece vrednosti da bi se povecala sirina 
	   linkova u menijima sa strane
	*/
	padding-top: 10px;          
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}



/* BlockContent je vezan za sadrzaj u okviru menija - ovde je uglavnom definisan format teksta */
/* Uopsten izgled teksta */
.art-BlockContent-body
{
	color:#345b74;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	/* Ceo ovaj deo sa paddingom je dodat da bi se definisao polozaj slova u okviru menija
	*/ 	
	padding-top: 10px;          
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Izgled neposecenog linka u meniju */
.art-BlockContent-body a:link
{
	color: #62411c;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}

/* Izgled posecenog linka u meniju - primetiti da je isti kao neposeceni link */
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
	color: #62411c;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}

/* ocigledno izgled kada se hoveruje iznad linka u meniju */
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
/* znak*/
{
	color: #2C2D57;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}

/* Ovde je definisan kako bi izlgedao unordered list koji bi se nalazio u okviru menija,
   medjutim mislim da tako nesto nije primenjeno na sajtu, pa je za sada nebitno. Mada 
   treba obratiti paznju da postoji mogucnost da bude dodato kasnije, pa bi bilo mudro
   ne brisati ovu deo. */
.art-BlockContent-body ul
{
	display: block;
	list-style-type: none;
	list-style-image: none;
	color: #182935;
	margin:0;
	padding:0;
}

/* Ovo bi trebali da su pojedinacni elementi menija sa strane, opsta podesavanja. Ako
   neki unos spada pod neki posebno definisan deo menija (videti ispod) on ce biti implementiran
   pre ovih opcija */
.art-BlockContent-body li
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
}


/* Ovo su prakticno poseceni i neposeceni linkovi u okviru menija sa strane, sto prakticno cini
   sav ili vecinu sadrzaja u istima na nasem sajtu */
.art-BlockContent-body li a, .art-BlockContent-body li a:visited
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	display:block;
	background:none;
	padding:2px;
	
}


.art-BlockContent-body li a:hover
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	background:#A6C3A1;
	display:block;
}

.art-BlockContent-body ul li {
	padding:0px 0 0px 0px;
	margin:0;
	/* Ova vrednost ispod je bila 20px originalno, ali je stavljena na 19
	   da bi se velicina levog menija smanjila 
	*/
	line-height:19px;
	border-bottom:#ccc 1px dotted;
}

.art-BlockContent-body ul li a, .art-BlockContent-body ul li a:link, .art-BlockContent-body ul li a:hover, .art-BlockContent-body ul li a:visited, .art-BlockContent-body ul li a:active
{
	/* Setovanjem ovih vrednosti ispod mozemo pomerati polozaj slova
	   u okviru menija */
	padding:0px 0 0px 5px;
	margin: 0;

}

.art-BlockContent-body ul ul /* znak - dodato */
{
	padding: 2px 0 5px 0;
}


/* Ovo je definisano ponasanje podmenija u modulima sa leve i desne strane */
.art-BlockContent-body ul li li 
{
	padding:0px 0 0px 0px;
	margin-left:0px;
	line-height:16px;
	border:0;

}

.art-BlockContent-body ul li li a, .art-BlockContent-body ul li li a:link, .art-BlockContent-body ul li li a:hover, .art-BlockContent-body ul li li a:visited, .art-BlockContent-body ul li li a:active
{
	font-size: 11px; /* znak - ovaj red dodat da bi se smanjio font podmenija */
	padding: 0px 0 0px 25px;
	margin: 0;
}

.art-BlockContent-body ul li li a:hover span, .art-BlockContent-body ul li li a:hover span span
{
	color: #000000;
}

.art-BlockContent-body ul li li a:hover span, .art-BlockContent-body ul li li a:hover span span
{
	color: #000000;
}


/* end Box, BlockContent */


/* begin Box, Post */
/* U okviru Post-a je definisan centralni deo sajta gde se prikazuje sadrzaj Article-a */
.art-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Post-body
{
	height:486px;
	overflow: auto;
	margin: 6px -2px 44px 1px; /*znak margine clanka - proveriti i art-PostContent marginu za desnu granicu */
	/*margin-top: 6px;
	margin-bottom: 44px; znak - dodato da clanak ne prelazi preko slike footer.png */
	position: relative;
	z-index:1;
}

.art-Post
{
	margin: 3px;
}

/* Start images */
a img
{
	margin-right: 8px;
	border: 0;
}

.art-article img, img.art-article
{
	margin: 1px; /* znak - ovo je bilo 1em - margina oko slika */
}

body.misija .art-article ul /* znak - dodao da definisem izgled ul-a u clancima gde stoji tekst Misija */
{
	/*margin-top: -9px;*/
	list-style-type:none;
	list-style-position: outside;
	list-style-image:none;
}

body.misija .art-article li /* znak - dodao da definisem izgled ul-a u clancima gde stoji tekst Misija */
{
position:relative;
list-style-type:none; /* removes default bullet */
background-image:url("../images/trougao-7.png"); 
background-repeat: no-repeat; /* ONE bullet only please */
background-position: 0 4px; /* .45em from top (vertical) */ 
padding-left:10px; /* space between bullet and text */ 
/* styling options below */
line-height: 16px; 
text-decoration:none;
}

body.noBullet .art-article ul
{
	margin:1em 0 1em 5em;
	padding:0;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	list-style-image: none;
	list-style-type: none;
	background-image:none;
}

body.noBullet .art-article li
{
	margin: 0.5em 0;
	padding:0;
	line-height: 14px;
	background-image:none;
}

body.home .art-Post-body
{
/*	overflow:hidden;*/
}

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto !important;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}


.art-article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.item-page h2, .art-PostHeaderIcon-wrapper
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
}

.item-page h2, .art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 14px; /* znak - smanjeno sa 18px da naslov u artiklima bude manji */
	color: #000000;
        font-weight: bold; /* znak - dodato da bolduje tekst naslova u artiklima */
}



/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  text-align: left;
  color: #3A6682;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  text-align: left;
  color: #3A6682;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  text-align: left;
  color: #92B6CE;
}
/* end PostHeader */

/* begin PostIcons */
.art-PostHeaderIcons
{
	padding:1px;
}

.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #4D4D4D;
}

.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	margin:0;
}

.art-PostHeaderIcons a:link
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
	color: #345B74;
}

.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #545454;
}

.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #46799B;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 12px;
  color: #262626;
}

.art-PostContent
{
  margin-right: 6px; /* znak - margina desno u clancima unutar skrola - proveriti i art-Post-Body margine */
  text-align: justify; /* znak - dodato da definise align teksta u okviru centralnog predstavljanja artikla */
  line-height: 15px; /* znak - dodato, definise prored u svim browserima na svim platformama */
  font-family: Lucida Sans Unicode, Arial, Verdana;
  color: #262626;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  color: #4a7043;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  color: #4a7043;

}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: none;
  color:#4a7043;

}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  text-decoration: underline;
  color:#4a7043;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 29px;
  color: #000000;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 22px;
  color: #000000;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 17px;
  color: #545454;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 14px;
  color: #262626;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 12px;
  color: #262626;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 10px;
  color: #262626;
}
/* Finish Content headings Fonts & Colors  */


/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #121212;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	list-style-image:none;
	list-style-type:none;

}

li ol, li ul
{
	margin:0.5em 0;
	padding:0;
}

li 
{
position:relative;
list-style-type:none; /* removes default bullet */
background-image:url("../images/trougao-7.png"); 
background-repeat: no-repeat; /* ONE bullet only please */
background-position: 0 4px; /* .45em from top (vertical) */ 
padding-left:10px; /* space between bullet and text */ 
/* styling options below */
margin:0.6em 0;
line-height: 15px; 
text-decoration:none;
}

ul
{
	 list-style-image: none;
}

ol
{
	list-style-position:outside;
	
}



/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#060B0E;
	font-family: Lucida Sans Unicode, Arial, Verdana;
}

blockquote
{
	margin:10px 10px 10px 50px;
	padding:5px 5px 5px 28px;
	background-color:#ABABAB;
	background-image:url('../images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:28px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.art-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 28px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.art-button-wrapper .art-button
{
	display:block;
	height: 28px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	white-space: nowrap;
	text-align: left;
	padding: 0 11px !important;
	line-height: 28px;
	text-decoration: none !important;
	color: #F2F2F2 !important;
}

input, select
{
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
	color: #EAF1F6 !important;
	text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
	color: #F2F2F2 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 84px;
	background-image: url('../images/Button.png');
}

.art-button-wrapper .l
{
	left:0;
	right:9px;
}

.art-button-wrapper .r
{
	width:407px;
	right:0;
	clip: rect(auto, auto, auto, 398px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
	top: -28px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -56px;
}


/* end Button */

/* begin Footer *//*
.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 960px;
	margin: auto;
}

.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 2px;
	text-align: center;
}



.art-Footer .art-Footer-text p
{
	margin: 0;
}

.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#262626;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	font-size: 9px;
}

.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #345B74;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}

.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #203746;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}

.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #46799B;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	text-decoration: none;
}*/
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Lucida Sans Unicode, Arial, Verdana;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color:#ccc;
}

.art-page-footer
{
	margin:0em;
	text-align:center;
	text-decoration:none;
	color:#ccc;
}
/* end PageFooter */


/* begin LayoutCell */
/* Znaci, ovde je definisan SAV sadrzaj vezan za sirinu menija, centralnog dela, itd. */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 184px; /*  default 194px */
}
/* end LayoutCell */

.art-contentLayout .art-sidebar1 ul li
{
	background-image:none;
}

/* begin LayoutCell */
.art-contentLayout .art-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 592px; /* default 497 - prosireno na 625px = 597px + 2*smanjenje za 14px (meniji sa strane) */
}
.art-contentLayout .art-content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 691px;
}


.art-contentLayout .art-content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 691px;
}

.art-contentLayout .art-sidebar2 ul li
{
	background-image:none;
}


.art-contentLayout .art-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 885px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 184px;  /*default 194px */
}
/* end LayoutCell */



.art-contentLayout li
{
	float: none;
}

table.moduletable th
{
	font-size: 140%;
	padding: .5em 0em;
}

#footer
{
	text-align: center;
}

.breadcrumbs
{
	display: block;
	padding: 0em 0em;
}

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
	font-size: 75%;
	padding-bottom: 1em;
}

.column_separator 
{
	padding-left: .4em;
}

.pagination span
{
	padding: 2px;
}

.pagination a
{
	padding: 2px;
}

div.offline
{
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway
{
/* znak - skroz izmenio ovaj deo posto to utice na izgled
breadcrumbsa, ako treba da se vrati stari izgled, pogledati
neki nepromenjeni css ovog template-a */
	font-size:9px;
	margin: -2px 20px -10px 2px;
	overflow: hidden;
}

/* headers */
table.moduletable th
{
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,Lucida Sans Unicode, Arial, Verdana;
	font-size: 1.5em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}
legend
{
	margin: 0;
	font-weight: normal;
	font-family: Helvetica,Arial,Lucida Sans Unicode, Arial, Verdana;
	font-size: 1.5em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

fieldset.filters legend {
	display:none;
}

fieldset.filters {
	border:none;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
/* form validation */
.invalid
{
	border-color: #ff0000;
}

label.invalid
{
	color: #ff0000;
}


/** overlib **/

.ol-foreground
{
	background-color: #f6f6f6;
}

.ol-background
{
	background-color: #666;
}

.ol-textfont
{
	font-family: Arial, Helvetica, Lucida Sans Unicode, Arial, Verdana;
	font-size: 10px;
}

.ol-captionfont
{
	font-family: Arial, Helvetica, Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}

.ol-captionfont a
{
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

/* spacers */
span.article_separator
{
	display: none;
}

.column_separator
{
	padding-left: 10px;
}

td.buttonheading img
{
	border: none;
}

.clr
{
	clear: both;
}

div#maindivider
{
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px;
}

table.blog span.article_separator
{
	display: none;
}

/* edit button */
.contentpaneopen_edit
{
	float: left;
}

/* table of contents */
table.contenttoc
{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
}

table.contenttoc td
{
	padding: 0 5px;
}


/* content tables */
td.sectiontableheader
{
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
	padding: 3px; /* znak - ovo je bilo 4px */
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
	padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane
{
	margin: 0;
	padding: 0;
	width: auto;
}

table.contentpaneopen li
{
	margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
	margin-top: 25px;
}

table.contentpaneopen h4
{
	font-family: Arial, Helvetica, Lucida Sans Unicode, Arial, Verdana;
	color: #333;
}

.highlight
{
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
	margin-bottom: 0px;
}

div.moduletable, div.module
{
	margin-bottom: 25px;
}

div.module_menu h3
{
	font-family: Helvetica, Arial, Lucida Sans Unicode, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module_menu
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.module_menu div div div
{
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}

div.module_menu div div div div
{
	background: none;
	padding: 0;
}

div.module_menu ul
{
	margin: 10px 0;
	padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited
{
	font-weight: bold;
}

#leftcolumn div.module
{
	padding: 0 10px;
}

#leftcolumn div.module table
{
	width: auto;
}

/* forms */
table.adminform textarea
{
	width: 540px;
	height: 400px;
	font-size: 1em;
	color: #000099;
}

div.search input
{

/* promenio margine, dodao background, font-size i color,
   rucno dodao ceo modul u index.php i stavio ga u Header div */
	width: 120px;
	border: 1px solid black;
	margin: 102px 0 0 804px;
	background: #f2f2f2;
	font-size: 10px;
	color: black;

}

form#form-login
{
	text-align: left;
}

form#form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}

form#form-login ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

form#form-login ul li
{
	background-image: none;
	padding: 0;
}

#modlgn_username, #modlgn_passwd
{
	width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
	display: block;
	margin: 0;
}

form#com-form-login
{
	text-align: left;
}

form#com-form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}

form#com-form-login ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

form#com-form-login ul li
{
	background-image: none;
	padding: 0;
}

/* thumbnails */
div.mosimage
{
	margin: 5px;
}

div.mosimage_caption {
	font-size: .90em;
	color: #666;
}

div.caption
{
	padding: 0 10px 0 10px;
}

div.caption img
{
	border: 1px solid #CCC;
}

div.caption p
{
	font-size: .90em;
	color: #666;
	text-align: center;
}

/* Parameter Table */
table.paramlist
{
	margin-top: 5px;
}

table.paramlist td.paramlist_key
{
	width: 128px;
	text-align: left;
	height: 30px;
}

div.message
{
	font-weight: bold;
	font-size: 14px;
	color: #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text
{
	padding: 4px;
	font-size: 11px;
	background-color: #f7f7f7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span
{
	padding: 2px;
}

.pagination a
{
	padding: 2px;
}


.pagination ul
{
    list-style-type: none;
}

.pagination ul li
{
    display: inline;
    background-image: none;
}

/* Polls */
.pollstableborder
{
	margin-top: 8px;
}


.pollstableborder td
{
	text-align: left;
	
}

/* WebLinks */
span.description
{
	display: block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend
{
	margin: 0;
	padding: 0 10px;
}

td.key
{
	border-bottom: 1px solid #eee;
	color: #666;
}

/* Tooltips */
/*
.tool-tip
{
	float: none;
	background: #white;
	border: 1px solid #d4d5aa;
	padding: 5px;
	max-width: 200px;
	display:none;
}

.tool-title
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text
{
	font-size: 100%;
	margin: 0;
}
*/
/* System Standard Messages */
#system-message
{
	margin: auto;
}

#system-message dd.message ul
{
	background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
	border-top: 3px solid #de7a7b;
	border-bottom: 3px solid #de7a7b;
	margin:0px;
	padding-left: 40px;
	text-indent:0px;
}

/* System Error Messages */
#system-message dd.error ul
{
	color: #c00;
	background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
}

/* System Notice Messages */
#system-message dd.notice ul
{
	color: #c00;
	background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
	border-top: 3px solid #f0dc7e;
	border-bottom: 3px solid #f0dc7e;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
 }

#syndicate
{
	float: left;
	padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
	padding: 2px 0;
}

.breadcrumbs img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.mceToolbarTop {
	white-space: normal;
}

.mceEditor
{
	background: none;
}

#archive-list
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#archive-list li
{
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	margin-left: 0px;
	padding-left: 0px;
}

#navigation
{
	text-align: center;
}

.article h3 img
{
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.art-Footer-text .moduletable
{
	border: none;
	margin: 0;
	padding: 0;
}

.pollstableborder td {
	vertical-align: middle;
}

.img_caption.left
{
	float: left;
	margin-right: 1em;
}

.img_caption.right
{
	float: right;
	margin-left: 1em;
}

.img_caption.left p
{
	clear: left;
	text-align: center;
}

.img_caption.right p
{
	clear: right;
	text-align: center;
}

.img_caption img
{
	margin: 0em;
}

.contentheading
{
  font-family: Lucida Sans Unicode, Arial, Verdana;
  font-size: 14px;
  color: #000000;
  font-weight: bold; /* znak - #545454; */
}


/* znak - Ovim je resen prored u tekstu desnog news menija.
   dodat je paragraf small u odgovarajuci fajl u mod_latestnews modulu */
p.small
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	line-height: 14px;
	font-size: 11px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #583813;
}

p.smaller
{
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 14px;
	font-size: 11px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #583813;

}

p.vestiNaslov
{	
	margin-top: 2px;
	margin-bottom: 4px;
	line-height: 14px;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #583813;
}

p
{
	margin: 12px 0;
	overflow: hidden;
}

.flasic
{
        position:absolute;
        margin-top: 16px;
        margin-left: 306px;
}

.bannergrouptedxlogo
{
	position: absolute;
	z-index: 100;
	margin: 625px 0 0 802px;
}

.art-sidebar2 .art-nostyle .bannergrouptedxlogo
{
	margin-left: 16px;
}

.mod-articles-category-date 
{
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 14px;
	font-size: 11px;
	font-family: Lucida Sans Unicode, Arial, Verdana;
	color: #583813;
	padding: 0px 0 0px 5px;
}

.content-category h2
{
font-family: Lucida Sans Unicode, Arial, Verdana;
font-size: 14px;
color: #000000;
font-weight: bold;
font-style: normal;
letter-spacing: normal;
word-spacing: normal;
font-variant: normal;
text-transform: none;
text-align: left;
text-indent: 0;
line-height: inherit;
}

#tableOrdering, #tableOrdering2
{
text-align:left;
}
.tooltip {
	position: absolute;
	z-index: 999999;
	display: none;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow:visible !important;
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: red ; /*#fff;*/
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 	z-index: 999999;
	display:none;
}
.tooltip-arrow {
	position: absolute;
	display:none;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

.tooltip {
	max-width: 400px;
}
.tooltip-inner {
	max-width: none;
	text-align: left;
	text-shadow: none;
}
th .tooltip-inner {
	font-weight: normal;
}
.tooltip.hasimage {
	opacity: 1;
}
.tip-text {
	text-align: left;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {
	opacity: 1;
}