body,font,table,td,tr,input,select,font,pre {

	font-size: 12px;

	font-family: Tahoma;

}

body {

	background-color: #FFFFFF;

	scrollbar-arrow-color: black;

	scrollbar-base-color: white;

	scrollbar-track-color: white;

	scrollbar-3dlight-color:black;

	scrollbar-face-color: #FFF5AA;

	scrollbar-highlight-color: black;

	scrollbar-shadow-color: black;

	scrollbar-darkshadow-color: black;

}

a {

	color:darkred;
	text-decoration: none;

}

a:hover {

	color: #000000;

}

input {

	background-color:#FFFFFF; font-size:11px; border:1px solid black; color:black; height:19px;

}

textarea {

	background-color:transparent; font-family: Verdana; font-size:11px; border:1px solid black; color:black;

}

select {

	font-size:11px;

}



.normal {

	border: 1px solid black;

}



.justify {

	text-align: justify;

}



.hover {

	border: 1px solid darkred;

}

.edit, .small {

	font-size: 10px;

}

.small01 {

	font-size: 10px;
	color: darkred;

}

.small02 {

	font-size: 10px;
	color: #FFF596;

}

.large {

	font-size: 14px;

}

.table {

	border:2px solid #000000

}

.border2px {

	border:2px solid #000000

}

.border1px {

	border:1px solid #000000

}

.dark a:visited, .dark a:link {

	color: #FFFFFF;

}

.dark, .dark a:active, .dark a:hover {

	color: black;

	background-color: #F38878;

}

.dark1 a:visited, .dark1 a:link {

	color: #FFFFFF;

}

.dark1, .dark1 a:active, .dark1 a:hover {

	color: #000000;

	background-color: #FFA284;

}


.film a:visited, .film a:link {

	color: #FFFFFF;

}

.film, .film a:active, .film a:hover {

	color: darkred;

	background-color: #460305;

}


.light {

	color: #000000;

	background-color: #FFF5C8;

}

.lighter {

	color: #000000;

	background-color: #FFFAE6;

}

.grey {

	background-color: #FFF5AA;

}

.yellow {

	color: #000000;

	background-color: #FFF596;

}

.white, .white a:visited, .white a:link {

	color: #FFFFFF;

	font-size: 16px;

	word-spacing: 50px;

}

.white a:active, .white a:hover

{

	color: #DEE3EF

}

#banner {

	position: absolute;

	width: auto;

	height: auto;

	top: 5px;

	left: 525;

	bottom: auto;

	right: auto;

}

#banner2 {

	position: absolute;

	width: auto;

	height: auto;

	top: 48px;

	left: 519;

	bottom: auto;

	right: auto;

}

#user {

	position: absolute;

	width: auto;

	height: auto;

	top: 110px;

	left: 505px;

	bottom: auto;

	right: auto;

}



#ac_results {
    padding: 0;
    border: 1px solid #333;
    background-color: #fff;
    overflow: hidden;
    z-index: 99999;
    text-align: left;
    }
#ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    }
#ac_results li {
    margin: 0;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 10px;
    line-height: 16px;
    overflow: hidden;
    }
#ac_results {
    background-color: #eee;
    }
#ac_over {
    background-color: #0e2221;
    color: #fff;
    }
#nagradna1 {

	position: absolute;

	width: auto;

	height: auto;

	top: 210px;

	left: 155px;

	bottom: auto;

	right: auto;

}
#nagradna3 {

	position: absolute;

	width: auto;

	height: auto;

	top: 210px;

	left: 330px;

	bottom: auto;

	right: auto;

}
#nagradna2 {

	position: absolute;

	width: auto;

	height: auto;

	top: 210px;

	left: 260px;

	bottom: auto;

	right: auto;

}

.content{
		width:200px;
		margin:0 auto;
	}

#result
	{
		position:absolute;
		width:438px;
		padding:2px;
		display:none;
		margin-top:6px;
		border-top:0px;
		overflow:hidden;
		border:1px #000 solid;
		background-color: white;
	}
	.show
	{
		padding:1px; 
		border-bottom:1px #999 dashed;
		font-size:12px; 
		height:50px;
	}
		.show:hover
	{
		background:#fffae6;
		color:#FFF;
		cursor:pointer;
	}

#searchid
	{
		width:130px;
		border:solid 1px #000;
		padding:0px;
		font-size:14px;
	}
	
	
	
.container{
	width:100px;
	margin:0px auto;
}
#searchInput
{
	width:350px;
	border:solid 1px #dedede;
	padding:3px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	box-shadow: 0px 0px 5px #999;
	border-width: 1px 1px 0px;
	border-style: solid;
	border-color: #efefef #DEDEDE #DEDEDE;
	background-color: white;
}
#divResult
{
	position:absolute;
	width:348px;
	display:none;
	margin-top:-1px;
	border:solid 1px #dedede;
	border-top:0px;
	overflow:hidden;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-shadow: 0px 0px 5px #999;
	border-width: 0px 1px 1px;
	border-style: solid;
	border-color: #eeeeee #DEDEDE #DEDEDE;
	background-color: white;
	
}
#divResult ul {
	padding:4px; border-top:solid 1px #dedede; 
	height:50px;
	list-style-type:none;
	}
#divResult ul li{
	padding:4px; border-top:solid 1px #dedede; 
	height:50px;
	list-style-type:none;
}
#divResult ul li:hover{
	cursor: pointer;
}
#divResult ul li.selected{
	background:#1BA1E2;
	color:#FFFFFF;
	cursor:pointer;
}
#divResult div#search-footer{
	height: 15px;
	text-align: right;
	padding: 15px 0 20px 0;
	background-color:#e2e2e2; 
	position:absolute;
}
#divResult ul li img.profile_image{
	width:50px; height:50px; float:left; margin-right:1px;
}


table.tabela_leva {
    position:relative;
    float:left;
	
	 margin-right:40px;
 
   }

table.tabela_desna {
    position:relative;
    float:right;
	margin-right:40px;
     border:solid 1px black;
  }
/* tables */
table.tablesorter {
	font-family:arial;
	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: #ffa284;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFFAE6;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#FFF5C8;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(https://www.slocartoon.net/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(https://www.slocartoon.net/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #f38878;
}


#myWorkContent{
    display: inline-block;
	width: 740px;

   border: none;
}
#myWorkContent a {
	
	height: 15px;
    padding: 0px;
    width: 45px;
	border: 1px solid #000000;
	background: #ffa284;
	color: #ffffff;
    display: inline-block;
    vertical-align: middle;
	text-align: center;
	 
}

#myWorkContent a:hover {
    background-color: #f38878;    
}







#container1{
    border: none;
    text-align: right;
    margin: 0px;
    width: 740px;

}

#container2{
    border: none;
    text-align: left;
    margin: 0px;
    width: 80px;
	display: inline-block;

}

#myWorkContent2{
    display: inline-block;
	width: 740px;
    border: none;
	text-align: left;
	background-color: #fff5c8; 
	
}

#myWorkContent4{
    display: inline-block;
	width: 740px;
    border: 1px solid #000000;
	text-align: left;
}

#myWorkContent5{
    display: inline-block;
	width: 580px;
    border: 1px solid #000000;
	text-align: left;
}

#myWorkContent6{
    display: inline-block;
	width: 380px;
    border: none;
	text-align: left;
	
	
}
#myWorkContent7{
    display: inline-block;
	width: 580px;
    border: 1px solid #444444;
	text-align: left;

#container3{
	float: right;
    border: 1px solid #dddddd;
	width: 100px;
    text-align: right;
    margin: 0px;
    height: auto;
	display: inline-block;

}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}