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

	// Ecosy CSS	
	// Author: Andrej Venta
	// Date: November 2008
	// Contact: andrej@mikromedia.si

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

/* Master reset 
	@import url("/content/templates/ecosy/css/reset.css"); */

/*  
	// Glavne barve 
*/

* {
	margin:0;
	padding:0;
}

a > img { border: 0 none; } 
img { border: 0 none; }

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	margin:0;
	padding:0;
	}
input, textarea, select {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #444;
	font-size: 12px;	
	}
/* links */
a:link, a:visited {
	color: #E31F26;	
	text-decoration:underline;
	}
a:hover {
	color: #444;
	text-decoration:underline;
	}

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

	// Struktura

------------------------------------------------------------ */
/*
	// Wrappers
*/
#wrap {
	width:885px;
	margin-left:auto;
	margin-right:auto;
	}	
#left {
	float:left;
	width:550px;	
	}
/*
	// Glava strani
*/
#header {	
	position:relative;
	float:left;
	width:100%;
	height:118px;
	background:url(/content/templates/ecosy/images/head_bg.png) no-repeat top right;}	
	
	/* top bar */
	#header .top_bar {position:absolute; right:0px; top:0; width: 380px; height:33px; margin-top:7px; }	
	#header	.top_bar ul {margin-right:20px; display:inline; list-style-type:none; padding:0; float:right; text-transform:uppercase;}
	#header	.top_bar ul li {display:inline; margin-right:8px; color:#fff; font-size:12px; }
	#header .top_bar a {text-decoration:none; color:#444;}
	
	#header .top_menu {	
		position:absolute;		
		text-align:center;
		line-height:33px;
		bottom:0;
		right:50px;
		}
	#header	.top_menu ul {margin:0; list-style-type:none; padding:0;}
	#header	.top_menu ul li {float:left;display:inline; margin-right:5px; font-size:12px; width:88px; background:#fff url(/content/templates/ecosy/images/top_menu_bg.png) repeat-x top left;}
	#header	.top_menu a {color:#444; text-decoration:none;}	
	#header	.top_menu a:hover {color:#E31F26; text-decoration:none;}	
	
