html, body {margin: 0; padding: 0; height: 100%; }
table, td, div, p, ul, ol, h1, h2, h3, h4, h5, h6, hr, blockquote, img, form, input, textarea { margin: 0; padding: 0; border-style: none;}
* {background-repeat: no-repeat; }

body {font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", Helvetica, sans-serif; font-size: 12px; background: #6d0303 url('/res/img/bgbody.gif') repeat-x left top; color: #000; text-align: center; }
body#popup {background-image: none; }

p {line-height: 17px; }

ul {display: block; list-style-type: none; }
ul li {display: block; }

a {color: #532; text-decoration: underline; }
a:hover {color: #930; }


#wrap {background: url('/res/img/bgbodyright.gif') no-repeat 950px 0; width: 100%; text-align: left; }
#mb {background-color: #7c1d1d; margin: 0 auto 0 auto; text-align: left; width: 950px; background: url('/res/img/bgouter.gif') repeat-x left top; }

body#popup #mb {width: 590px; background: transparent none; }

#header {background-color: #ddd; background: url('/res/img/topheader_ro.png') no-repeat left top; width: 950px; height: 148px; position: relative; }
#header.en {background-image: url('/res/img/topheader_en.png'); }

#header h1 {font-size: 12px; text-indent: -5000px; overflow: hidden; position: absolute; top: 40px; left: 0; }
#header h1 a {display: block; height: 46px; width: 480px; }
#header.en h1 a {width: 360px; }
#header h2 {font-size: 12px; text-indent: -5000px; overflow: hidden; position: absolute; top: 53px; left: 817px; }
#header h2 a {display: block; height: 46px; width: 82px; }

body#popup #header {background-image: url('/res/img/popup/header.png'); width: 590px; height: 100px; }
body#popup #header h1 {top: 23px; }

#lang {position: absolute; width: 60px; height: 14px; right: 45px; top: 14px; font-weight: bold; color: #ca9; }
#lang li {float: left; padding: 0 6px; border-right: 1px white solid; }
#lang li.last {border-style: none; }
#lang li a {color: #fff; text-decoration: none; }
#lang li a:hover {text-decoration: underline; }

#menu {position: absolute; float: left; left: 0; top: 108px; height: 40px; width: 937px; padding-left: 13px; background-color: #520F0F; background-image: url('/res/img/bgmainnav.gif'); font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
#menu li {float: left; width: 154px; height: 40px; background-image: url('/res/img/bgnavbutton1.gif'); }
#menu li a {display: block; width: 144px; height: 33px; padding: 7px 5px 0px 5px; text-align: center;  color: #fff; text-decoration: none; }
#menu li.active {}
#menu li.active a, #menu li a:hover {background-color: #7c1d1d; }
#menu li ul {position: absolute; display: none; z-index: 2; left: 0; top: 40px; width: 916px; height: 20px; padding-left: 17px; padding-right: 17px; line-height: 20px; background-image: url('/res/img/bgsecondary.gif'); white-space: nowrap; }
#menu li ul li {width: auto; height: 20px; padding-left: 20px; background-image: none; }
#menu li ul li.first {padding-left: 0; }
#menu li.active ul {display: block; }
#menu li.active ul li a {float: left; width: auto; height: 20px; padding: 0px 15px 0 22px; background: url('/res/img/bgbuttonnavsec.gif') no-repeat 2px 0; }
#menu li.active ul li a:hover {background-color: #3f0d0d; }
#menu li.active ul li.selected a {background-color: #3f0d0d; }

#utils {position: absolute; left: 398px; top: 9px; }
#utils li {float: left; margin-right: 25px; text-indent: -5000px; }
#utils li a {display: block; width: 28px; height: 23px; }
#utils li#search {text-indent: 0; margin-left: 50px; margin-top: -1px; }
#utils li#search form, #utils li#search form p { display: inline; }
#utils li#search form #id_search {background-color: #dedede; margin-bottom: 7px; padding: 2px 1px; margin-right: 2px; }


#main {background: #fff url('/res/img/bginner.gif') repeat-y left top; width: 100%; overflow: hidden; min-height: 200px; padding-bottom: 5px; }
#content {float: left; background: url('/res/img/bgcontent.gif') no-repeat left top; padding: 25px 0 10px 20px; width: 680px; overflow: hidden; min-height: 150px; }
body#popup #content {float: none; background: #fff url('/res/img/popup/content.gif'); padding: 2px 20px 10px 20px; width: 550px; }
#sidebar {float: right; background: url('/res/img/bgrightcolumn.gif') no-repeat right top; padding: 25px 15px 10px 10px; width: 215px; min-height: 150px; }


#footer {background: #6d0303 url('/res/img/bgfooter.png') no-repeat left top; text-align: center; padding: 10px; }
body#popup #footer {background-image: url('/res/img/popup/footer.gif'); }
#footer ul {margin: auto; width: 800px; }
#footer ul li {display: inline; border-right: 1px white solid; }
#footer ul li.last {border-style: none; }
#footer li a {color: #fff; padding: 0 6px; text-decoration: none; font-size: 11px; }
#footer li a:hover {text-decoration: underline; }
#footer h3 {padding-top: 15px; color: #fff; font-size: 10px; color: #ccc; }


.hide {
	display: none;
}


/********* MAIN AREAS BIG BUTTONS HIV + TB **********/
#content ul#mainareas li {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 50px;
	text-indent: -5000em;
	margin-right: 5px;
	list-style: none;
}
ul#mainareas li#hivarea {
	background-image: url('/res/img/hivsida.gif');
}
ul#mainareas li#tbarea {
	background-image: url('/res/img/tb.gif');
}
ul#mainareas li a {
	display: block;
	width: 236px;
	height: 64px;
}
.clear {
	clear: left;
}


