@charset "utf-8";
/* CSS Document */

#msn_header { background: url('../img/temp/header_bg.jpg') no-repeat top left; width: 980px; text-align: center; }
* html #msn_header{height:1%;}
#msn_header #msn_header_ad { margin: auto; width: 739px; padding: 10px 0; }
#msn_header #msn_header_ad p { font-family: tahoma; font-size: 10px; color: #666; }
#msn_header #msn_header_links { clear: both; }
#msn_header #msn_header_links #msn_logo { width: 97px; float: left; position: relative; margin: -10px 30px 0 0; z-index: 2; }
* html #msn_header #msn_header_links #msn_logo,
*:first-child+html #msn_header #msn_header_links #msn_logo { margin-top: -12px; }
#msn_header #msn_header_links #msn_logo img { border: none; }
#msn_header #msn_header_links #msn_nav { width: 845px; float: left; }
#msn_header #msn_header_links #msn_nav #channel_links { float: left; }
#msn_header #msn_header_links #msn_nav #msn_links { float: right; }
#msn_header #msn_header_links #msn_nav #channel_links ul,
#msn_header #msn_header_links #msn_nav #msn_links ul { margin: 0px; padding: 0px; list-style-type: none; }
#msn_header #msn_header_links #msn_nav #channel_links li { display: block; float: left; margin: 0 3px 0 0; padding: 0 10px; height: 20px; line-height: 16px; background: url('../img/temp/header/button_bg.gif') repeat-x top left; text-align: center; border: 1px solid #b2cb70; }
#msn_header #msn_header_links #msn_nav #channel_links ul a { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#msn_header #msn_header_links #msn_nav #channel_links ul a:hover { text-decoration: underline; }
#msn_header #msn_header_links #msn_nav #channel_links ul li.expand a { background: url('../img/temp/header/expand.gif') center right no-repeat; padding-right: 15px; }
#msn_header #msn_header_links #msn_nav #channel_links ul li.collapse { background: #fff; border:1px solid #fff; height: 29px;}
* html #msn_header #msn_header_links #msn_nav #channel_links ul li.collapse { height: 28px; position:relative; }
#msn_header #msn_header_links #msn_nav #channel_links ul li.collapse a { background: url('../img/temp/header/collapse.gif') center right no-repeat; padding-right: 15px; color: #668C1F; }
#msn_header #msn_header_links #msn_nav #msn_links a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; }
#msn_header #msn_header_links #msn_nav #more_links { display: none; }
#msn_header #msn_header_links #msn_nav #msn_links li { display: block; float: left; margin: 0 3px 0 0; padding: 0 13px 0 10px; height: 20px; line-height: 16px; background: url('../img/temp/header/big3_divider.gif') no-repeat center right; text-align: center; }
#msn_header #msn_header_links #msn_nav #msn_links li.last { background: none; }
#more { background-color: #fff; width: 980px; padding: 5px 0;  display:none; height:85px; margin-top:-2px;}
* html #more{margin-top:-4px;}
#more ul { list-style-type: none; margin: 0; padding: 0; float: left; text-align: left; }
#more img { margin: 0; }
#more ul.image_link_list { width: 18.5%; position: relative; margin-top: -2px; }
#more ul.link_list { width: 15%; }
#more ul.image_link_list img { border: none; vertical-align: text-bottom; margin: 0; padding: 0; }
#more ul.image_link_list a,
#more ul.link_list a { font-family: tahoma, sans-serif; color: #07519A; text-decoration: none; font-weight: bold; font-size: 11px; line-height: 15px; }
#more ul.link_list a { font-weight: normal; }
#more ul.image_link_list a:hover,
#more ul.link_list a:hover { text-decoration: underline; }
#more ul.link_list { padding: 0.25em 0 0.2em; }
#more ul.image_link_list li { padding: 0; margin: 0; }




------------------------ Menuhome Xanh-----------------
.chromestyle{
width: 1000px;
font-size:12px;
text-align:left;
}

