/************************************
   css for the articles guides pages 
************************************/

/* link eng homepage   */

UL#home_en {
	display: block; position: absolute; top: 125px; right: 0px;  bottom: 0px; left: 820px
	
}
UL#home_en LI {
	FLOAT: left
}
UL#home_en A {
	BACKGROUND-POSITION: 50% bottom; DISPLAY: block; OVERFLOW: hidden
}
UL#home_en A:hover {
	BACKGROUND-POSITION: 50% top
}

A#cdc_home {
	BACKGROUND-IMAGE: url(/rd_images/header/global/eng_articlesuides.png); WIDTH: 133px; POSITION: relative;  HEIGHT: 30px
}

UL#hmn_gmt_lnks LI {
	LEFT: 26px; POSITION: relative; TOP: -22px
}

/* fin link eng homepage   */




    div#flashunit_hp{
        background-image: url(/rd_images/modules/primary/backgrounds/bg_tangrad_h145.gif);
        background-repeat: repeat-x;
        background-color: #f4f3e8;
        border-color: #b8b5a6;
        padding: 4px;
    }
    div#flashunit_hp div.flash_container{
       width: 460px;
        height:142px;
    }
	

div.left_rail_container {
   float:left;
   position:relative;
   width:180px;
   margin-right:5px;
}


/* main container with borders and rounding for the navs*/
div.nav_container {
	border:1px solid #ccc;
    background:#fff;
	padding:0;
	margin:0;
    /*width:178px; */
    position:relative;
    overflow:hidden;
}

div#secondary_nav_box {
    border:1px solid #ccc;
    background:#fff;
	padding:0;
	margin:0;
    margin-top:10px;
    /*width:178px; */
    overflow:hidden;
}

div#primary_content div#headline h1#landingH1 span {
    display:none;
}

div#primary_content div.clear {
    height:1px;
}
div#primary_content div#headline h1#landingH1 {
    background-image:url(/rd_images/articlesguides/ag_headline.gif);
    background-repeat:no-repeat;
    height:40px;
    margin-bottom:0px;
}


/**********************************
   Primary left rail nav styles
***********************************/ 

div.collapsed {
    background-color:white;
    background-image:url(/rd_images/primaryContent/recipe_detail/recipe_stats/bg_heading_coll.gif) !important;
}

div.collapsed button {
    background-image:url(/rd_images/primaryContent/recipe_detail/recipe_stats/collapsed.gif);
    background-position:10px 2px;
}

div.expanded {
   /* background-image:url(http://integration-preview.advancemags.com/rd_images/primaryContent/recipe_detail/recipe_stats/bg_heading_exp.gif) top;  */
   background-color:#fff;
}

div.expanded button {
    background-image:url(/rd_images/primaryContent/recipe_detail/recipe_stats/expanded.gif);
    background-position:8px 2px;
}

div.expanded div {
    display:block;
    margin-left:20px;
    padding:0;

}
* html div.expanded div {
    margin-left:23px;
}
div.expanded div a {
    display:block;
    font-size:10px;
    font-weight:normal;
    color:#333;
    padding:0;
    margin:0;
}



div.nav_item {
    border:1px solid #fff;
    border-top:1px solid #ccc;
   /* height:auto;  */
    padding-top:6px;
    padding-bottom:5px;
    background-repeat:repeat-x;
}

/** this is here tempoarily until epi blogs gets sub items */
div.nav_item a#editor {
    margin-left:20px;
}
* html div.nav_item a#editor {
    margin-left:23px;
}
/**************  end temp stuff */

div.nav_item button, div.see_latest_dropdiv button {
    background-color:transparent;
    background-repeat:no-repeat;
    border:medium none;
    float:left;
    height:14px;
    padding:0pt;
    width:20px;
}
.hiden_obj {
    display:none;
}

div.nav_title {
	margin:0;
    color:#fff;
	padding-left:10px;
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
    font-weight:bold;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:0;
}

div#nav_title_in_features {
    background-image:url(/rd_images/articlesguides/in-features-nav-bg.gif);
	background-repeat:repeat-x;
    font-size:13px;
    padding: 4px 0px 0px 10px;
    height:20px;
    margin:0;
    overflow:hidden;
}

div.nav_item a.primary_nav_item {
    font-size:11px;
    font-weight:bold;
    color:#333;
}

div.nav_item a.active_lnk {
  color:#9f1009;   
}


/*****************************************************
 styles for secondary buckets in the left rail
*****************************************************/