/************ BOXES pe Homepage***********/
/************ NEWS Box ******************/
div#newsbox {
	width: 334px;
	border: 1px #dddddd solid;
	padding: 3px;
	position: relative;
	float: left;
	top: 10px;
	height: 250px;
}
div#news {
	background: #f1f1f1;
	height: 100%;
	width: 328px;
	margin: auto;
	font-size: 11px;
}
div#news h2 {
	background-image: url('/res/img/bgtopboxnews.gif');
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.1em;
	margin: 0px;
	padding: 0;
	padding-left: 40px;
	height: 27px;
	color: #3f0d0d;
}
div#news h3 {
	font-size: 1.2em;
	margin-top: 10px;
}
img.dreapta {
	float: right;
	border: 1 #cccccc solid;
	margin: 2px 2px;
}
/*********** Foto Gallery box ***************/
div#fotobox {
	width: 334px;
	position: relative;
	float: left;
	left: 5px;
	top: 10px;
	height: 250px;
}
div#fotobox h2 {
	background-image: url('/res/img/bgtopbox2.gif');
	background-position: left top;
	background-repeat: no-repeat;
	font-size: .90em;
	margin: 0px;
	padding: 0;
	padding-right: 30px;
	padding-top: 5px;
	height: 28px;
	text-align: right;
	color: #3f0d0d;
}
div#foto {
	background-image: url('/res/img/bgintbox2.gif');
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: 1px #d3d3d3 solid;
	height: 220px;
	padding: 3px;
}
/*********** Povesti box ***************/
div#povestibox {
	width: 334px;
	position: relative;
	float: left;
	left: 0px;
	top: 20px;
	height: 250px;
	margin-bottom: 30px;
}
div#povestibox h2 {
	background-image: url('/res/img/bgtopbox2.gif');
	background-position: left top;
	background-repeat: no-repeat;
	font-size: .90em;
	margin: 0px;
	padding: 0;
	padding-right: 30px;
	padding-top: 5px;
	height: 28px;
	text-align: right;
	color: #3f0d0d;
}
div#povesti {
	background-image: url('/res/img/bgintbox2.gif');
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: 1px #d3d3d3 solid;
	height: 220px;
	padding: 3px;
	font-size: 11px;
}
/************ Marturii box******************/
div#marturiibox {
	width: 328px;
	border: 1px #dddddd solid;
	padding: 3px;
	position: relative;
	float: left;
	top: 20px;
	height: 250px;
	left: 10px;
	margin-bottom: 30px;
}
div#marturii {
	background: #f1f1f1;
	height: 100%;
	width: 328px;
	margin: auto;
	font-size: 11px;
}
div#marturii h2 {
	background-image: url('/res/img/bgtopbox4.gif');
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.1em;
	margin: 0px;
	padding: 0;
	padding-left: 40px;
	height: 25px;
	color: #3f0d0d;
}
div#marturii h3 {
	font-size: 1.2em;
	margin-top: 10px;
}


