﻿
#leftcolumn .components_holder
{
	width:171px;
	}


#rightcolumn .components_holder
{
	width:130px;
	}
	
#contenttop .component
{
	background-image: none;
	width:705px;
	}


.component
{
	color: #fff;
	background-color: #000;
	background-image: url("images/component_back.gif");
	padding: 0;
	margin: 5px 0;
	background-repeat: repeat-x;
}

.component_title
{
	font-size:10px;
	color:#fff;
	}

#leftcolumn .component_title, #rightcolumn .component_title
{


	

	}
	
#top .component_title	
{
	}
	
#skyscraper	.component_title	
{
	}
	
#contenttop	.component_title	
{
	}

.component h3
{
	font-size: 0.9em;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
}

.component p , .component h3
{
	color: #fff;	
	}
	
.component p
{
	font-size:11px;
	margin: 1px;
	padding:1px;
	}	
	
	
.component_content
{
	
	font-size:10px;
	padding-top:2px;
	
	}	
	
.component_content .item
{
	margin: 6px 4px ;
	padding-bottom:4px;
	border-bottom: 1px solid #9F9F9F;
	color:#fff;
	}	
	
.component_content .item:last-child
{
	border-bottom: none;
	}	
	
.component_content a
{
	margin-bottom:4px;
	color:#DFDFDF;
	display:block;
	text-decoration:underline;
	}	
	
.component_content a:hover
{
	text-decoration:none;	
	}	


#contenttop .component
{
	background-color:#fff;
	margin-bottom:0;
	width:716px;
	}

#contenttop .components_holder 
{
	width:716px;
	}
	
#contenttop .components_holder a
{
	margin:3px 3px 3px 0px;
	display:inline;
	}
	
#top .component, #skyscraper .component
{
	background-color:#EFEFEF;
	background-image:none;
	margin:0;
	padding:0;
	}	
	
#top .component_title, #skyscraper .component_title
{
	padding:0;
	margin:0;
	border:none;
	color:#CFCFCF;
	background-color:#EFEFEF;	
	
	}
	
#contenttop .component_title
{
	padding:0;
	margin:0;
	border:none;
	color:#CFCFCF;
	background-color:#fff;	

	}	
	
	

	
#skyscraper .component_content a
{
	margin-bottom:10px;
	}	
	
.component .latest_subjects .component_title, .component .hot_actions .component_title, .component .most_readed .component_title, .component .latest_articles .component_title, .component .hot_actions_calendar .component_title
{
	background-position: 1px;
	font-size: 9px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 1px;
	padding-left: 20px;
	padding-bottom: 2px;
	background-image: url("images/arrow_gray.gif");
	background-repeat: no-repeat;
}	

#leftcolumn .advert .component_title, #rightcolumn .advert .component_title 
{
  background-position: 6px 7px;
  font-size: 9px;
  margin-top: 0px;
  margin-bottom: 7px;
  padding-top: 10px;
  padding-left: 25px;
  padding-bottom: 2px;
  background-image: url("images/arrow_search.png");
  background-repeat: no-repeat;
}

#contenttop .component iframe
{
	margin-left:2px;
	}
	
#skyscraper	.component iframe
{
	margin-bottom:2px;	
	}
	
 .component .hot_actions_calendar
 {
   min-height:260px;
   height:auto;
   padding-left:1px;
   margin:0;
   }	
   
.component .hot_actions_calendar .component_title 
{
      padding-left:25px;
      padding-top:10px;
      margin-bottom:3px;
  }   

.component .most_readed
{
	
	padding:5px;
}

ui-datepicker-inline
{
  width:150px !important;
  }
  
  
	
#calendardetail	
{
  position:absolute;
  z-index:100;
  background-color:#000;
  background-image:url(images/component_back.gif);
  background-repeat:repeat-x;
  color:#fff;
  width:573px;
  height:260px;
  left:0;
  top:0;
  }
  
#calendardetail	#close
{
  position:absolute;
  z-index:101;
  width:20px;
  height:20px;
  background-color:#515151;
  right:5px;
  top:5px;
  color:#fff;
  text-align:center;
  padding-top:4px;
  cursor:pointer;
  }  
  
#calendardetail #content_result  
{
  height:219px;
  margin-top:37px;
  margin-left:3px;
  
  padding-right:7px;
  
  }

#calendardetail #content_result #caleventlist  
{
  height:213px;
  overflow:auto;
  padding-right:5px;
  }
  
#calendardetail #content_result a
{
  color:#FFFFE6;
  }  
  
#calendardetail #content_result .caleventitem  
{
  background-color:#4B4B4B;
  margin:2px;
  padding:6px;
  }
  
#calendardetail #content_result .caleventdate
{
  font-size:90%;
  width:90%;
  color:#fff;
  } 
  
#calendardetail #content_result .caleventtitle  
{
  width:90%;
  
  }
  
#datepicker
{
  padding-top:4px;
  }  
  