.chromestyle:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 980px;
background: url(../img/temp/recipes-menus.gif) center center repeat-x; 
padding: 4px 0;
margin: 0;
text-align: center; 
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{

padding: 4px 7px;
margin: 0;
text-decoration: none;
color: #FFF;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
background: url(../img/temp/recipes-menus_select.gif) center center repeat-x; 
}



.dropmenudiv
{
	text-align:left;
	position:absolute;
	top: 0;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: #61851d;
	width: 220px;
	visibility: hidden;
	filter: progid:dximagetransform.microsoft.alpha(opacity=90); 
	opacity:0.9;
}


.dropmenudiv a
{
margin-left:5px;
background:transparent url(../img/new/bullet.gif) no-repeat scroll left center;
width: 100%;
display: block;
text-indent: 3px;
padding: 2px 6px;

text-decoration: none;
color: White;
}

.dropmenudiv a:hover{ 
background-color: #264049;
color:White;
}


.clearer{clear:both;}

.img-rss {border:0;margin:0;padding:0;}

.link-rss {
-x-system-font:none;
color:#919090;
font-size:12px;
text-decoration:none;
}

.fontTitlle{

color:#015db9;
margin:5px;
text-decoration:none;
}
.fontTitlle a:link,
.fontTitlle a:visited,
.fontTitlle a:active
{
color:#015db9;
text-decoration:none;
text-align:left;
}
.fontTitlle a:hover{
text-decoration:underline;
}

.TextBox
{
     font-size: 12px; 
     padding-left: 3px; 
     border: 1px #ACD6E8 solid; 
     color: #000000; 
  	 background-color:white;
  	 margin:3px 5px 0 5px;
   /*border-bottom-style:dashed
background-color: #FFF7E8; 
*/
}





/*  Modulstyle  */
div.moduletable {
		font-family: Tahoma;
		margin: 0px 0px 0px 0px;
		text-align:left;}
		
div.module {
		font-family: Tahoma;
		font-size: 12px;
		color: #000000;
		margin: 0px 0px 10px 0px;
		text-align:left;}

div.moduleone {
		width: 231px;
		background-color:#FFFFFF;
		background-image: url(../img/temp/bg_module.png);
		background-position: center top;
		background-repeat: no-repeat;
		font-family:Tahoma;
		font-size:12px;
		color:#000000;
		height:1%;
}

div.moduletwo {
		background: url(../img/temp/bg_bottom_module.png); 
		background-position: bottom; 
		background-repeat: no-repeat; 
		padding: 5px 0px 6px 0px;
}

div.modulethree {
		background:url(../images/background/hand.gif);
		background-position:bottom right;
		background-repeat:no-repeat;		
		border-left:#CCCCCC 1px solid;
		border-right:#CCCCCC 1px solid;
		padding: 0px 10px 5px 10px;
}
div.moduletab {

		font-family:Tahoma;
		font-size:12px;
		color:#000000;
		}
div.modulethree div, div.moduletable h3 {
		color: #444444;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		font-variant: small-caps;	
		font-family: Arial,Verdana,Helvetica,sans-serif;
		padding: 8px 0 0 0px;
		border-bottom: 1px #20B2AA dotted;
}
.text_menu {background: url(../img/temp/line_das.png); background-position:bottom; background-repeat:repeat-x; padding:3px 0px 3px 0px}
.text_menu a.mainlevel {
	COLOR: #000000; TEXT-DECORATION: none
}
.text_menu a.mainlevel:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.text_menu a.mainlevel:hover {
	COLOR: #000000; TEXT-DECORATION: none; font-weight:bold;
}


