@CHARSET "UTF-8";

body {
	background: #fff url("/images/bg-main.jpg") no-repeat top center;
}

#header .inside, #container, .custom .inside, #footer .inside {
	width: 920px;
	margin: 0 auto;
}

#container {
	margin-bottom: 4em;
	min-height: 300px;
}

#shadow-bottom {
	width:170px;
	height: 13px;
	background: url("/images/shadow-bottom.png") no-repeat bottom;  
}

#left #shadow-bottom {
    width:181px;
    margin-left: -5px;
    background: url("/images/shadow-bottom-left.png") no-repeat bottom;  
}

/* ------COMMON------------------------------------------------------------ */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

br.fix{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}

/* buttons */
.submit, .tl_submit {
	border-color: #ccc #666 #666 #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 2px 10px 1px 10px;
	background: #498CB6;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.submit:hover, .tl_submit:hover {
	background-color: #386C8B;
}

p.more, .pdf_link {
	text-align: right;
	margin-bottom: 0;
	padding-top: 4px;
}

/* blue link button */
p.more a, p.back a, .pdf_link a, .mod_breadcrumb a, .mod_breadcrumb span, .mod_navigationSub a, .mod_navigationSub span, #tl_buttons a, #forum .mod_helpdesk .controls .functions a, #forum .mod_helpdesk .breadcrumb a, #forum .mod_helpdesk .breadcrumb span, #event_tabs a {
	padding: 2px 8px;
	font-size: 11px;
	color: #429FD7;
}

p.more a:hover, p.back a:hover, .pdf_link a:hover, .mod_breadcrumb a:hover, .mod_navigationSub a:hover, #tl_buttons a:hover, #forum .mod_helpdesk .controls .functions a:hover,#forum .mod_helpdesk .breadcrumb a:hover,#event_tabs a:hover {
	background-color: #dff4ff;
}

#main .mod_breadcrumb span, #main .mod_navigationSub span, #forum .mod_helpdesk .breadcrumb span {
	color: #79bbe2;
}

#forum .mod_helpdesk .breadcrumb {
	font-size: 11px;
}

/* pagination */
#main .pagination {
	margin-top:22px;
	padding-top:8px;
}

#main .pagination p {
	width:160px;
	float:left;
	padding-right:3px;
	padding-left:3px;
	text-align:left;
	margin: 0;
	padding:2px 3px;
}
#main .pagination ul {
	float:right;
	margin:0;
	padding:2px 3px;
	text-align:right;
}

#main .pagination li
{
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}

#main .pagination li a, .pagination li span {
	padding: 2px 6px;
	line-height: 18px;
	color: #429FD7;
	border: 1px solid #79bbe2;
	background-color: #fff; 
}

#main .pagination li span {
	color: #79bbe2;
	background-color: #dff4ff;
}

#main .pagination li a:hover {
	text-decoration: none;
	background-color: #dff4ff;
}

/* ------HEADER------------------------------------------------------------ */
#header {
	/* background: #fff url("/images/bg-header.gif") no-repeat bottom center; */ 
	height: 135px; 
	overflow: hidden;
}
#header .inside {
	padding-top: 10px;
}

#ani {
	height: 174px;
	margin-top: 8px;
}

/* login */
#login {
	width:280px;
	height:97px;
	min-height: 97px;
	margin-right: 10px;
	margin-top: 12px;
}

#login * {
	margin: 0;
	padding: 0;
}

#login h2{
	text-transform:uppercase;
	font-size:14px;
	margin:8px 10px 0px 12px;
	color:#fff;
}
#login input{
	border:1px solid #e2dbdb;
	color:#7aadc3;
	width:150px;
	margin-bottom:5px!important;
	margin-bottom:4px;
	margin-top:4px;
	height:14px;
}
#login img{
	float:left;
	margin-left:10px;
	margin-top:5px!important;
	margin-top:7px;
}
#login a{
	color:#fff;
	margin-left:15px;
	font-size:10px;
}
#login a:hover{	
	text-decoration:underline;
}

