/*
UNDP Serbia style sheet - changes to UNDP worldwide style sheet
last modified: 19 March 2008
*/

/* GLOBAL TAGS */

BODY {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;

	scrollbar-base-color: #6082C5;
	scrollbar-arrow-color: #003399;
}

/* HEADER */

#logo {
	position: absolute;
	top: 7px;
	right: 20px;
	background-color: #6699CC;
}


#HelpingPeopleLogo {
 position: absolute;
 top: 60px;
 right: 70px;
 background-color: transparent;
}


#helpingPeople {
	position: absolute;
	top: 60px;
	right: 100px;
	/*"Tahoma", "Arial", "Verdana", sans-serif*/
	font-family: Freestyle Script;
	font-size: 30px;	
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: normal;
}

/* BANNER */

.banner {
	background-color: #FFFFFF;
	background-image: url('/images/bluefade.gif');
 	background-position: top left;
 	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

/* CONTENT */

.content input, .content textarea, .content select {
	color: #333333;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;	
}

.content input.on, .content textarea.on, .content select.on {
	color: #333333;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	border: 2px solid #336699;
	background-color: #E9F0F6;
}

.content p {
	text-align: justify;
}

.content .component ul {
	list-style-image: url('/images/bullet.gif');
}

/* TABS */
.tab_shadow {
	background-image: url('/images/tabshadow.gif'); 
 	background-position: top left;
 	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	float: left;
	padding: 4px 0px 6px 0px;
	margin: 0px;
	margin-right: -7px;
}

/* FILE TYPE LISTS */
li.dot, .rightsidebar ul li.dot,
li.mdb, .rightsidebar ul li.mdb,
li.file, .rightsidebar ul li.file
{
	list-style-type:  none;
	list-style-position: outside;
	padding: 0px 0px 3px 7px;
	margin: 0px;
}

li.doc {
	list-style-image: url('/images/doc.gif');
}
li.dot {
	list-style-image: url('/images/dot.gif');
}
li.xls {
	list-style-image: url('/images/xls.gif');
}
li.xlt {
	list-style-image: url('/images/xlt.gif');
}
li.ppt {
	list-style-image: url('/images/ppt.gif');
}
li.mdb {
	list-style-image: url('/images/mdb.gif');
}
li.htm {
	list-style-image: url('/images/htm.gif');
}
li.txt {
	list-style-image: url('/images/txt.gif');
}
li.pdf {
	list-style-image: url('/images/pdf.gif');
}
li.zip {
	list-style-image: url('/images/zip.gif');
}
li.exe {
	list-style-image: url('/images/exe.gif');
}
li.file {
	list-style-image: url('/images/file.gif');
}
p.file {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

/* Grey table for JOBS and TENDERS */
table.grey, .jobs table { 
	border-style: solid; border-color: #BCB8B6; border-width: 1pt; margin-left: 4px;
}
table.grey tr, .jobs table tr {
	vertical-align: middle; height: 20px;
}
table.grey th, .jobs table th {
	background-color: #E6E6E6;
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
}
table.grey .odd. .jobs table td {
	background-color: #FFFFFF;
}
table.grey .even {
	background-color: #F4F4F4;
}

/* CO Serbia images */
img.srb {
	border: 15px solid #DFE6F3;
	margin: 3px 4px 3px 4px;
}

img.noborder {
	border: 0;
}

/* page navigation */
.pagenav {
	margin: 4px 4px 4px 4px;
	padding: 4px 4px 4px 4px;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
}
.pagenav a {
	border: 1px solid #BCB8B6;
	margin: 2px 2px 2px 2px;
	padding: 2px 6px 2px 6px;
	color: #003399;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
}
.pagenav a.page {
	background-color: #F4F4F4;
}
.pagenav a.page:visited {
}
.pagenav a.page:hover {
	background-color: #E6E6E6;
	text-decoration: none;
}

.pagenav .page-active {
	border: 1px solid #BCB8B6;
	margin: 2px 2px 2px 2px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	background-color: #999999;
	color: #FFFFFF;
}

.pagenav .page-disabled {
	margin: 2px 2px 2px 2px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	border: 1px solid #BCB8B6;
	background-color: #FFFFFF;
	color: #BCB8B6;
}

/* FORM BUTTONS */

/* yellow buttons for normal use */
.formbutton, .formbutton-blue, .formbutton-green, .formbutton-red {
	background-color: #FFDB71;
	border: 1px solid #555555;
	margin: 2px 1px 2px 1px;
	padding: 0px 4px 0px 6px;
	color: #555555;
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}

/* blue buttons for table use */
.formbutton-blue {
	background-color: #E9F0F6;
	border-color: #336699;
	color: #336699;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* green buttons for Save */
.formbutton-green {
	background-color: #A0E5A0;
}

/* red buttons for Cancel and Delete */
.formbutton-red {
	background-color: #F8B0B0;
}

/* images */

.imageNews {
	margin: 0px 4px 4px 0px;
	padding: 0;
	width: 240px;
	text-align: center;
	float: left;
}

.imageNews .image {
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
}

.imageNews .caption { 
	font-size: 85%;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic; 
	text-align: center;		/* justify, left */
	float: left;
	width: 240px;
}

.imageThematicArea {
	margin: 16px 4px 4px 0px;
	padding: 0;
	width: 160px;
	text-align: center;
	float: left;
}

.imageThematicArea .image {
	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	height: 160px;
}

.imagePublication {
	margin: 16px 4px 4px 0px;
	padding: 0;
	width: 180px;
	text-align: center;
	float: left;
}

.imagePublication .image {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
}

.details { 
	text-align: left;
	float: left;
}

/* tables */

table.form th {
	padding: 2px 6px 2px 6px;
}

.nomargin { 
	margin: 0 
}

.photo {
	margin: 7px 20px 20px 0px;
	color: #666666;
	float: left; 
}

.navigationPath {
	font-size: 85%;
}