.my_site { background-color:#FFFFFF; font-family:Tahoma; font-size:12px; color:#000000; width:631px; margin:0px 0px 10px 0px}
.sub_my_site { background:url(../img/temp/bg_body_top.png); background-position:center top; background-repeat:no-repeat; font-family:Tahoma; font-size:12px; color:#000000; width:631px; text-align:left; }
.sub_my_site1 { border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding:5px 0px 5px 10px;}
.sub_my_site2 { background:url(../img/temp/bg_body_bottom.png); background-position:center bottom; background-repeat:no-repeat;}
.table_my_site { border:#CCCCCC 1px solid; width:100%; height:1%; }
.list_categories {font-family:Tahoma; font-size:12px; color:#000000; font-weight:bold; padding:5px 5px 5px 5px}

/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */
	/*background-color:#AAA;*/
	background-color:#393a39;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border-left:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
	border-right:2px solid #666666;	
	border-bottom:2px solid #666666;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	/*background-color:#555;*/
	background-color:#393a39;
	filter:alpha(opacity=80);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}


/**************** Light box **************/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #f3f3f3;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border:1px solid #b0b0b0;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #ff8f00;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid white;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}



/* -- ../img/temp/ -- */
/* Recipe Book Styles */

p#loading{margin:40px 10px; color:#666;}

/* Recipe Book Header Styles */
#rb_header{margin:15px 0 15px 10px; background:url(../img/temp/bg_rbheader.gif) no-repeat top right;float:left;width:100%}
#rb_header img{border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding:6px; float:left; margin:0 10px 10px 0;}
* html #rb_header img{margin-bottom:0px;}
#rb_header h2{font-size:18px; width:388px;}

#rb_header p span{color:#666;}
#rb_header p.user_favs{color:#666;}
#rb_header p.hdr{background:url(../img/temp/icon_heart.gif) no-repeat; padding-left:20px;}

#rb_header_content{width:260px; float:left; display:inline;}
#user_info{width:140px; float:right; display:inline; margin:-30px 50px 0 0;}
#user_info p{color:#666;}
#user_info p span{color:#000;}

#rb_content{margin:0 0 10px 10px;}
#rb_content p.warning{text-align:center; margin:30px 0; color:#F1003E;}

/* Recipe Book Tab Styles */
#rb_tabs{border-bottom:1px solid #e2e2e2; font-family:Tahoma,Geneva,Kalimati,sans-serif;}
#rb_tabs a{float:left; background:url(../img/temp/bg_tab.gif) repeat-x; height:25px; padding:2px 5px 0 5px; font-size:18px; text-decoration:none; border:1px solid #e2e2e2; display:inline; margin:0 15px -2px 0;}
* html #rb_tabs a{margin-bottom:-3px;}
#rb_tabs a span{font-size:14px; color:#666;}
#rb_tabs a.on{background:#fff; border-bottom:1px solid #fff; color:#000;}

/* Recipe Book Tab Content Styles */
#rb_tabcontent{margin-top:-2px; border-bottom:2px solid #e2e2e2; background:url(../img/temp/bg_imgpart.gif) right repeat-y; border-left:1px solid #e2e2e2;}

/* Recipe Book Recipes Tab Styles */
#rb_recipestab{margin:10px;}
#rb_recipestab #rb_seclectrecipeset{margin-bottom:10px;}
#rb_recipestab #rb_seclectrecipeset p span{color:#666;}
#rb_recipestab .rb_recipe{border-top:1px dashed #e0dfdf; padding:10px 3px;}
* html #rb_recipestab .rb_recipe{height:1%;}
#rb_recipestab .rb_recipe img{float:left;}
#rb_recipestab .rb_recipe .rb_recipecontent{width:525px; float:right;}
#rb_recipestab .rb_recipe .rb_recipecontent p.title{font-size:14px; font-family:Tahoma,Geneva,Kalimati,sans-serif;}
#rb_recipestab .rb_recipe .rb_recipecontent img{float:none;}
#rb_recipestab .rb_recipe .rb_recipecontent ul{margin:5px 0; padding:0px; list-style-type:none;}
#rb_recipestab .rb_recipe .rb_recipecontent ul li{display:inline; margin-right:3px;}
#rb_recipestab .rb_recipe .rb_recipecontent p.source{color:#666; font-size:11px; margin-bottom:2px;}

/* Recipe Book Collections Tab Styles */
#rb_collectionstab{margin:0 10px 10px 10px; display:none;}
#rb_collectionstab .rb_collection{border-top:1px dashed #e0dfdf; padding:10px 3px;}
* html #rb_collectionstab .rb_collection{height:1%;}
#rb_collectionstab .rb_collection img{float:left;}
#rb_collectionstab .rb_collection .rb_collectioncontent{width:525px; float:right;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title{font-size:14px; margin-bottom:4px; font-family:Tahoma,Geneva,Kalimati,sans-serif;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title span{font-size:11px; color:#666;}
#rb_collectionstab .rb_collection .rb_collectioncontent img{float:none;}
#rb_collectionstab .rb_collection .rb_collectioncontent ul{margin:5px 0; padding:0px; list-style-type:none;}
#rb_collectionstab .rb_collection .rb_collectioncontent ul li{display:inline; margin-right:3px;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.source{color:#666; font-size:11px; margin-bottom:2px;}

/* Recipe Book Reviews Tab Styles */
#rb_reviewstab{margin:9px 10px 10px 10px; display:none; line-height:140%;}
* html #rb_reviewstab{margin-top:8px;}
#rb_reviewstab p.hdr{margin-bottom:10px;}
#rb_reviewstab .review{border-top:1px dashed #e0dfdf; padding:10px 0;}
* html #rb_reviewstab .review{height:1%; zoom:1;}
#rb_reviewstab .review p.title{width:330px; float:left; font-size:14px; font-family:Tahoma,Geneva,Kalimati,sans-serif;}
#rb_reviewstab .review p.report{float:right;}
#rb_reviewstab .review p.report a{color:#666; font-size:10px;}
#rb_reviewstab .review p.report a:hover{color:#333;}
#rb_reviewstab .review ul{margin:5px 0; padding:0px; list-style-type:none; color:#8f8f8f; float:left;}
* html #rb_reviewstab .review ul{margin:-10px 0 0 0;}
#rb_reviewstab .review ul li{display:inline; margin-right:3px;}

/* Recipe Book Logged In Actions Styles */
#rb_actions{float:right; width:160px; background:url(../img/temp/bg_imgpart.gif) right repeat-y; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; display:inline; margin:45px 39px 0 0; padding:10px 0; border-bottom:1px solid #f1f1f1; display:none;}
* html #rb_actions{margin-right:20px;}
#rb_actions a{display:block; margin:0 8px;}
#rb_actions a.new{background:url(../img/temp/icon_expand.gif) no-repeat; padding-left:15px;}
#rb_actions a.edit{background:url(../img/temp/icon_editprofile.gif) no-repeat; padding-left:21px; margin-left:5px;}
p#profile_mode{display:none;}
#alert{width:414px; margin:10px 0; background:#fffeee; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:8px; display:none;}
#alert p{margin:0px;}
p#profile_mode span{color:#F1003E;}
p#profile_mode a{font-size:10px; color:#666;}
p#profile_mode a:hover{color:#333;}
#rb_recipestab .rb_recipe .rb_recipecontent p.title a.remove, #rb_recipestab .rb_recipe .rb_recipecontent p.title a.edit{font-size:10px; color:#666;}
#rb_recipestab .rb_recipe .rb_recipecontent p.title a.remove:hover, #rb_recipestab .rb_recipe .rb_recipecontent p.title a.edit:hover{color:#333;}
#rb_recipestab .rb_recipe .rb_recipecontent p.title span{position:relative;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title a.remove{font-size:10px; color:#666;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title a.remove:hover{color:#333;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title a.edit{font-size:10px; color:#666;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title a.edit:hover{color:#333;}
#rb_collectionstab .rb_collection .rb_collectioncontent p.title span.positioner{position:relative;}
#rb_reviewstab .review p.title a.remove{font-size:10px; color:#666;}
#rb_reviewstab .review p.title a.remove:hover{color:#333;}
#rb_reviewstab .review p.title a.edit{font-size:10px; color:#666;}
#rb_reviewstab .review p.title a.edit:hover{color:#333;}
#rb_reviewstab .review p.title span{position:relative;}
.remove_confirm{width:225px; height:94px; background:url(../img/temp/bg_rbconfirm.gif) no-repeat; position:absolute; top:20px; left:-218px; display:none; opacity: .95; filter: alpha(opacity=95); z-index:1000;}
.remove_confirm p{margin:22px 20px 10px 20px; font-size:12px; color:#000; line-height:normal;}