/************ Login box col dreapta******************/
form#login {
	padding-right: 10px;
}
form#login legend {
	color: #7c1d1d;
	padding: 6px 0;
	font-size: 1em;
	font-weight: bold;
}
form#login label {
	text-align: right;
	color: #7c1d1d;
	font-size: .9em;
	font-weight: bold;
}
input#Parola {
	font-size: 0.9em;
	color: #7c1d1d;
	background: #dddddd;
	border: 1px gray solid;
	margin: 3px 0;
}
input#nume {
	font-size: 0.9em;
	color: #7c1d1d;
	background: #dddddd;
	border: 1px gray solid;
	margin: 3px 0;
}
input#loginbutton {
	margin: 3px 0 0 40px;
}
/************** Menu 3 coloana din dreapta *****************/
#menu3 {
	width: 212px;
	background-image: url('/res/img/bgmenu3.gif');
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 25px;
}
#menu3 ul {
	background-image: url('/res/img/menu3top.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 20px 0 25px;
}
#menu3 ul li {
	background-image: url('/res/img/listitemmenu3.gif');
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 24px;
	margin: 10px 0;
	line-height: 13px;
}
#menu3 ul li a {
	text-decoration: none;
}
#menu3 ul li a.strong {color: #800; }
#menu3 ul li a:hover {text-decoration: underline; }

#menu3 img {
	margin: 0;
	display: block;
	padding: 0;
}
/***************** FORMATARE TEXT SI IMAGINI Adaugati ce mai e nevoie ****************/
#content h1 {
	font-size: 1.4em;
	color: #3f0d0d;
	line-height: normal;
}
#content h2 {
	font-size: 1.25em;
	color: #000000;
}
#content h3 {
	font-size: 1.1em;
	color: #000000;
}

img.dreapta {
	float: right;
	border: 1 #cccccc solid;
	margin: 2px 2px;
}
img.dreaptanb {
	float: right;
	border: 0;
	margin: 2px 2px;
}
img.stanga {
	float: left;
	border: 1 #999 solid;
	margin: 2px 2px;
}
img.stanganb {
	float: left;
	border: 0;
	margin: 2px 2px;
}


#content p {margin-bottom: 10px; }
#content ul {list-style-type: disc; }
#content ul, #content ol {padding-left: 5px; margin: 10px; }
#content ul li, #content ol li {display: list-item; margin: 5px 15px; }

#content p.read-more {font-size: 10px; margin-top: -7px; }
#content a.read-more {font-size: 10px; }

#content div p img {margin: 5px; }
#photo {clear: right; float: right; margin-left: 7px; margin-bottom: 7px; }

#resources div, #photos div {display: none; }

#resources div.tooltip, #photos div.tooltip {display: block; position: absolute; z-index: 1000; max-width: 300px; padding: 3px 10px 3px 10px; background-color: #fffcf6; border: 1px solid #000; }
* html #resources div.tooltip, * html #photos div.tooltip {width: 300px; }

