/* ----------------------------------------------------------------------------------------------------------
1) HTML tagovi za  resetovanje
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

img {border: 0;}

body { font:0.8em/1.5 "Trebuchet MS", trebuchet, serif;}

a {text-decoration:none; color: DarkBlue;}
a:hover {color: red;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:180%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}

p {padding: 5px;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

th p, td p {margin: 0; padding: 0;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding: 0px 0px 10px 40px;}
legend {position:absolute;  margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/*  Otklanjanje skrol bara u texarea tagu u IE */

textarea{
	overflow:auto;
}


/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}



.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.v-space {margin-top: 20px;}
.v-space10 {margin-top: 10px;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

    .bigger {font-size:120%; font-weight: bold;}
    .smaller {font-size:85%;}
	.low {color: silver;}
	
.h3 {font-size:140%; font-weight:normal;}   


/* ----------------------------------------------------------------------------------------------------------
3) Stilovi vezani za sadrzaj stranice
---------------------------------------------------------------------------------------------------------- */

#main {	margin: 0 auto;	width: 950px; }

#header {width: 955px; height: 180px; position: relative;}

#header #naslov { font:italic 540% "Trebuchet MS", trebuchet, serif; font-weight: 700; position: relative; top: 30px; left: 200px;}

	#topinfo {float: right; font-weight: bold;  height: 30px; margin-top: 10px;}
	#topinfo a {text-decoration: none; color: #000; padding-left: 15px; }
	#topinfo a:hover {color: red;}

/*----------------------------------------------------------------------------------------*/		

/* #designMenu {position: relative; left: 0px; bottom: 50px; width: 900px;} */

#left_side {width: 180px; float: left; }

#mainMenu {float: left; width: 170px; }
#mainMenu ul {list-style: none;   }
#mainMenu ul li { padding: 2px; font-size: 15px; font-weight: bold;}
#mainMenu ul li a {padding: 5px 5px 5px 10px; background: url(../images/btn.gif) no-repeat; color: #fff; display: block; width: 155px;}
#mainMenu ul li a:hover {background: url(../images/btnH.gif) no-repeat; }

#sectionTitle {background: url(../images/title.gif) no-repeat; width: 740px; height: 42px; color: #fff; line-height: 42px; font-weight: bold; font-size: 15px;  paDDing-left: 20px;}

#designMenu {list-style: none;  border: 1px solid black; margin-right: 20px; padding: 10px; }
#designMenu li {margin-bottom: 20px; font-weight: bold;}
#designMenu li a {color: red; }
#designMenu li a:hover {color: blue; }
#designMenu ul {list-style: none; margin-left: 20px; padding-top: 10px; background: #fff; } 
#designMenu ul li {margin-bottom: 0;}

#main_nav {list-style: none;  border: 1px solid black; margin: 20px 20px 10px 0; padding: 5px; }
#main_nav h3 {margin: 3px 5px 3px 20px;}
#main_nav  li {font-weight: bold; padding-left: 10px;}
#main_nav li a {color: red; }
#main_nav li a:hover {color: blue; }
#main_nav ul{list-style: none; margin-left: 20px; } 
		
#nav #logoutForm { padding: 3px; }
#header #logout { position: absolute; right: 0; top: 20px; }
#header #logout input {background: #eee url(../../design/exit.gif) no-repeat; padding-left: 35px; font-weight: bold; width: 100px; height: 32px; line-height: 32px; border: 0;}

#moduls { float: left;}
	.modul {text-align: center; float: left; width: 170px; height: 190px; margin-bottom: 30px;}
	.modul h2 {font-weight: bold;}

#fastMenu {background: url(../images/fmbgd.gif) no-repeat; width: 162px; height: 355px; font-weight: bold; margin-top: 10px; margin-left: 5px; padding-top: 15px;}
	.modul_s {text-align: center; float: left; width: 80px; height: 70px; margin-bottom: 10px;}
	
#content {width: 770px; float: left;  margin-left: 10px; }

#content  table.tbl {margin: 20px 20px 10px 0px; background: #fff;}

#content  th.tbl {	background: #EBEBEB; border: 1px solid #5B5D4F;}

#content  td.tbl {border: 1px solid #5B5D4F; }


.table {width: 770px; }

.table .row {width: 770px; list-style: none; clear: both; height: 60px; overflow: visible; position: relative; border-bottom: 1px solid black; background: #fff;} 
.table .row li {display: inline; position: relative;}

.table ul.mark {background: #eee !important;}
.table .th { background: silver; font-weight: bold; font-size: 14px; text-align: center;  height: 40px !important; vertical-align:middle; border-bottom: 0 !important;}
.table .th .cell { border-right: 3px solid #fff; }
.table .th  .title { font-size: 14px !important; }
.table .row .cell { float: left; padding: 10px;  vertical-align:middle; }

.table .row .title { width: 335px; font-weight: bold; font-size: 11px; display: block;  }
.table .row .name { width: 300px; font-weight: bold; font-size: 11px; display: block;  }
.table .row .date { width: 130px;  display: block; text-align: center; }
.table .row .comments { width: 80px; display: block; text-align: center;}
.table .row .options { width: 55px; display: block; text-align: center; text-align: center;}
.table .row .options a { text-decoration: none;}
.table .row .options  img {border: 0;}


.pagination {font-weight: bold; margin: 20px 0 20px 0;  float: right;} 
.pagination .position {border: 1px solid silver; padding: 3px; margin: 5px;}
.pagination .active {background: #eee;}


input.title { font-size: 18px;}

#tekst_vesti {width: 540px;}


.img {width: 150px; height: 230px; border:1px solid black; margin: 10px; float: left; text-align: center; position: relative;}
.img .pic {width: 130px; height: 130px; margin: 0 auto;}
.img .pic img { margin-top: 10px; padding: 5px; border: 1px solid gray;}

.img .options {list-style: none; position: absolute; bottom: 5px; left:0px; height: 25px; width: 150px; margin-top: 10px; border-top: 1px solid black; vertical-align: middle; clear: both;}
.img .options li {display: inline; margin-left: 5px; }
.img .options li img { margin-top: 3px;}
.img li.active { background: #D6D8D7;}

.album {width: 400px; height: 185px; border:1px solid black; margin: 10px; float: left; text-align: left; position: relative;}
.album .pic {width: 130px; height: 130px; float: left; margin: 10px;  }
.album .pic img { padding: 5px; border: 1px solid gray; margin-right: 10px;}

.album .content {margin: 10px;}
.album .content .title {font-weight: bold;}

.album .options { position: absolute; bottom: 5px; left:0px; height: 20px; width: 400px; border-top: 1px solid black; vertical-align: middle; clear: both; }
.album .options ul {list-style: none; float: right; margin-right: 10px; }
.album .options li {display: inline; padding-left: 10px;}
.album .options li img {margin-top: 2px;}
.album li.active { background: #D6D8D7;}

.employer {width: 345px; background: #ddd; min-height: 140px; padding: 10px; margin: 10px 0 10px 10px; float: left;}
.employer .emp_img img  {padding: 7px; background: #fff; }
.employer .selected {background: #000; border: 4px solid #fff;}

#forma { padding: 20px; background: url(../images/login2.gif) no-repeat; font-weight: bold; font-size: 16px; color: #000; overflow: visible; width: 250px; height: 250px; margin: 0 auto;}
#forma p {font-size: 14px;}


#forma form {
	margin-right: 40px;
	margin-top: 10px;
	text-align: left; 
}


.opt {margin: 10px 20px;} 

#update_emp {width: 420px; background: #eee; padding: 20px;}
#update_emp img {padding: 8px; background: #fff; }
#update_emp .input {width: 130px; }

#dodaj_sliku {margin: 0 auto; width: 100%; }

#novi_album {margin: 0 auto;}

.komentar {margin: 10px 0px 0px 0px;  border: 1px solid #5B5D4F; width: 70%;}
	
	.komentar_naslov {padding: 5px; background: #EBEBEB; border-bottom: 1px solid #5B5D4F; height: 20px;}
	
	.komentar_sadrzaj { padding: 10px;}

#copyright{clear: both; text-align: left; margin-top: 40px; padding-top: 20px; width: 950px; height: 80px; border-top: 1px solid black;}

/* ----------------------------------------------------------------------------------------------------------
4) Ostali stilovi
---------------------------------------------------------------------------------------------------------- */

.red {color: red;}
.dark_blue {color: DarkBlue;}
.icon img {width: 22px; height: 22px;}

.btn {padding: 3px; font-weight: bold;}

.input { padding:4px; border:1px solid black; margin-top: 5px;}
.input:focus {border:1px solid red; background: #FDFFC7;}

.textarea textarea {font:normal 100%/1.2 "arial",sans-serif; padding: 3px; border:1px solid black;}
.textarea textarea:focus {border:1px solid black; background: #FDFFC7; }

input.submit {padding:6px; font-weight:bold; }
input.submit:hover {color: red;}

.selected { border:1px solid #989ec1; background: #b7bfef;}

.email {color: red; font: normal 75% "Georgia", georgia, sans-serif; }

.fullwidth {width: 400px;}



html, body {height: 100%; margin: 0; padding: 0; }

.alert_msg {position: absolute; top: 40%; left: 35%; width: 30%; border: 1px solid black; background: #eee url(../design/bigrotation2.gif) 10px 10px no-repeat; padding: 10px; padding-left: 40px; text-align: center;}
body>.alert_msg {position: fixed; }