div#nav_title_in_recipesmenus {
    background-color:#5fb829;
    font-size:11px;
    height:15px;
    padding-top:2px;
    padding-bottom:1px;
    margin-bottom:8px;
    
}
div#nav_title_in_community {
    background-color:#4679ba;
    font-size:11px;
    height:15px;
    padding-top:2px;
    padding-bottom:1px;
    margin-bottom:8px;
}
div#nav_title_in_tools { 
    background-color:#fd9104;
    font-size:11px;
    height:15px;
    padding-top:2px;
    padding-bottom:1px;
    margin-bottom:8px;
    line-height:15px;
}

div.see_more_block {
	padding:0;
	padding-bottom:9px;
    margin:0;
    background-color:#fff;
    border:0;
    border-top:0;
    position:relative;
    top:0px;
    overflow:hidden;
}

div.see_more_block a.seemore_nav_lnks {
     display:block;
	 font-size: 11px;

	 color:#333;
     margin-left:4px;
     margin-top:1px;
     padding:3px 0px 5px 10px;
     height:auto;
}
div.see_more_block a.seemore_lnks, div.see_latest_dropdiv a.seemore_lnks {
    display:inline;
    text-decoration:underline;
    color:#333;
}

div#in_tools_block {
   line-height:10px;
}

div#in_tools_block a.seemore_nav_lnks {
   /* padding:0;
    display:inline;
    position:relative;
    top:-8px; */
}

div#in_tools_block img#epi2go_icon {
    position:relative;
    margin-left:14px;
    margin-right:4px;    
}
div#in_tools_block img#wine_icon {
    margin-left:12px;
    margin-right:4px;    
}
div#in_tools_block img#food_icon {
    margin-left:10px;
    margin-right:4px;    
}
div#in_tools_block img#video_icon {
    margin-left:9px;
    margin-right:2px;    
}



.pad_6_top {
    padding:0;
	margin:0;
    margin-top:5px;
    font-size:11px;
    color:#333;
}

div.first_item {
     border-top:0;
}
div.last_item {
   border-bottom:0;
}

a.active_lnk {
    color:#9f1009;
}



/***************************************************
 dinadiv has styles that get inserted 
 dinamically by script for rounding left nav items
****************************************************/
div.dinadiv {
    position:relative;
    left:0;
    height:1px !important;
    margin:0;
    border-right:2px solid #fff;
    border-left:2px solid #fff;
    line-height:0px;
    padding:0;
}

