/* CSS Index page - responsible for most of the structural element in the site 
* Realigning the code by Mihail Gaberov - 07.11.2010
* email: mihail.gaberov@abv.bg
*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #4387ac;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

#maincontainer {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	/* padding-top: 20px; */
	/* padding-top: 10px; */
	padding-top: 0px;
	background: url(../images/bg.gif) top repeat-x;
	text-align: justify;
}

.spacer {
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.spacer { 
	overflow: hidden; 
}

#header {
	width: 250px;
	height: 300px;
	padding-left: 750px;
	background: url(../images/header.jpg) center no-repeat;
	border-bottom: 1px solid #FFF;
}

#header-right {
	width: 230px;
	height: 300px;
	padding-left: 10px;
	padding-right: 10px;
}

#left_menu li.noactive {
	margin: 0px;
	padding-left: 25px;
	list-style: none;
	width: 192px;
	height: 25px;
	background: url(../images/leftmenu_btn_down_02.gif) center no-repeat;
}

#left_menu li.active {
	padding-left: 25px;
	margin: 0px;
	list-style: none;
	width: 192px;
	height: 25px;
	background: url(../images/leftmenu_btn_up_02.gif) center no-repeat;
}

#topmenu {
	/* width: 160px; */
	width: 190px;
	height: 188px;
	margin-top: 35px;
	padding-left: 30px;
	/*padding-top: 10px;*/
	padding-right: 40px;
}

#top_banner {
    /* background: transparent url(../images/bg.gif) repeat-x scroll center top; */
    background: #FFF;
    border: 1px solid #9E9E9E;
    width: 530px;
    height: auto;
    margin-bottom: 10px;
}

/* Top banner div with tooltip over the flash headlines (8mi mart, konkur za rabota, etc. */
#job {
    padding-left: 1px;
}

#treti_mart img {
    margin: 0 auto;
    display: block;
}

.grey_star {
	width: 20px;
	height: 20px;
	background: url(../images/gray_star.png) center no-repeat;
	float: left;
}

.top_menu {
	/*width: 130px;*/
	height: 18px;
	padding-left: 10px;
	float: left;
	padding-top: 2px;
}

.topbtn {
 margin-top: 5px;
}

#search_language_bar {
	width: 1000px;
	height: 44px;
	background: url(../images/search_language_bar_02.gif) center no-repeat;
	margin-top: 3px;
}

#choose_language {
	width: 200px;
	height: 29px;
	padding-top: 10px;
	float: left;
}

#choose_language_txt {
	/* text align for Choose language label - Misho G. 24.11.2009 */
	text-align: left;
	width: 85px;
	padding-left: 20px;
	padding-top: 2px;
	height: 37px;
	float: left;
}

#bg_flag, #fr_flag, #eng_flag {
	width: 18px;
	height: 11px;
	padding-top: 2px;
	float: left;
	margin-left: 5px;
}

/* New smaller search bar - 22.12.2010 */
#search_lang_bar {
	width: 530px;
	height: 44px;
	background: url(../images/search_language_bar_small.jpg) center no-repeat;
	border: 1px solid #9E9E9E;
}

#site_search_small {
	width: 330px;
	height: 29px;
	padding-top: 10px;
	float: left;
}

#search_site_txt_small {
	padding-top: 2px;
	height: 37px;
	float: left;
	/* padding-left: 200px; */
	margin-right: 5px;
	text-align: right;
	width: 100px;
}

#search_form_small {
	float: left;
}

#search_form_small form {
	padding: 0px;
	margin: -3px;
	margin-left: 3px;
}

/* Search by date field */
#from_date {
	background-color:#ecebec;
	color: #214B69;
	font-weight: bold;
	background: url(../images/iconCalendar.jpg) center left no-repeat;
}

#site_search {
	width: 800px;
	height: 29px;
	padding-top: 10px;
	float: left;
}


#search_site_txt {
	padding-top: 2px;
	height: 37px;
	float: left;
	padding-left: 200px;
	margin-right: 5px;
	text-align: right;
	width: 190px;
}

#magnifier_icon {
	width: 24px;
	height: 21px;
	padding-top: auto;
	padding-bottom: auto;
	float: left;
	margin-right: 3px;
}

#search_form {
	float: left;
}

#search_form form {
	padding: 0px;
	margin: -3px;
	margin-left: 3px;
}

#input_field {
	/* margin-top: -3px; */
	margin-top: -1px;
	float: left;
}

#srchfield {
	width: 120px;
}