#login .btn{
	height:24px;
	text-align:center;
	margin:10px 20px 0 0;
}

#login .btn a{
	color:#fff;
	text-transform:uppercase;
	line-height:24px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0 10px 0 10px;
	display:block;
}

#login .btn a:hover{
	text-decoration:none;
	color:#b35e26;
}

#login .btn img{
	margin:0!important;
	padding:0;
}

#login .todesktop{
	font-size:16px;
	color:#fb8106;
}

#login .todesktop:hover{
	text-decoration:none;
	color:#FFFFFF;
}

/* topline */
#top-line {
	background-color: #D1D3D4;
	height: 28px;
	line-height: 27px;
	overflow: hidden;
	border-top: 1px solid #fff;
	color: #999;
	clear: both;
}

#top-line a {
	color: #666;
}

#top-line a:hover {
	color: #333;
}

#fast-links {
	margin-left: 175px;
	font-size: 11px;
}

#fast-links a, #user-links a {
	padding: 0 3px;
}

#search-form {
	width: 216px;
}

#top-line #lang-en a {
	padding-left: 20px;
	background: url("/images/flag/en.gif") no-repeat left;
}

#top-line #lang-mk a{
	padding-left: 20px;
	background: url("/images/flag/mk.gif") no-repeat left;
}

#search-form form {
	display: inline;
}

#search-form #ctrl_10 {
	border: 1px solid #999;
	width: 135px;
	margin: 0;
	margin-top: 5px;
	color: #999;
	font-size: 11px;
	padding: 1px 2px;
}

#search-form #ctrl_10_submit {
	border: none;
	background: none; 
	width: 17px;
	height: 17px;
	padding: 0;
	margin: 5px 4px 0 4px;
}

/* Projects seach form */

#main .list_search {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

#main .list_search .tl_filter {
  float: right;
  text-align: right;
}

#main .list_search #city, #main .list_search #subjects, #main .list_search #searchIn, #main .list_search #type{
    width: 137px;
    margin: 2px 2px;
}

#main .list_search #type {
  width: 128px;
}

#main .list_search .tl_search {
    float: right;
    margin: 1px 4px;
}
    
#main .list_search .tl_search .text{
    width: 85px;
}
    
#main .list_search tl_search .submit{
    width:90px;
}

#main table {
    background: #fff;
    width: 99% !important;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

#main th {
    background-color:#F0F0F0;
    border:1px solid #ccc;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:5px 10px;
    text-align:left;
    white-space:nowrap;
}

#main  td {
    border:1px solid #ccc;
    padding:5px 6px 7px;
}

#main .ce_form table {
  background: transparent;
}

#main .ce_form table td {
  border:none;
}

#main .mod_projectlisting td a{
    color: #666;
}

/* ------LEFT------------------------------------------------------------- */
#left .block .block-head {
	background: #F6F6F6 url(/images/side-block-header-bg.gif)  no-repeat ;
}

#left .block .block-head h3, #right .block .block-head h3 {
	margin: 0;
	padding: 6px 0 6px 8px;
	color: #296683;
}

#left .block .block-body, #left .block form {
	padding: 8px;
	border: 1px solid #134669;
	border-top: none;
	background: #98E4D6 url(/images/side-block-body-bg.jpg) repeat-x bottom;
}

#left p.error {
	background: none;
}

#left p.confirm {
	color: #ff0000;
}

/* stats */
#left .mod_stats {
	color: #000;
	margin-bottom: 14px;
}

#left .mod_stats .stats {
	font-size: 11px;
	margin-left: 1em;
}

#left .mod_stats .stats span {
	font-size: 1em;
	font-weight: bold;
}
/* ------RIGHT------------------------------------------------------------- */
#right .block .block-body {
  padding: 8px;
  border-top: 1px solid #BDBCBD;
  border-left: 1px solid #BDBCBD;
  border-right: 1px solid #BDBCBD;
}
  