#content { position:relative; height:1%; }
	#content h1{
		margin:10px 0 10px 0;
		font-size:18px;
		padding:5px 5px 5px 0;
		border-bottom:1px solid #ddd;
		border-top:1px solid #ddd;
		text-transform:uppercase;
		position:relative;
	}
	#content h1.print img {position:absolute; top:5px; right:15px; margin:0; padding:0; width:20px; height:21px;}
	#content h2 {font-size:18px; margin:0; padding:0;}
	#content p{margin-bottom:10px;}
	#content ul { list-style-type:circle; padding-left:25px;}
	/* #content img{ margin:5px;} */

	#content .reader-publisher-module h3 { font-size:15px; margin:0 0 10px 0; padding:0; border: 0;}
	#content .reader-publisher-module ul li { margin-right:8px; margin-bottom: 10px; }
	#content .reader-publisher-module div a { color: #000000; text-decoration: none; }	
	#content .reader-publisher-module div a:hover { color: #E31F26; text-decoration: none; }
	#content .reader-publisher-module div.f a { color: #E31F26; text-decoration: underline; }	
	#content .reader-publisher-module div.f a:hover { color: #444; text-decoration: underline; }	
	
	#deliverables { margin-top:10px; float:left; width:550px; height:130px; z-index:-1; position:relative;}
	#content .lang {position:absolute; top:15px; right:15px;}
	#content .lang a{ background: #fff; padding:0 2px; margin:0 1px; text-decoration:none;}
	#content .lang a:visited {text-decoration:none;}
	#content .lang a.activeSlide { background: #E31F26; color:#fff; }
	#content .lang a:focus { outline: none; }
	#content .nav {float:right; z-index:999; margin:-30px 5px 0 0;}
	#content .nav a{ background: #fff; padding:0 5px; margin:0 2px; text-decoration:none;}
	#content .nav a:visited {text-decoration:none;}
	#content .nav a.activeSlide { background: #E31F26; color:#fff; }
	#content .nav a:focus { outline: none; }
	
	#content #no_all_signatures { margin-top: 10px; font-size: 16px; font-weight: bold; }

	#content #link_all_signatures { margin-top: 10px; cursor: pointer; }
	#content #link_all_signatures:hover { margin-top: 10px; cursor: pointer; color:#E31F26; }
	#content #thide_all_signatures { margin-top: 10px; cursor: pointer; }
	#content #thide_all_signatures:hover { margin-top: 10px; cursor: pointer; color:#E31F26; }
	#content #bhide_all_signatures { margin-top: 10px; cursor: pointer; }
	#content #bhide_all_signatures:hover { margin-top: 10px; cursor: pointer; color:#E31F26; }
	
	#content #functionar_title { margin-bottom: 10px; font-size:14px; font-weight:bold; }

	/* tableEcosyCommon */
	#content .tableEcosyCommon { width: 100%; color: #333; margin: 0 0 1em 0; border-collapse: collapse; }
	#content .tableEcosyCommon tr th td { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
	
	/* HEADER */
	#content .tableEcosyCommon thead { line-height:2em; background-color: #E31F26; color:#FFFFFF; padding: 2px; border:1px solid #E31F26; }
	#content .tableEcosyCommon thead tr th { padding: 2px; text-align: left; color: #fff; }
	
	/* BODY */
	#content .tableEcosyCommon tbody tr td { background-color: #ffffff; background-repeat: no-repeat; background-position: left top; border-left:0px solid #ccc; }
	#content .tableEcosyCommon tbody tr:hover td { background-color: #fbe1e2; border-bottom:1px solid #ccc; }
	#content .tableEcosyCommon tbody tr td { padding: 2px; border-bottom: 1px solid #ccc; }
	
	#latest h1 { margin-top:15px; }
	#latest {float:left; width:100%; /* ie6 ponavlje vrstice zato 99% - wierd bug */}	
	#latest h2 {font-size:18px; margin:0; padding:0;}
	#latest h2 a { color: #444; text-decoration: none; }
	#latest h2 a:hover { color: #444; text-decoration: underline; }
	#latest p.date {text-transform:uppercase; color:#999; margin-bottom:10px;}
	#latest img {float:left; margin:0 10px 10px 0}
	
	/* news container */
	#news {float:left; width:98%;}
	
	/* info bar */
	#latest .info {float:left; width:100%; margin:10px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0 5px 0; text-align:right;}
	#latest .info span a {color:#444; text-decoration:none; border-right:1px solid #ddd; margin-right:10px; padding-right:30px;}
	#latest .info span a:visited {color:#444; text-decoration:none;}
	#latest .info span {float:left;}	
	
	#latest .info span a.send { background:url(/content/templates/ecosy/images/mail_forward.png) no-repeat 30px center;}
	#latest .info span a.print { background:url(/content/templates/ecosy/images/print.png) no-repeat 30px center; margin-right:5px; }
	#latest .info span a.add { background:url(/content/templates/ecosy/images/add.png) no-repeat 35px center; padding-right:30px; }	
	#latest .info span a.edit { background:url(/content/templates/common/images/new/edit.png) no-repeat 30px center; padding-right:35px; border: 0; }	
	
#social p { font-size:18px; float:left; margin:10px 10px 5px 0; }
#social img { float:left; margin:10px 10px 5px 0; }

/*
	// Sidebar	
*/

#sidebar {
	float:left;
	width:320px;
	margin:10px 0 0 13px;	
	}
#sidebar h2 {font-size:18px}
.right_menu {
	float:left;
	width:100%;
	background-color:#fff;
	border:1px solid #ddd;
	margin-top:5px;
	}
.right_menu ul {font-size:14px; font-weight:bold; margin:0; padding:0; list-style-type:none;}
.right_menu li { border-bottom:1px solid #ddd; height:1%; padding:2px 0}
.right_menu li a {margin-left:10px;text-decoration:none; color:#444;}
.right_menu li a:visited {text-decoration:none; color:#444;}
.right_menu li a:hover{ text-decoration:none; color:#E31F26;}
/* Apple style Search Form */

#searchform {
	margin: 0;
	padding: 0;
	}
#searchform fieldset {
	margin: 0;
	padding: 0;
	border: 0;		
	}
#searchform label { 
	color: #999; 
	display: none; 
	}
#searchform input { 
	width: 150px; 
	color: #222; 
	}
#searchform #submitquery { 
	display: none; 
	}

ul.downloads li { background:url(/content/templates/ecosy/images/video.png) no-repeat left center; padding-left:20px;}

.welcome {	
	float:left;
	width:100%;
	background-color:#f2f2f2;
	border:1px solid #ddd;
	margin-bottom:5px;
	}