#search_btn {
	float: left;
	margin-left: 8px;
	width: 75px;
	height: 21px;
	/* margin-top: -1px; */
	/* margin-top: 1px; */
	background: url(../images/btn.jpg) center no-repeat;
}

#search_btn span {
	display: block;
	width: 75px;
	height: 17px;
	padding-top: 4px;
}

#breadcrumb_wrap {
	width: 1000px;
	height: 25px;
	padding-top: 9px;
}

#breadcrumb_label {
	width: 100px;
	padding-left: 20px;
	padding-top: 3px;
	float: left;
}

#breadcrumb_icon {
	width: 19px;
	float: left;
}

#breadcrumb_path {
	width: 755px;
	padding-left: 5px;
	float: left;
	padding-top: 5px;
}

#social_links {
	text-align: right;
	padding-right: 5px;
}

#maincontent {
	width: 1000px;
	height: auto;
	margin-top: 5px;
}

.headlines {
	display: block;
	padding-bottom: 10px;
	margin-top: 5px;
}

#left_content, #right_content {
	width: 222px;
	height: auto;
	float: left;
}

#left_menu {
	width: 220px;
	height: auto;
	margin-top: 10px;
	padding-top: 1px;
	padding-bottom: 2px;
}

/* New intro panel added here - smaller on the left side - 21.12.2010 */
#intro {
	width: 219px;
	height: auto;
	/* padding-top: 1px; */
	padding-bottom: 2px;
	padding-left: 1px;
}

#video_clip, #responsibility, #eur_centr, #banners_set, #facebook {
	width: 219px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-top: 10px;
}

#left_menu ul {
	padding: 0px;
	margin: 0px;
}
.headline_little_field {
	width: 219px;
	height: 21px;
}

.dark_rect {
	width: 19px;
	height: 21px;
	float: left;
}

.light_rect {
	width: 193px;
	height: 18px;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.headline_big_field {
	width: 528px;
	height: 21px;
	padding-left: 1px;
	padding-right: 1px;
}

.light_rect_big {
	width: 504px;
	height: 18px;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.video_preview {
	width: 218px;
	height: 163px;
	overflow: hiden;
	margin-top: 2px;
}

#responsibility_links ul, #eur_centr_links ul {
	padding-left: 20px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#responsibility_links li, #eur_centr_links li {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
	line-height: 16px;
}
#facebook_ad {
	width: 205px;
	padding: 5px;
}
/* Sets the width of the text in the facebook plugin which shows the names of the 'likers' - without it the text goes out of the area */
#facebook_ad iframe {
	width: 215px !important;
}

#banner_one {
	width: 62px;
	height: 82px;
	overflow: hidden;
	float: left;
	margin-left: 13px;
}
#banner_two, #banner_three {
	width: 62px;
	height: 82px;
	overflow: hidden;
	float: left;
	margin-left: 3px;
}

#banner_right_hp {
    background-color: #214B69;
    color: #FFF;
    border: 1px solid #9E9E9E;
    width: 217px;
    height: auto;
    padding: 1px 1px 3px 2px;
    overflow: hidden;
}

#banner_right_hp h4 {
    margin: 0 10px;
    text-align: center;
    font-size: 12px;
}

#banner_right_hp ul {
    margin: 0 10px;
    padding: 0 5px 0 10px;
}

#banner_right_hp ul h5 {
    font-size: 11px;
}

#banner_right_hp ul p {
    background-color: #DEDEDE;
    color: #000;
    padding: 5px;
}

/* Adding euro deputy banners - 14.05.2011 */
#euro_deputy_banner {
	width: 200px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin-left: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#most_popular {
    background-color: #FFF;
    border: 1px solid #9E9E9E;
    width: 217px;
    height: auto;
    padding: 1px 1px 3px 2px;
    margin-top: 5px;
}

#most_popular ul {
    background: none;
}

#most_popular ul li a {
    padding: 5px 2px;
    _padding: 5px 1px;
    margin: 0 auto;
}

#most_read a, #most_commented a {
    color: #5399CD;
}

#most_read a:hover, #most_commented a:hover {
    color: #000;
}

#most_read p, #most_commented p {
    margin-bottom: 0;
}

#rating {
    font-size: 10px;
    color: #666;
}

#calendar {
	width: 218px;
    /*height: 200px;*/
    height: auto;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: auto;
    /*padding: 1px auto 2px 2px;*/
    margin-top: 10px;
}

#next_events {
	width: 219px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: auto;
	margin-top: 10px;
	padding-bottom: 10px;
}

.events_list {
	margin-top: 10px;
}

.event_arrow {
	width: 10px;
	height: 10px;
	float: left;
	padding-right: 10px;
	padding-left: 5px;
}