/* Scroller */
#right #scroller {
	/* padding-bottom: 13px; */
	height: 257px;
}
#right #scroller #ticker1 {
    height: 250px;
}

#right #scroller h3 {
	background-color: transparent;
	color: #000;
	font-size: 1em;
	border-bottom: 1px solid #ccc;
}

#right #scroller #scroller_item {
	width: 100%;
	/* 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	*/
	overflow: hidden;
	margin-top: 10px;
}

#right #scroller #scroller_item.deactive {
  /* background-color: red; */
}

#right #scroller .scroller_item.active {
	
}

#right #scroller #scroller_item a {
	display: block;
	padding: 10px;
}

#right #scroller #scroller_item.deactive a {
	color: #073E64;
}

#right #scroller #scroller_item.active a {
	/*
	color: #031725;
	background-color: #ccc;
	*/
	
	color: #fff;
    background-color: #226992;
}

/* Pool */
#right .mod_quickpoll {
}

#right .mod_quickpoll {
	background: #226992 url(/images/right-bg.jpg) repeat-y; 
	border-bottom: #4680A1 1px solid;
}

#right .mod_quickpoll .block-head h3 {
    color:#fff;
}

#right .mod_quickpoll .block-head {
    display: none;
}

#right .mod_quickpoll .block-body {
    background: transparent; 
    border: none;
    color:#fff;
    border-bottom: #9DB3C1 1px solid;
    padding-top: 16px;
}


/* Banner */
.mod_Banner {
  text-align: center;
}
#right .mod_Banner .banner_image, #left .mod_Banner .banner_image {
	margin-bottom: 14px;
}

#right .mod_Banner.nospace {
	padding: 5px 0 8px 0;
}

#right .mod_Banner.nospace .banner_image {
	margin-bottom: 0;
}

#right #shadow-bottom {
	margin-bottom: 10px;
}

/* ------MAIN-------------------------------------------------------------- */
#main .inside {
	padding: 0 16px 0px 16px;
}

/* breadcrumbs */
#main .mod_breadcrumb {
	padding-top:8px;
}

/* navigation subitems */
#main .mod_navigationSub ul {
	margin: 0;
	margin-left: 4em;
}

#main .mod_navigationSub li {
	float: left;
	margin-bottom: 8px;
	margin-left: 12px;
}

/* text */

#main .ce_text {
	margin-top: 1em;
	line-height: 1.5em;
}
	
/* welcome */
#main #welcome {
	height: 287px;
	background: #fff url(/images/welcome-kids-etwinning.jpg) no-repeat top left;
	text-indent: -9000px;
	margin-top: 0 !important;
}

/* homepage headers */
#home .block {
  margin-top: 10px;
}

#home .block.left .block-head {
	background: #fff url(/images/main-block1-header-bg.gif)  no-repeat;
	height: 32px;
}

#home .block.right .block-head {
	background: #fff url(/images/main-block2-header-bg.gif)  no-repeat;
	height: 32px;
}

#home .block .block-head h3 {
	margin: 0;
	padding: 6px 0 6px 10px;
	color: #FFCB27;
	letter-spacing: normal;
}

#home .mod_newslist .block-head h3{
  margin-right: 8px;
  width:200px;
  float:left;
}
#home .mod_upcoming_events .block-head h3 { 
  margin-right: 8px;
  width:100px;
  float:left;
}
#home .block-head .rss-button {
	float: right;
	padding:7px 7px 0 0;
}
  
/* Glossary menu */

#main .mod_glossaryMenu a{
}

#main .mod_glossaryMenu li {
	width:20px;
	float: left;
}

#main .mod_glossaryList {
  margin-top: 1em;
}

#main .mod_glossaryList h2 {
  padding-top: 0;
}

#main .mod_glossaryList .toplink {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}

#main .mod_glossaryList dt {
  font-weight: bold;
  margin-top: 1em;
}

#main .mod_glossaryList .ce_text {
  font-size: 0.9em;
  margin-top: 0.5em;
}

