/*   --------------------   korpa ------------------------------ */

#korpakorpaDiv{
padding-left:2px;
padding-right:2px;
}

#dropdownpanel{ /*Outermost Panel DIV*/
	position: absolute;
	width: 100%;
	visibility:hidden;
	z-index:10000;
	/*background-color:#151515;*/
	background-repeat: no-repeat;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
/*background: black;*/
color: white;
background-color:#151515;
padding: 10px;
/*text-align: right;*/
background-image: url(images/1.jpg);
background-repeat:no-repeat;
background-position:left;
/*opacity: 0.99;
-moz-opacity: 0.99;
-khtml-opacity: 0.99;
filter: alpha(Opacity=99);*/
}

#dropdownpanel .control{ /*Div sa slicicom korpe*/
	border-top: 5px solid #333;
	color: white;
	font-weight: bold;
	text-align: center; /*change panel.gif to your own if desired*/
	padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
	height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
	line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
	background-color: transparent;
	background-image: url(../images/korpa1.gif);
	background-repeat: no-repeat;
	background-position: center center;
}




/* -----------------------  tabela korpa -------------------------*/
.div_detalji_pozadina { /*ovo je stil diva u kome se otvaraju podartikli*/
padding: 10px 5px 10px 20px; 
/*background-color:#99cc33;*/
background-color:#EFEFEF;
}


table.tabelaKorpa {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; background:none;
	background-color: #494949;
	margin:2px 2px 2px 2px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border: thin solid #2f2f2f;
}

table.tabelaKorpa a{
	/*color: #006600;*/
	
}



/*------------------------- tabele tablesorter kraj ------------------*/
table.tabelaKorpa1 {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	margin:2px 2px 2px 2px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	background-color: #FFD291;
}


table.tabelaKorpa thead tr th, table.tablesorter tfoot tr th {
	/*background-color: #e6EEEE;*/
	font-size: 8pt;
	padding: 2px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	/*background-image: url(../images/table_background.gif); background: none;*/
	background-color:#494949;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF; min-height: 20px
}
table.tabelaKorpa1 thead tr th, table.tablesorter tfoot tr th {	/*background-color: #e6EEEE;*/
	background-color:#CCFF00;
	font-size: 8pt;
	padding: 2px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

table.tabelaKorpa tbody td {
	color: #333333;
	padding-left: 2px;
	padding-right: 2px;
	padding:2px;
	background-color: #FFF;
	vertical-align: top;
}

table.tabelaKorpa tbody tr.odd td {
	background-color:#E5E5E5;
}

table.tabelaKorpa tbody tr.tabelaKorpaover td {
	/*background-color:#FDC4B0;*/
	background-color:#F0ECEC;	
}

/*------------------------- tabela korpa kraj ------------------*/











/* -------------- carusel (3 slicice koje se skroluju u detaljima) ----------*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    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: 98px;   /*fixna sirina slicice*/
    height: 70px;  /*fixna visina slicice*/
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}





/* skin za carusel */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 324px;     /*  3 * sirina slicice + 20 za margine   */
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 98px;     /* fixna sirina slicice */
    height: 230px;   /*    3 * visina slicice + 20 za margine     */
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  324px;  /*    3 * sirina slicice + 20 za margine     */
    height: 70px;   /* fixna visina slicice */
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  98px;  /* fixna sirina slicice */
    height: 230px; /* 3 * visina slicice + 20 */
}

.jcarousel-skin-tango .jcarousel-item {
    width: 98px;   /* fixna sirina slicice */
    height: 70px;  /* fixna visina slicice */
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* skin za carusel kraj */

/* -------------- carusel kraj ---------------------------------------------*/











/* ---------------------- dynamicka lista ------------------------- */

	#ajax_listOfOptions{
	font-family:Arial, Helvetica, sans-serif;
		position:absolute;	/* Never change this one */
		width:245px;	/* Width of box */
		height:200px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:10px;
		z-index:1001;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:10px;
		height:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#4AA0E0;
	color:#000000;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}


/* ---------------------- dynamicka lista kraj ------------------------- */







/* --------------------- tabele tablesorter -------------------------*/


table.tablesorter {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*background-color: #e6EEEE;*/
	background-color:#999999;
	border: 1px solid #FFFED5;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tablesorter tbody tr.tsorterover td {
	/*background-color:#FDC4B0;*/
	background-color:#F1EDED;
	
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #FDC4B0;
} 
.crveno {color : #a00200; } 
A.crveno {text-decoration : none; color : #a00200; } 
A.crveno:visited {text-decoration : none; color : #a00200; } 
A.crveno:hover {text-decoration : underline; color : #a00200; }