.welcome img {margin:8px; border:2px solid #E31F26; float:left;}
.welcome p {color:#444; line-height:14px; margin:5px;}

.poll {float:left; width:100%; margin-top:15px}

.top_poll {	
	float:left;
	width:100%;
	background-color:#f2f2f2;
	border:1px solid #ddd;
	}
.top_poll p {padding:5px;}
.bottom_poll {	
	float:left;
	width:100%;
	background-color:#fffff;
	border:1px solid #ddd;		
	}
			
.bottom_poll ul {margin:0; list-style-type:none; padding:5px;}
.bottom_poll ul li {float:left; display:inline; width:90%; margin:2px 0; }	
.bottom_poll ul li input{margin-right:5px; }

.sidebox {float:left; width:100%;background-color:#fff; border:1px solid #ddd; margin-top:25px;}
.sidebox h2 {color:#fff; font-size:18px; background-color:#E31F26; text-transform:uppercase; height:28px; line-height:28px; padding-left:10px}
.sidebox ul {font-size:12px; margin:5px; padding:0; list-style-type:none;}
.sidebox li {margin:3px 5px 5px 5px; padding:1px 0; border-bottom:1px solid #ddd; height:1%;}
.sidebox li a {text-decoration:none; color:#444;}
.sidebox li a:visited {text-decoration:none; color:#444;}
.sidebox li a:hover{ text-decoration:none; color:#E31F26;}

.lastbox {margin-bottom:15px;}

.login {float:left; width:100%;background-color:#fff; border:1px solid #ddd; margin-bottom:25px;}
.login h2 {color:#fff; font-size:18px; background-color:#E31F26; text-transform:uppercase; height:28px; line-height:28px; padding-left:10px}
.login ul {font-size:12px; margin:5px; padding:0; list-style-type:none;}
.login dd {margin:3px 5px 0px 5px; padding:1px 0; height:1%;}
.login li {margin:3px 5px 5px 5px; padding:1px 0; border-bottom:1px solid #ddd; height:1%;}
.login li a {text-decoration:none; color:#444;}
.login li a:visited {text-decoration:none; color:#444;}
.login li a:hover{ text-decoration:none; color:#E31F26;}

#flickr { height: 110px; width: 300px; padding:0; margin:0; overflow: hidden;}
#flickr img { border:none;}
.flickrNav {padding:5px;}
/*
// Footer
*/
#footer {float:left; width:100%; _width:99%; height:67px;text-align:center; margin-top:15px; background:#E31F26 url(/content/templates/ecosy/images/footer.png) no-repeat right top; color:#fff; position:relative;}
#footer	ul { margin:0 10px; list-style-type:none; padding:0;}
#footer	ul li {display:inline; margin-right:10px; font-size:12px; }
#footer p {margin-top:10px; padding:0; }
#footer a, #footer a:visited{color:#fff;}
#footer span.rss {position:absolute; right:5px; top:5px;}

/* 
// Font stayling
*/

h3 {font-size:12px; margin:8px 8px 0 8px; padding-bottom:3px; border-bottom:1px solid #ddd;}
li.no_border{border:none;}
.bigborder {border: solid 3px #ddd;}
#deliverables img {margin:0; position:absolute;}

/*
// Tabela za statistiko statisticTable
*/

#statisticTable { width: 100%; color: #333; margin: 0 0 1em 0; border-collapse: collapse; }
#statisticTable tr th td { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }

/* HEADER */
#statisticTable thead { line-height:2em; border-bottom:none; border:1px solid #E31F26; background-color: #E31F26; }
#statisticTable thead tr th { padding: 5px; text-align: left; color: #fff; }

/* BODY */
#statisticTable tbody tr td { background-color: #fff; background-repeat: no-repeat; background-position: left top; border:1px solid #ccc; }
#statisticTable tbody tr:hover td { background-color: #fbe1e2; border-bottom:1px solid #ccc; }
#statisticTable tbody tr td { padding: 2px; border-bottom: 1px solid #ccc; }

/* tableEcosyCommon */
#tableEcosyCommon { width: 100%; color: #333; margin: 0 0 1em 0; border-collapse: collapse; }
#tableEcosyCommon tr th td { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }

/* HEADER */
#tableEcosyCommon thead { line-height:2em; background-color: #E31F26; color:#FFFFFF; padding: 2px; border:1px solid #E31F26; }
#tableEcosyCommon thead tr th { padding: 2px; text-align: left; color: #fff; }

/* BODY */
#tableEcosyCommon tbody tr td { background-color: #ffffff; background-repeat: no-repeat; background-position: left top; border-left:0px solid #ccc; }
#tableEcosyCommon tbody tr:hover td { background-color: #fbe1e2; border-bottom:1px solid #ccc; }
#tableEcosyCommon tbody tr td { padding: 2px; border-bottom: 1px solid #ccc; }

/*
// Form stayling
*/
#content label input { display: block; }
#content label textarea { display: block; width: 100%;}
#content label { display: block; font-weight: bold; margin: 3px 0 3px 0; }
#content select { display: block; }
#content input.submit { display: block; background-color: #E31F26; color:#FFFFFF; border: 1px solid #E31F26; width: 80px; font-weight:bold; }
#content ol {list-style-position: inside;}