/* newslist */
#main .mod_newslist.left {
	width: 343px;
	margin-right: 10px;
}

#main .mod_newslist .layout_latest {
	padding: 0 5px 10px 5px;
	border-bottom: 1px dotted #999;
	margin-bottom: 0;
}

#main .mod_newslist .layout_latest h4 {
	letter-spacing: normal;
	display: block;
}

#main .mod_newslist .layout_latest h4 a {
	display: block;
}

#main .mod_newslist .layout_latest p.teaser {
	margin-bottom: 0;
}

#main .mod_newslist .image_container, #main .mod_newsreader .image_container {
	padding: 2px 4px 0 2px;
}

#main .mod_newslist .layout_latest .image_container {
	float: left !important;
}
	
/* news details */
#main .mod_newsreader{
	padding:0 5px 5px;
}

#main .mod_article .mod_newslist {
	margin-top: 10px;
}

#main .mod_article .layout_simple {
	padding: 4px 0px 8px 10px;
	border-bottom: 1px solid #E8ECEF;
}

#main .comment_default {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	background-color: #f4f4f4;
	padding: 1em;
}


/* event_list */
#main .mod_upcoming_events.right {
	float: none;
}

#main .mod_upcoming_events .empty {
	padding: 10px;
}
	
#main .mod_upcoming_events .event {
	border-bottom: 1px dotted #999;
	padding: 0 5px 5px 5px;
}

#main .mod_upcoming_events .event h4 a {
	display: block;
}

#main .mod_upcoming_events .event .ce_text {
	margin-top: 0;
}

#main .mod_upcoming_events .event .event_details {
	padding: 10px 5px 10px 20px;
}

#main .mod_upcoming_events .date, #event_list .time {
	font-size: 11px;
}

/* faq */
#main .mod_faqreader p.back, #main .mod_faqreader p.info {
	margin-top: 1em;
}

#main .mod_faqreader {
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

	
/* statistics */
#main #statistika table {
    margin-top: 2px;
}

#main #statistika table td {
	padding: 0.5em 0;
}
	

/*  leaflets  */

#main #leaflets {
	margin: 0 auto;
	
}

#main #leaflets #lf1 {
	padding:15px 0 20px 30px;
	margin-bottom: 20px;
	background: transparent url("/images/leaflets_head1.jpg") no-repeat bottom left;
}

#main #leaflets p.lf1 {
	padding:15px 20px;
	background: transparent url("/images/leaflets_bg3.jpg") repeat-y;
}

#main #leaflets #lf2 {
	padding:15px 0 90px 30px;
	background: transparent url("/images/leaflets_head2.jpg") no-repeat top;
}

#main #leaflets p.lf2 {
	padding:10px 20px 60px;
	background: #C6D9F1 url("/images/leaflets_bg1.jpg") no-repeat bottom;
}

#main #leaflets #lf3 {
	padding:15px 0 20px 30px;
	margin-bottom:20px;
	background: transparent url("/images/leaflets_head3.jpg") no-repeat bottom;
}

#main #leaflets p.lf3 {
	padding:10px 18px 60px;
	background: #FFF5C9 url("/images/leaflets_bg2.jpg") no-repeat bottom;
}

#main #leaflets #lf4 {
	padding:15px 0 90px 30px;
	background: transparent url("/images/leaflets_head4.jpg") no-repeat top;
}

#main #leaflets p.lf4 {
	padding:10px 20px 60px;
	background: #C6D9F1 url("/images/leaflets_bg1.jpg") no-repeat bottom;
}

/* ------FOOTER------------------------------------------------------------ */
#footer {
	background: #F5F5F5 url(/images/footer-bg.gif) repeat-x top;	
	font-size: 11px;
	margin-top: 20px;
	clear: both;
}

#footer .inside {
	padding: 2em 0 5em 0;
	text-align: center;
}

#footer a {
	color: #636363 ;
}

#footer a:hover {
	color: #444444;
}