#mainphoto {margin: 0; margin-left: 1px; width: 325px; }
#mainphoto a, #mainphoto img {display: block; margin-left: auto; margin-right: auto; float: none; }
#content #photos {margin: 0; padding: 0; list-style-type: none; margin-left: -1px; margin-top: 5px; min-height: 70px; }
* html #content #photos {margin-left: -3px; }
#content #photos li {margin: 0; padding: 0; list-style-type: none; float: left; margin-left: 2px; }
#photos img {display: block; }


#content h1 {margin-bottom: 15px; }

#content h2 a {text-decoration: none; }
#content h2 a:hover {text-decoration: underline; }

#content #articles li, #content #categories li {margin-top: 20px; margin-bottom: 15px; } 
#articles li h2 {margin-bottom: 3px; }

#content ul.collapsible {list-style-type: none; padding: 0; margin: 0; }
#content ul.collapsible li {display: block; margin-left: 0; padding-left: 20px; }
* html #content ul.collapsible li {border: 1px solid white; }
#content ul.collapsible li div {display: none; }
#content ul.collapsible li.expanded div {display: block; } 

#content ul.collapsible li a.expander {display: block; width: 11px; height: 11px; overflow: hidden; float: left; margin: 2px 5px 0 -20px; background-image: url('/res/img/expander.gif'); background-position: 0 0; }
* html #content ul.collapsible li a.expander {margin-left: -10px; }
#content ul.collapsible li a.expander.clicked {background-position: 0 -11px; }


#edit-here {position: absolute; z-index: 999; left: 3px; top: 3px; border: 1px solid white; font-weight: bold; }
#edit-here a {display: block; padding: 7px 15px 7px 15px; background-color: #ffc; text-decoration: none; }
#edit-here a:hover {background-color: #930; color: #fff; }


#recipientbox {margin: 7px 15px; padding: 10px; font-weight: bold; background-color: #f1f1f1; }
#recipientbox li {margin: 5px; }
#recipientbox a {text-decoration: none; }



body.homepage #content {font-size: 11px; }
body.homepage #content ul {margin: 0; }

body.homepage #content {font-size: 11px; }
body.homepage #content h2 {font-size: 12px; }

body.homepage #content h2 a {text-decoration: none; display: block; background-image:url('/res/img/bgs/fwd.gif'); background-position: 0% -6px; }
body.homepage #content h2 a:hover {background-position: 0% -26px; border-bottom: 2px solid #930;  }
body.homepage #content #news h2 a, body.homepage #content #marturii h2 a {background-position: 100% -6px; }
body.homepage #content #news h2 a:hover, body.homepage #content #marturii h2 a:hover {background-position: 100% -26px; }

body.homepage #content h3 a {color: #000; text-decoration: none; }
body.homepage #content h3 a:hover {color: #930; }

body.homepage #content #marturiibox ul {list-style-type: none; margin: 0; padding: 0; }
body.homepage #content #marturiibox ul li {display: block; }


