@charset "utf-8";
/* CSS Document */

#right ul {
	list-style-image: none;
}

p.sMap-sideBar {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-top:20px;
}



/*
==================================================
	map serbia height fix
==================================================
*/
.sMapHfix, sMapHfix-ie {height:100%;}	/* ie height fix for PARENT of FLOATED ELEMENTS */

.sMapHfix:after {			/* modern browsers height fix for PARENT of FLOATED ELEMENTS */
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

/*
==================================================
	firefox link focus ring fix
==================================================
*/
.sMap a:focus, .sMap-sideBar a:focus {outline-style:none;}


/*
==================================================
	map serbia side bar
==================================================
*/

.sMap-sideBar {
/*	background-color:#096;*/
	margin-top:0;
}
.sMap-sideBar ul li h2 {
	font-weight:normal;
}
.sMap-sideBar ul {
	border-top:dotted 1px #acadad;
	padding:15px 0;
	margin:0;
	list-style:none;
	list-style-type:none;
}
.sMap-sideBar ul li {
/*	background-color:#333;*/
	padding:0;
	margin:0;
}

.sMap-sideBar ul ul  {
	border-top:none;
	margin:0;
	padding:0;
}

.sMap-sideBar ul ul li {
/*	background-color:#555;*/
	line-height:20px;
	padding-left:25px;
}

.sMap-sideBar ul ul.type li {
	padding-left:0;
	color:#696A6C;
}

.sMap-sideBar ul ul.type li div.initials {
  float:left;
  width:50px;
}
.sMap-sideBar ul ul.type li div.description {
  float:left;
  width:208px;
}
/*
.sMap-sideBar ul ul.type li span {
	color:#6A6A6C;
	display:block;
	float:left;
	width:50px;
  margin-left:0px;
}
*/
.sMap-sideBar ul ul li a {display:block; color:#696A6C/* => grey *//* #F8981D* => orange */;}



/*
==================================================
	checkboxes and radio buttons
==================================================
*/

ul.checkboxes li.checkbox,
ul.radiobuttons li.radiobutton {
	background-repeat:no-repeat;
	background-position:3px 4px;
}

ul.checkboxes li.checked,
ul.radiobuttons li.on {
	background-position:-1985px 4px;	
}

/* === Normal === */
ul.checkboxes li.normal			{background-image:url(../../images/map-serbia/checkbox-normal.gif);}
ul.radiobuttons li.normal		{background-image:url(../../images/map-serbia/radiobutton-normal.gif);}

/* === Colored === */
ul.checkboxes li.yellow			{background-image:url(../../images/map-serbia/checkbox-yellow.gif);}
ul.checkboxes li.green			{background-image:url(../../images/map-serbia/checkbox-green.gif);}
ul.checkboxes li.cyan-yellow	{background-image:url(../../images/map-serbia/checkbox-cyan-yellow.gif);}
ul.checkboxes li.blue			{background-image:url(../../images/map-serbia/checkbox-blue.gif);}
ul.checkboxes li.violet			{background-image:url(../../images/map-serbia/checkbox-violet.gif);}
ul.checkboxes li.pink			{background-image:url(../../images/map-serbia/checkbox-pink.gif);}
ul.checkboxes li.red			{background-image:url(../../images/map-serbia/checkbox-red.gif);}

/* === Activity === */
/* --> removed signs '+' and '-' from activity
ul.activity .on_going {

	background-image:url(../../images/map-serbia/activity-on_going.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding-left:20px;

}
ul.activity .completed {

	background-image:url(../../images/map-serbia/activity-completed.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding-left:20px;

}
*/

ul.type li.checkbox a span {
	color:#6A6A6C;
}

/*
==================================================
	map serbia
==================================================
*/

.sMap {
	
}

/*
==================================================
	map
==================================================
*/

.sMap-map {
	background-image:url(../../images/map-serbia/sMap.gif);
	background-repeat:no-repeat;
/*	background-position:0 0;*/
	height:881px;
	position:relative;
}

.sMap-map .location,
.sMap-map .special {
	position:absolute;
	float:left;
	
	background-repeat:no-repeat;
	background-position:0 50%;
	
/*	background-color:#FC9;*/
}

.sMap-map .activeLocation {background-position:-2000px 50%;}

.sMap-map .location h1,
.sMap-map .special h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.sMap-map .location h1 a {	
	color:#50B3CF;
	text-decoration:none;
/*	cursor:default;*/
}

.sMap-map .location h1 a:hover,
/*.sMap-map .activeLocation h1 a:hover,*/
/*.sMap-map .activeLocation h1 a:hover span,*/
.sMap-map div.sMap-map-Active h1 a {
/*	text-decoration:underline;*/
	cursor:pointer;
}

.sMap-map .location h1 a:hover span,
.sMap-map div.sMap-map-Active h1 a span {
	border-bottom:solid 1px #50B3CF;
}

.sMap-map .location h1 a span {	
	background-color:#fff;/*problem with two column text*/
	display:block;
	border-bottom:solid 1px #fff;
}

/* === sizes === */

/* === huge === */
.sMap-map .huge {
	background-image:url(../../images/map-serbia/location-huge.png);
	z-index:10;
}
.sMap-map .huge h1 {
	font-size:24px;
	padding:0;
/*	line-height:34px;*/
}
.sMap-map .huge h1 a {
	padding:5px 0 5px 35px;
	display:block;
	float:left;							/* === ie6fix === */
}

/* === big === */
.sMap-map .big {
	background-image:url(../../images/map-serbia/location-big.png);
	z-index:20;
}
.sMap-map .big h1 {
	font-size:14px;
	padding:0;
/*	line-height:14px;*/
}
.sMap-map .big h1 a {
	padding:1px 0 1px 17px;
	display:block;
	float:left;							/* === ie6fix === */
}

/* === small === */
.sMap-map .small {
	background-image:url(../../images/map-serbia/location-small.png);
	z-index:30;
}
.sMap-map .small h1 {
	font-size:10px;
	padding:0;
/*	line-height:10px;*/
	font-weight:normal;
}
.sMap-map .small h1 a {
	padding:2px 0 2px 12px;
	display:block;
	float:left;							/* === ie6fix === */
}
.sMap-map .small h1 a span {
	line-height:11px;
}


/*
==================================================
	sMap-event = onmouseover
	(element shown when mouse move over City)
	1st level
==================================================
*/

.sMap-event {
	background-color:#fff;
	width:300px;
	border:solid 1px #ccc;
	padding-bottom:5px;
}
.sMap-event h1 {
	background-color:#ccc;
	padding:5px;
	margin:0;
	font-size:9px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}


.sMap-event h1 span.city_topic {
	width:9px;
	display:inline-block;
	margin:0 1px;
	padding:0;
	border:solid 1px #fff;
}

/* city topics */
.sMap-event h1 span.Tlegislative 	{background-image:url(../../images/map-serbia/checkbox-yellow.gif);}
.sMap-event h1 span.Tgovernment 	{background-image:url(../../images/map-serbia/checkbox-green.gif);}
.sMap-event h1 span.Tyouth 			{background-image:url(../../images/map-serbia/checkbox-cyan-yellow.gif);}
.sMap-event h1 span.Tphilanthropy 	{background-image:url(../../images/map-serbia/checkbox-blue.gif);}
.sMap-event h1 span.Tenvironmental 	{background-image:url(../../images/map-serbia/checkbox-violet.gif);}
.sMap-event h1 span.Thuman		 	{background-image:url(../../images/map-serbia/checkbox-pink.gif);}
.sMap-event h1 span.Tlocal 			{background-image:url(../../images/map-serbia/checkbox-red.gif);}










.sMap-event ul {
	margin:0;
	padding:0 5px;
	list-style:none;
}
.sMap-event ul li {
	border-bottom:dotted 1px #acadad;
	line-height:18px;
	padding:0;
}

.sMap-event ul.organizations {}
.sMap-event ul.organizations li {}
.sMap-event ul.organizations h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:normal;
	text-transform:none;
	line-height:18px;
	background-color:transparent;
	padding:0 15px;
	margin:0;
	border:none;
	background-image:url(../../images/map-serbia/activity-on_going.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}


.sMap-event ul li div li {padding:0;}

.sMap-event ul li:hover,
.sMap-event ul li.selected {
	background-color:#eee;
}

/* === projectName === */
.sMap-event ul li div.projectName {
/*	background-color:#060;*/
	float:left;
/*	width:180px;*/
}

div.projectName h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:normal;
	text-transform:none;
	line-height:18px;
	background-color:transparent;
	padding:0;
	margin:0;
	border:none;
}




div.projectInfo {
/*	width:80px;*/
	float:right;
}
div.projectInfo ul li {border:none;}

/* === Topic === */
div.projectInfo div.topics {
	float:right;
}
div.projectInfo div.topics ul.topic li {
	float:left;
	width:12px;
	height:15px;
	margin-left:3px;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 3px;
}

.legislative_and_policy_reforms			{background-image:url(../../images/map-serbia/checkbox-yellow.gif);}
.government_accountability_transparecy	{background-image:url(../../images/map-serbia/checkbox-green.gif);}
.youth									{background-image:url(../../images/map-serbia/checkbox-cyan-yellow.gif);}
.philanthropy_csr						{background-image:url(../../images/map-serbia/checkbox-blue.gif);}
.environmental_protection				{background-image:url(../../images/map-serbia/checkbox-violet.gif);}
.human_rights							{background-image:url(../../images/map-serbia/checkbox-pink.gif);}
.local_community_development			{background-image:url(../../images/map-serbia/checkbox-red.gif);}

/* === Type === */
div.projectInfo div.types {
	float:right;
}
div.projectInfo div.types ul.type li {
	float:left;
	margin-left:5px;
}
.sMap-event ul li {position:relative;}




/* === eventLevel - 3 === */

.sMap-event div.grantee {
	background-color:#e8e8e8;
	padding:5px 10px 10px 10px;
	margin-bottom:5px;
}
.sMap-event div.grantee h1 {
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	background-color:transparent;
}

.sMap-event ul.project li div.grantTitle {
	padding:10px 5px;
}
.sMap-event div.grantee small,
.sMap-event ul.project li div.grantTitle small {
	color:#999;
	font-size:10px;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

.sMap-event ul.project li div.grantTitle p {
	font-size:14px;
	color:#696A6C;
	padding:00;
	margin:0;
}

ul.project li.projectInfo div ul.left,
ul.project li.projectInfo div ul.right {
	float:left;
	padding:0 5px;
	margin:0;
}




ul.project li.projectInfo div ul.left	{width:100px;}
ul.project li.projectInfo div ul.right	{width:170px;}

ul.project li.projectInfo div ul li {
	border:none;
	font-size:11px;
	line-height:16px;
	padding:5px 0;
	color:#696A6C;
}
ul.project li.projectInfo div ul li h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}
ul.project li.projectInfo div ul li div.topic {
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 15px;
}

ul.project li.projectInfo div ul li div.activity {
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:0 0 0 0px;
}
/*
ul.project li.projectInfo div ul li div.on_going	{background-image:url(../../images/map-serbia/activity-on_going.gif);}
ul.project li.projectInfo div ul li div.completed	{background-image:url(../../images/map-serbia/activity-completed.gif);}
*/
ul.project li.projectInfo div ul li span.type		{color:#6A6A6C; font-size:14px;}


.sMap-event ul.project li:hover {background:none;}
.sMap-event ul.project li.sMap-event-image {padding:5px;}
.sMap-event ul.project li.sMap-event-image .imgNav {
	margin-bottom:5px;
	font-size:11px;
}
li.sMap-event-image .imgNav a.imgPrev {float:left;}
li.sMap-event-image .imgNav a.imgNext {float:right;}

.sMap-event ul.project li.sMap-event-image div.imgBox img {
	margin:0 auto;
}

.sMap-event ul.project li.projectDesc p {
	margin:0;
	padding:5px;
	line-height:18px;
}

.sMap-event div.sMap-event-url {padding:5px;}
.sMap-event div.sMap-event-url ul li:hover {background:none;}
.sMap-event div.sMap-event-url ul li {
	border:none;
}

ul.project li.projectInfo > div {
	padding:5px 0;
}

.sMap-event ul.project p {
	line-height:18px;
}


/* ============================== */

/* #level1 */
ul.organizations li.giveMe-l2 {}

/* #level2 */
ul.organizations li.giveMe-l2 div.eventLevel-2 {position:absolute;left:297px;}
ul.organizations li.giveMe-l2 div.on {top:0;}
ul.organizations li.giveMe-l2 div.off {top:-10000px;}

/* #level3 */
li.giveMe-l2 ul li.giveMe-l3 {position:relative;}
li.giveMe-l2 ul li.giveMe-l3 div.eventLevel-3 {position:absolute;left:-309px;}
li.giveMe-l2 ul li.giveMe-l3 div.on {top:0;}
li.giveMe-l2 ul li.giveMe-l3 div.off {top:-10000px;}

div.eventLevel-3 {z-index: 9999;}

/* === event cursor === */
.eventLevel-1 ul li,
.eventLevel-2 ul li {
	cursor:pointer;
}

.eventLevel-2,
.eventLevel-3,
.eventLevel-3 div,
.eventLevel-3 ul,
.eventLevel-3 ul li {
	cursor:default;
}

/*
==================================================
	sMap legend
==================================================
*/

.typeOfGrant {
	width:910px;
	margin:0 auto;
/*	background-color:#f00;*/
	padding:20px 0 0 0;

/*	background-color:#ccc;*/
}
.typeOfGrant h2 {margin-bottom:20px;}

.typeOfGrant ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
/*	background-color:#f00;*/
}
.typeOfGrant ul li {
	display:inline;
	font-size:10px;
	font-family:/*Verdana,*//*"Trebuchet MS",*/ Arial, Helvetica, sans-serif;
	letter-spacing:;
	margin:0 3px;
	color:#50B3CF;
/*	background-color:#aaa;*/
}
.typeOfGrant ul li span {
	color:#6A6A6C;
}

/*
==================================================
	Organizations list
==================================================
*/

div.orgsList {
	width:910px;
	margin:0 auto;
/*	background-color:#f00;*/
	padding:20px 0;
}

div.orgsList h2 a {
/* float:left; */
	margin-right:20px;
	color:#50B3CF;
}

div.orgsList h2 a:focus {outline-style:none;} /* firefox focus ring fix */
div.orgsList h2 a:hover {text-decoration:underline;}

div.orgsList div.olList {
	padding:10px 5px;
	background-color: #FFF;
}

div.orgsList div.olRow {
	float:left;
/*background-color:#999;*/
	width:215px;
	padding:0 5px;
}

div.olRow ul {
	list-style:none;
	margin:0;
	padding:0;
}

div.olRow ul li {line-height:16px;}

div.orgsList div.olList div.olRow ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6A6A6C;
	display:block;
}

div.olRow ul li a:hover {text-decoration:underline;}


#footer {z-index:1;}