div#in_recipesmenus_block div.dinadiv {background-color:#5fb829;}
div#in_tools_block div.dinadiv {background-color:#fd9104;}
div#in_community_block div.dinadiv {background-color:#4679ba;}
div#nav_box div.dinadiv {background-color:#9F1009;}
div.content_unit div.dinadiv{background-color:#F05C5C;}

/* IE5 - IE6 */
* html div.content_unit div.dinadiv{width:454px;background-color:#F05C5C;left:0px;top:0px;line-height:0px;}  

* html div.see_more_block div.dinadiv{width:174px;}  
* html div.nav_container div.dinadiv {width:174px;background-color:#9F1009;}

* html div.dinadiv {
    overflow:hidden;
    position:absolute;
    /* height:1px !important;
    margin:0;
   border-right:2px solid #fff;
    border-left:2px solid #fff;
    line-height:0px;
    padding:0;
    left:0px;*/
    width:174px;
}

* html div.see_latest_dropdiv {
    margin-bottom:0px;
}

 
/***************************************************************
    see_latest_dropdiv
***************************************************************/     

div.see_latest_dropdiv {
  font-size:10px;
  font-weight:bold;
  text-transform:lowercase;
  margin-left:8px;
  margin-right:10px;
  margin-bottom:-10px;
  position:relative;
  top:-21px;
  z-index:10;
  width:440px;
}

div.articlesguides_content div.collapsed {
    border:1px solid #ccc;
    border-bottom:0;
    background-image:url(/rd_images/articlesguides/see-more-arrow-bg.gif) !important;
  	background-repeat: repeat-x;
    line-height:16px;

}

div.articlesguides_content div.collapsed button {
   /* background-image:url(/rd_images/primaryContent/recipe_detail/recipe_stats/collapsed.gif);  */
    background-image:url(/rd_images/articlesguides/see-more-arrow-collapsed.gif) !important;
    background-position:8px 3px;
}
 
div.articlesguides_content div.expanded {
    border:1px solid #ccc;
    border-bottom:0;
    background-color:#fff7f6;
    padding:0px;
    padding-bottom:10px;
    line-height:15px;
} 

div.articlesguides_content div.expanded button {
    background-image:url(/rd_images/articlesguides/see-more-arrow-expanded.gif);
    background-position:5px 5px;
}

div.articlesguides_content div.expanded div {
    display:block;
  	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
    font-size:10px;
    line-height:18px;
    margin-top:7px;
}

div.articlesguides_content div.expanded div a {
    font-family:Georgia, "Times New Roman", Times, serif;
    display:inline;
    font-size:11px;
    font-weight:normal;
    color:#9f1009;
}

div.articlesguides_content div.expanded div a.seemore_lnks {
    color:#333;
    text-decoration:underline;
   	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
    font-size:10px;
}

div.bottom_rounder {
    border-bottom:1px solid #ccc;
    height:1px;
    padding:0;
    margin-left:1px;
    margin-right:1px;
    width:438px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    line-height:0px;
}

div.articlesguides_content div.expanded div.bottom_rounder {
        background-color:#fff7f6;
        position:absolute;
        bottom:-1px;
        left:-20px;
        line-height:0px;
}

div.articlesguides_content div.collapsed div.bottom_rounder {
    background-color:#efeee3;
    position:absolute;
    bottom:-2px;
    left:0px;
    margin-left:0px;
    line-height:0px;
}

div.last_result {
    margin-bottom:5px;
}
 
/********************************************
    Styles for the main content section    
*********************************************/

li {
		padding:0;
		margin:0;
}
a {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
    color:#333;
}


div.container_title {
    background-image:url(/rd_images/articlesguides/articlesguides-tittles-bg.gif);
	background-repeat:repeat-x;
	padding:2px 0px 3px 12px;
	border-left:1px solid #fff;
    border-right:1px solid #fff;
	margin:0;
	color:#fff;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
    font-weight:normal;
	font-size:16px;
    overflow:hidden;
}

div.container_title span {
    line-height:6px;
}

div.container_title a {
    color:#fff;
    text-transform:lowercase;
    font-weight:normal;
}

div.single_result {
    margin:10px 12px 10px 14px;
	height:120px;
}

div.single_result span {
    font-size:10px;
   	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
    color:#999;
    font-weight:bold;
    text-transform:uppercase;
}

div.single_result div.single_r_in { 
    width:300px;
    float:right;
    padding-top:10px;
}


div.single_result a {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:normal;
}

div.single_result a.recipe_detail_lnk {
	color:#333;
}

div.single_result a.article_title {
	color:#333;
}

div.see_more_dropdown a {
	text-decoration:none;
	font-size:12px;
}

div.see_more_lnk {
	float:right;
	position:relative;
	right:12px;
	font-size:10px;
}

div.see_more_lnk a {
	color:#fff;
	font-size:10px;
    text-decoration:underline;
}

a.see_latest_lnk {
	color:#333;
	font-size:11px;
	text-decoration:none;		
}

div.articlesguides_content {
    width:460px;
    float:right;
    margin:0;
    margin-left:1px;
}

div.article_result_container {
    position:relative;
    height:auto;
    padding:0;
    padding-bottom:25px;
    border:1px solid #ccc;
    margin:0;
    margin-bottom:-10px;
    clear:both;
   /* margin-bottom:10px;*/
}

div.sub_cat {
    margin-bottom:10px;
    padding-bottom:2px;
}

div.image_container {
    width:116px;
    height:116px;
    padding:1px;
    border:1px solid #ccc;

}

/* pagination styles */

div#paginate {
    background-color:#f05c5c;
    margin-left:1px;
    margin-right:1px;
    color:#fff;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:10px;
    font-weight:bold;
    padding:5px 12px 18px 9px;
    text-transform:lowercase;
    clear:both;
}

div#paginate a {
    color:#fff;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:10px;
    font-weight:bold;
    text-decoration:underline;
}

div#bNext {
	width:112px;
	/*margin-right:5px;  */
	float:right;
    text-align: right;
}


div#detached_pagination {
    border:1px solid #999;
    overflow:hidden;
}

div#detached_pagination div.dinadiv{background-color:#F05C5C;}

/*****************************
     video module 
*****************************/
div#video_container {
    border:1px solid #ccc;
    padding:1px; 
    /*  height:274px; */
    margin-bottom:10px;
    background-color:#fff;
}