/* Themes menu - 29.12.2010 */
#themes_menu {
	background: #FFF;
    border: 1px solid #9E9E9E;
    width: 530px;
    height: auto;
}

#themes_menu ul {
	padding-left: 15px;
	margin: 5px 0;
	list-style: none;
	background-color: #FFF;
	/* border-bottom: 1px solid #e7e7e7; */
	float: left;
	clear: left;
}

#themes_menu ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	/* margin: 0 10px; */
	/* margin: 2px 10px; */
	margin: 2px 3px;
}

#themes_menu ul li a {
	text-decoration: none;
	float:left;
	color: #000;
	cursor: pointer;
	/* font: 900 14px/22px "Arial", Helvetica, sans-serif; */
	font: 900 10px/18px "Arial", Helvetica, sans-serif;
}

#themes_menu ul li a span {
	display: block;
	width: 140px;
	text-align: center;
	/* margin: 0 10px 0 -10px; */
	/* padding: 1px 8px 5px 18px; */
	padding: 1px 8px 5px 8px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}
/*BLUE*/
#themes_menu ul.buttons li a {
	background: url(../images/blue.png) no-repeat top right;
	width: 160px;
}

#themes_menu ul.buttons li a span {
	background: url(../images/blue.png) no-repeat top left;
}

#themes_menu ul.buttons li a:hover {
	color: #0d5f83;
	background: url(../images/pink.png) no-repeat top right;
	width: 160px;
}

#themes_menu ul.buttons li a:hover span {
	background: url(../images/pink.png) no-repeat top left;
}

#themes_menu ul.buttons li a:hover {
	color: #214B69;
}

#active_content {
	width: 532px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#last_news {
	width: 528px;
	height: auto;
	padding-bottom: 10px;
	padding-right: 2px;
	margin-top: -1px;
	margin-bottom: 10px;
}

#last_images {
	width: 528px;
	height: auto;
	padding-bottom: 10px;
	padding-right: 2px;
	margin-bottom: 10px;
}

/* #intro{
	width: 528px;
	height: auto;
	padding-bottom: 10px;
	padding-right: 2px;
	margin-bottom: 10px;
} */

.actual_news {
	width: 520px;
	height: auto;
	margin-top: 10px;
}

.actual_news_img {
	width: 129px;
	height: 88px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin-left: 15px;
}

.actual_news_link {
	width: 373px;
	height: auto;
	float: left;
}

.date {
	font-size: 10px;
	color: #646464;
	width: 350px;
	height: auto;
	margin-left: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

.actualnews_txt {
	width: 350px;
	height: auto;
	margin-left: 13px;
	float: left;
}

.blue_arrow2_link {
	width: 10px;
	height: 11px;
	float: left;
	margin-left: 10px;
}

.actualnews_link_txt {
	width: 345px;
	height: auto;
	margin-left: 7px;
	float: left;
}

#link_more {
	text-align: right;
	padding-right: 15px;
	margin-top: 5px;
}

#intro_img {
	/* width: 124px; */
	width: 64px;
	/* height: 137px; */
	height: 71px;
	overflow: hidden;
	margin-left: 15px;
	float: left;
	margin-top: 15px;
	margin-right: 5px;
}

#intro_txt {
	/* width: 355px; */
	width: 193px;
	height: auto;
	margin-left: 15px;
	/* float: left; */
	/* margin-top: 7px; */
	margin-top: 15px;
	margin-bottom: 10px;
}

#mn_sign {
	/* width: 510px; */
	width: 207px;
	padding-right: 15px;
	text-align: right;
}

#read_all {
	margin-left: 15px;
}

.image_field {
	height: auto;
	/* height: 160px; */
	padding-left: 10px;
	padding-right: 16px;
	float: left;
	margin-top: 10px;
}

.img_field_pic {
	width: 125px;
	height: 83px;
	overflow: hidden;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.img_field_link {
	width: 150px;
	height: auto;
	text-align: center;
	margin-top: 3px;
}

#footer {
	width: 1000px;
	height: 108px;
	background: url(../images/footer_img.jpg) center no-repeat;
	margin-top: 15px;
	text-align: justify;
}

#footer_links {
	padding-top: 20px;
	text-align: center;
	color: #214b69;
	font-weight: bold;
}

#footer_links a {
	color: #214b69;
}

#footer_links a:hover {
	color: #FFF;
}

#footer_txt {
	width: 550px;
	float: left;
	margin-top: 30px;
	padding-left: 330px;
}

#msquare {
	width: 100px;
	margin-top: 40px;
	float: left;
	padding-right: 20px;
}