form {}
input, textarea {background-color: #eee; border: 1px solid #6d0303; padding: 2px; line-height: 15px; font-size: 11px; }
* html input {padding-top: 1px; }
input {width: 130px; }
input.medium {width: 100px; }
input.larger {width: 150px; }
input.nodeco {border-style: none; padding: 0; width: auto; }
input.btn {padding: 1px 3px; width: auto; background-color: #6d0303; border: 1px solid #000; color: #fff; }
* html input.btn {padding: 0 3px; }

form ul.errorlist {color: #c30; }

/*

color: #993300;
*/


#searchForm {}
#content #search-results {}
#content #search-results li {margin-bottom: 15px; }
#content #search-results li a {text-decoration: none; }
#content #search-results li a:hover {text-decoration: underline; }

#newsletterForm {margin-top: 4px; }
#newsletterForm #id_email {float: left; margin-right: 2px; }
#newsletterForm label {display: block; float: left; margin-right: 5px; padding-top: 2px; }

#content #legend {margin: -10px 40px; padding: 0; list-style-type: none; width: 160px; float: right; }
#content #legend li {margin: 0; padding: 5px 0; list-style-type: none; clear: left;  }
#legend div {width: 50px; height: 16px; float: left; margin-right: 10px; margin-top: -1px; }
#legend div.full {border: 1px solid #000; width: 48px; }
#legend div.milestone {background-color: #ddd; }
#legend div.value {background-color: #6d0303; }

#content #legend {width: 180px; }
#legend div.low {background-color: #c63; }
#legend div.high {background-color: #090; }


#content #reports {float: right; border: 1px solid #6D0303; width: 200px; font-weight: bold; margin: 30px 0 30px 30px; }
#reports a {text-decoration: none; color: #6D0303; }

#indicators {}
#indicators h2 {border-bottom: 1px solid black; padding-left: 2px; margin-right: 30px; clear: both; }
#content #indicators ul {margin-left: 0; padding: 0; list-style-type: none; }
#content #indicators ul li {margin: 7px 0; padding: 0 0 15px 0; width: 100%; overflow: hidden; }
#indicators ul h3 {margin-bottom: 5px; }
#indicators ul p.info {font-size: 10px; line-height: 12px; color: #666; }
#indicators ul div.data {float: left; width: 250px; margin-top: 2px; }
#indicators ul div.data table {}
#indicators ul div.data table th {font-weight: normal; }
#indicators ul div.data table td {font-weight: bold; padding: 2px 0 2px 7px; }

#indicators ul div.comment {clear: both; margin-left: 20px; padding-top: 10px; width: 600px; color: #445; }
#content #indicators ul div.comment p {margin-bottom: 3px; font-size: 11px; line-height: 14px;}

#indicators ul div.indicator {float: right; position: relative; height: 21px; border: 1px solid black; width: 280px; color: #000; margin: 17px 20px 20px 0; }
#indicators ul div.indicator span {position: absolute; z-index: 52; text-align: right; line-height: 10px; font-size: 10px; white-space: nowrap; }
#indicators ul div.indicator span.ratio {display: block; left: 0; top: 0; text-align: center; font-size: 11px; line-height: 20px; color: #fff; }
#indicators ul div.indicator span.milestone {top: -19px; padding-bottom: 8px; padding-right: 2px; border-right: 1px solid #000; }
#indicators ul div.indicator span.value {top: 21px; padding-top: 8px; padding-right: 2px; border-right: 1px solid #000; }

#indicators ul div.indicator div {height: 21px; position: absolute; left: 0; top: 0; z-index: 51; }
#indicators ul div.indicator div.nomilestone {background-color: #6d0303; }
#indicators ul div.indicator div.milestonelow {background-color: #ddd; }
#indicators ul div.indicator div.milestonehigh {background-color: #999; }
#indicators ul div.indicator div.low {background-color: #c63; }
#indicators ul div.indicator div.high {background-color: #090; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
/*
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70)
*/
#indicators ul div.indicator div img {width: 100%; display: block; height: 21px; }

@media print {
#indicators ul div.indicator div.high {-moz-opacity:1; }
}

#content div.blog {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
#content div.blog p.date {font-style: italic; margin-bottom: 15px}

#content #blog h1 {margin-bottom: 2px; }
#content #blog p.date {font-style: italic; margin-bottom: 15px}
#content #blog h2 {font-size: 15px; font-weight: normal; margin: 20px 0 5px 0; }

#content #comments {margin-top: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#content #comments div.odd {background-color: #ffd; padding: 5px 0; }
#content #comments div.even {background-color: #f3f3f3; padding: 5px 0; }


#sidebar .sidebox {margin: 7px 15px 20px 15px; padding: 10px; font-weight: bold; background-color: #f1f1f1; border: 1px solid #ddd; }
#sidebar .sidebox h1 {font-color: #666; font-size: 15px; font-weight: normal; margin-bottom: 4px; }
#sidebar .sidebox ul {}
#sidebar .sidebox ul li {margin: 5px; }

#sidebar p.partner {margin: 20px 15px; padding: 10px; background-color: #f1f1f1; border: 1px solid #ddd;  }
#sidebar p.partner a {text-decoration: none; display: block; }
#sidebar p.partner a img {display: block; margin: 2px -9px; }


#content div.newsletter-section {border: 1px solid #D3D3D3; padding: 5px 10px; margin-top: 20px; }
#content div.newsletter-section h2 {font-size: 12px; font-weight: bold; margin: -5px -10px 5px -10px; background-color: #e6e6e6; padding: 3px 10px; }
#content div.newsletter-section h3 {font-size: 13px; font-weight: bold; margin-top: 15px; }
#content div.newsletter-section img.photo {float: right; }


#events {margin: 7px 15px; }
#events h2 {font-size: 11px; font-weight: bold; padding-top: 10px; }
#events ul {border: 1px solid #999; border-top-style: none; margin-top: 2px; }
#events ul li {border-top: 1px solid #999; background: url('/res/img/bgs/events.gif') left top repeat-x; }
#events ul li h3 {font-size: 14px; font-weight: normal; padding: 2px 0 2px 20px; cursor: pointer; color: #000; background-image: url('/res/img/bgs/arrows.gif'); background-position: 0 0; }
#events ul li.hovered h3 {background-position: 0 -20px; color: #6D0303; }
#events ul li div {display: none; }
#events ul li p {display: none; }
#events ul li.popped h3 {cursor: default; background-position: 0 -40px; color: #6D0303; }
#events ul li.popped div {display: block; }

#events div.calendar { position: relative; border-top: 1px solid #ccc; }
#events div.calendar, #events div.calendar table {font-size: 11px; color: #000; cursor: default; font-family: tahoma,verdana,sans-serif; }
#events div.calendar thead .daynames { } /* Row <TR> containing the day names */
#events div.calendar thead .name {border-bottom: 1px solid #ccc; padding: 1px; text-align: center; color: #fff; background-color: #999; } /* Cells <TD> containing the day names */
#events div.calendar thead .weekend {background-color: transparent; color: #633; } /* How a weekend day name shows in header */
#events div.calendar thead .hilite { } /* How do the buttons in header appear when hover */
#events div.calendar thead .active { } /* Active (pressed) buttons in header */
#events div.calendar tbody .day {width: 2em; color: #000; text-align: right; padding: 2px 4px 2px 2px; }
#events div.calendar tbody .lnk {padding: 1px; }
#events div.calendar tbody .lnk a {display: block; color: #6D0303; border: 1px solid #6D0303; background-color: transparent;padding: 1px 3px 1px 1px; text-decoration: none; }
#events div.calendar tbody .lnk a:hover {border-color: #000; color: #fff; background-color: #6D0303; }

#events div.calendar tbody .day.othermonth {}
#events div.calendar tbody .day.othermonth.oweekend {}

#events div.calendar table .wn {padding: 1px 2px 1px 1px; border-right: 1px solid #ccc; background-color: #999; color: #eee; }

#events div.calendar tbody .rowhilite td {background: #fff; }

#events div.calendar tbody .rowhilite td.wn {background: #eef; }

#events div.calendar tbody td.hilite {}
#events div.calendar tbody td.active {}
#events div.calendar tbody td.active a {padding: 2px 1px 0px 3px; }

#events div.calendar tbody td.selected {font-weight: bold; }
#events div.calendar tbody td.weekend a {}
#events div.calendar tbody td.today {font-weight: bold; }

#events div.calendar tbody .disabled { color: #999; }

#events div.calendar tbody .emptycell {visibility: hidden; }

#events div.calendar tbody .emptyrow {display: none; }

body#popup #content h2 {margin-top: 20px; margin-bottom: 4px; }