/*

missionmenus.com cookbook css file

*/

/**********  Header css ****************************/
td{
    padding: 0px;
    margin: 0px;
}


#header{
	border:1px #FFFFFF solid;
	width:780px;
	height:143px;
	background-image:url(../images/headerPix/header_cookbook_summer08.jpg);
}

#header a {
	width:150px;
	height:103px;
	display:block;
	float: left;
}


#header ul{
	color: #fff;
	clear:left;
}


#header ul li { display: inline;}


#header ul li a, #header ul li input{
	color: #fff;
	width:195px;
	height:35px;
	text-decoration: none;
	padding-top:5px;
	float: left;
}

#header ul li a:hover{
	color: #fff;
}

/**********  End Header css ****************************/


/********** Middle Container **************************/

#main_container{
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
	width:780px;
	position:relative;	
	background-color:#bfdff1;

}
/********** pageTitleBar Container **************************/
#pageheader{
	border-bottom:1px #FFFFFF solid;
	width:780px;
	height:35px;
	background-color:#3f9fd5;
}

#pageheader h2{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:.7em 0 0 15px;
}
#pageheader p {
	/*margin-top: -1.26em;*/
	padding: .7em 2em 0 0;
	color: #FFF;
	font-size:10px;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}

#pageheader p a {
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
}

#pageheader p a:hover {
	color:#0079ac;
}

/********************* Filter Container *********************************************************************************/


#filterContainer{
	border-bottom:1px #FFFFFF solid;
	width:780px;
	background-color:#7fbfe3;
	clear:both;
}

/**** table styles *********/
#filterContainer table{
	
	width:780px;
	padding:0;
	margin:0 0 10px 0;
}
#filterContainer td{
	vertical-align:top;
	width:180px;
	
}

#filterContainer td.spacer{
	width:10px;
}

#filterContainer td.inputs{
	width:200;
}

#filterContainer td.selectionLinksBoxes{
	width:200px;
	vertical-align:bottom;
	padding:0 75px 10px 0;	
}

#filterContainer td.selectionLinksBoxes img{
	padding-left: 5px;
	padding-top:5px;
	
}

#filterContainer td.lastselectionLinksBoxes{	
	text-align:right;
	vertical-align:bottom;
}
#filterContainer td.last{
	width:130px;
	text-align:right;
}

#filterContainer h2{
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#filterContainer p {
	padding:5px 0;
	color: #FFF;
	font-size:10px;
	font-weight: normal;
	text-align: left;
}

#filterContainer p.help {
	padding:5px 7px 0;
	color: #FFF;
	font-size:10px;
	font-weight: normal;
	text-align: right;
}

#filterContainer p.help input{
	padding-top:9px;
}

#filterContainer a {
	font-size:10px;
	color: #FFFFFF;
	font-weight: bold;
}

#filterContainer a:hover {
	color:#0079ac;
}

#filterContainer a.selectionLink {
	font-size:10px;
	color: #006699;
	font-weight: bold;
	margin-top:0px;
}


#filterContainer a.selectionLink:hover {
	color:#0079ac;
}

#filterContainer p.selectall {
	color: #006699;
}

/***************  Slider ************************** */
#filterContainer td.inputs .ajax__slider_h_rail {margin-top:0px;border:0px solid;vertical-align:top;position:relative;background:url(../images/cookbook/slider_bkgrd.jpg) no-repeat;height:12px;width:150px;}

/*************occasion Panel *****************************/
#filterContainer .ListBoxes{
	padding:2px;
	border:#999 solid 1px;
	height:110px;
	overflow:auto;
	background-color:#ebf1f4;
	text-align:left;	
}

#filterContainer .ListBoxes label {
	padding-top:8px;
	color:#666666;	
	text-align:left;
	padding-left: 5px;	
}

#filterContainer .ListBoxes input.checkbox{
	margin: 0px 10px 0 5px; /* set top margin same as form input - textarea etc. elements */	
	
}

.textinput{
	color:#666666;
	width:195px;
	height:15px;
	padding:2px;
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	background-color:#FFFFFF;
	border:1px solid;
   	border-top-color:#999;
   	border-left-color:#999;
   	border-right-color:#666;
   	border-bottom-color:#666;
}

/********** dual Container ***************************************************************************************************/
/*
Use these style for the center portions of the page.

RS = right side

LS = left side

*/

#dualContainer{
	border-bottom:1px #FFFFFF solid;	
	width:780px;
	height:585px;
	background-color:#ebf1f4;
	clear:both;
}
#dualContainer td{
	vertical-align:top;
}
#dualContainer td.spacer{
	width:5px;
}

#dualContainer td.sendto{
	padding-top:5px;
	padding-right: 22px;
	text-align:right;
	width:148px;
}

#dualContainer td.printthis{
	padding-top:5px;
	padding-bottom:7px;
	text-align:left;
}

.RS_table{
	margin-top:5px;
	width:385px;
	height:;
	border:#3f9fd5 solid 1px;	
	
}

.RS_table img {
	border:#CCCCCC 1px solid;
	text-align:left;
}

.RS_table .RS_Icons {
	padding:5px 0px;
}
.RS_table .RS_Icons img {
	border:0;
	padding:5px;
}

.RS_table h2{
	font-size:14px;
	color:#3f9fd5;
	text-align:left;
}

.RS_table p{
	font-size:10px;
	color:#666;
	text-align:left;
}

.RS_table p b{
	color:#333;
	font-weight:normal;
}

.RS_table .RS_Title{
	padding:0;
	width:215px;
	text-align:left;
}

.RS_table .RS_Image
{
	width:148px;
	padding:0;
}

.RS_table .RS_Icons{
	padding:0;
}
.RS_table .RS_Info{
	padding-left:3px;
}

.RS_table .RS_Rate{
	padding:10px 5px 0 20px;
}

.RS_table .RS_TabsControl{
	padding:10px 0;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
}

.RS_table a {
	font-size:10px;
	color: #3f9fd5;
	font-weight: normal;
}

.RS_table a.addrecipe {
	padding:0px 0px 0 40px;
}

.RS_table a.selected {
	font-size:10px;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}

.RS_table a:hover {
	color:#0079ac;
}


.RS_table .RS_contentBoxes{
	margin:10px 10px 0px;
	height:300px;
	overflow:auto;
	background-color:#ebf1f4;
}

#recipeItemContentBox
{
	padding: 3px;
	margin:10px 10px 0px;
	height:290px;
	width:340px;
	overflow:auto;
	background-color:#ebf1f4;
	position:relative;	
}

#recipeItemContentBox h2{
	font-size:14px;
	color:#929f4e;
	line-height:10px;
	text-align:left;
	padding:10px;
}

#recipeItemContentBox p{	
	color:#333;
	line-height:12px;
	text-align:left;
	padding:2px 15px;
}

#recipeItemContentBox p.commentAuthor{	
	color:#3f9fd5;
	line-height:10px;
	text-align:left;
	padding:0px 5px 20px 10px;
}

#recipeItemContentBox p b{	
	color:#ee1d30;

}

#recipeItemContentBox p.commentText{	
	color:#333;
	line-height:15px;
	text-align:left;
	padding:0px 10px 3px 10px;
}

#recipeItemContentBox h2.commentTitle{
	font-size:16px;
	color:#929f4e;
	line-height:10px;
	text-align:left;
	padding:20px 10px;
}

#recipeItemContentBox h2.addcomment{
	font-size:12px;
	font-weight:bold;
	color:#3f9fd5;
	line-height:10px;
	text-align:left;
	padding:10px;
}


#recipeItemContentBox p a{	
	color:#3f9fd5;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:17px;
	padding:5px 10px;
	padding-left:275px;
}

#recipeItemContentBox a.SendComments{	
	color:#3f9fd5;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:17px;
	text-align:right;
	padding-left:255px;
}


#recipeItemContentBox h3.commentLogin a{	
	color:#3f9fd5;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:17px;
	padding:75px 0;
}

#recipeItemContentBox h3.commentLogin a:hover{	
	text-decoration:underline;

}
#recipeItemContentBox p a:hover{	
	text-decoration:underline;

}

#recipeItemContentBox textarea {
	width:300px;
	height:100px;
	margin:0;
	padding:5px;
}


.LS_table{
	margin-top:5px;
	width:385px;
	height:580px;
	border:#3f9fd5 solid 1px;	
}

.LS_table td.tdRating{
 width:180px;
 vertical-align:middle;
}

.LS_table td.tdRating img{
	border:0;
	padding: 0 5px;
}	
	
.LS_table td.tdIcons{
 	width:180px;
  	vertical-align:middle;
}
.LS_table td.tdIcons img{
	border:0;
	padding: 0 5px;
	}

.LS_table .leftBlue{
	padding:0px;
	background-color:#FFFFFF;
}

.LS_table .leftBlue a{
	color:#333333;
	font-weight: bold;
}

.LS_table .leftBlue a:hover{
	color:#3399cc;
	font-weight: bold;
	
}

.LS_table .leftBlue .repeater
{
	height:489px;
	background-color:#FFFFFF;
	padding-bottom: 15px;
	
}

.paginglinks
{
	font-size:9px;
	text-align:center;
	color:#000000;		
	border-left: solid 0px #bedff0;
	border-right: solid 0px #bedff0;
	border-bottom: solid 8px #bedff0;
	background-color:#FFFFFF;
	padding-bottom: 20px;
	
}

.paginglinks a
{
	font-size:9px;	
	color: #3f9fd5;	
	text-decoration: underline;
}

.paginglinks a:hover
{
	font-size:9px;	
	color: #3f9fd5;	
	text-decoration: none;
}


/* xp theme */
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_header {text-align:left;height:30px; color:#FFFFFF;background-color:#0d71a5;border:0px;padding-bottom:0px;margin-bottom:0px;margin-right:0px;}

.LS_table .leftBlue .ajax__tab_xp .ajax__tab_outer {text-align:left;height:30px;padding-left: 5px;background:#0d71a5;border:0px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_inner {text-align:left;height:30px;padding-right: 4px;background:#0d71a5;border:0px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_tab {width:179px;height:22px;text-align:left;padding-top:0px; padding-bottom:0px; border-top:solid 8px #0d71a5;color:#FFFFFF;background:#0d71a5;}

/*.LS_table .leftBlue .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:#0d71a5;border:0px;height:30px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:#0d71a5;border:0px;height:30px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:#0d71a5;border:0px;height:30px;}*/

.LS_table .leftBlue .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {height:30px;text-align:left;background:#bedff0; padding-left: 5px;border:0px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {height:30px;text-align:left;background:#bedff0; padding-right: 4px;border:0px;}
.LS_table .leftBlue .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {width:179px;height:30px;text-align:left;padding-top:0px; padding-bottom:0px; border-top:solid 8px #bedff0;color:#3f9fd5;font-weight:bold;background:#FFFFFF;}


.LS_table .leftBlue .ajax__tab_xp .ajax__tab_body {border:0px;padding-left:8px;padding-right:8px;padding-bottom:0px;padding-top:0px;background:#bedff0;margin-top:0px;margin-bottom:0px;}

/* scrolling */
.LS_table .leftBlue .ajax__scroll_horiz {overflow-x:scroll;}
.LS_table .leftBlue .ajax__scroll_vert {overflow-y:scroll;}
.LS_table .leftBlue .ajax__scroll_both {overflow:scroll}
.LS_table .leftBlue .ajax__scroll_auto {overflow:auto}

.LS_table .ListItems{
	padding:5px 5px;
	width:360px;	
	background-color:#fffff;
	margin-top:0px;
	margin-bottom:0px;
}

.LS_table .ListItemsSelected{
	padding:5px 5px;
	width:360px;
	background-color:#ffffff;
	background-image:url(../images/cookbook/arrow_bkgrd.jpg);
}

.LS_table .Listdivider{
	padding:0px;
	margin: 0px;
	text-align:left;
	background-color:#FFFFFF;
}

.LS_table p{
	font-size:10px;
	color:#666;
	text-align:left;
}

.myrecipebox
{
	/*margin-top: 15px;*/
	background-color:#FFFFFF;
	width:354px;
	padding-left:15px;
	/*border: 1px solid black;*/
}
.myrecipebox p
{	
	font-size:12px;	
	color:#333;
	text-align: center;
}

.myrecipebox p a {	
	color:red;
	font-size:12px;		
}

/*********************** Modal Windows ***************************************************************/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopupConfirm{
    background-color:#ffffdd;
	border-width:0px;
	border-style:solid;
	border-color:#7ebfe3;
	padding:0px;
	width: 200px;	
		
}

.modalPopupConfirm #popup {
	background-color: #7ebfe3;
	width: 200px;
	padding: 5px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	height:150px;		
}

.modalPopupConfirm #inset {
	margin-top:7px;	
    padding-top:3px;
	background-color: #EEEEEE;
	height: 134px;
	overflow:auto;
}

.modalPopupConfirm #inset p{
	color: #666666;	
	font-size:10px;
	font-weight:normal;
	padding:3px;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:0px;
	border-style:solid;
	border-color:#7ebfe3;
	padding:0px;
	
}

.modalPopup #popup {
	background-color: #7ebfe3;
	width: 300px;
	padding: 5px;
	text-align:left;
	font-size:11px;
	font-weight:bold;	
}

.modalPopup #popup .left
{
	padding: 2px;
}
.modalPopup #inset {
	margin-top:7px;	
    padding-top:3px;
	background-color: #EEEEEE;
	height: 195px;
	z-index:0;
}

.modalPopup #inset h3{
	color: #3f9fd5;	
	font-size:11px;
	padding-left:3px;
}

.modalPopup #inset p{
	color: #666666;	
	font-size:10px;
	font-weight:normal;
	padding:3px;
}

.modalPopup #inset a {
	color: gray;
	margin-left: 10px;
	text-decoration: underline;
	font-size: 11px;
}

.modalPopup div.right {
	margin-top: -20px;
	padding-right: 2px;
	text-align: right;
}

.modalPopup div.right2 {
	margin-top:4px;
	padding-right: 15px;
	text-align: right;
}

.modalPopup ul {
	padding-left: 5px;
	list-style-type: none;
}

.modalPopup li {
	margin-bottom: 10px;
	color: #7ebfe3;
	font-weight: normal;
}

.modalPopup input,textarea {
	color: #7ebfe3;
}

.modalPopup a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.modalPopupSTF {
	background-color:#ffffdd;
	border-width:0px;
	border-style:solid;
	border-color:#7ebfe3;
	padding:0px;
	
}

.modalPopupSTF #popup {
	background-color: #7ebfe3;
	width: 400px;
	padding: 5px;
	text-align:left;
	font-size:11px;
	font-weight:bold;	
}

.modalPopupSTF #popup .left
{
	padding: 2px;
}
.modalPopupSTF #inset {
    margin-top:7px;	
    padding-top:3px;
   	background-color: #EEEEEE;
	height: 275px;	
}

.modalPopupSTF #inset h3{
	color: #3f9fd5;	
	font-size:11px;
	padding-left:3px;
}

.modalPopupSTF #inset p{
	color: #666666;	
	font-size:10px;
	font-weight:normal;
	padding:3px;
}

.modalPopup #inset a {
	color: gray;
	margin-left: 10px;
	text-decoration: underline;
	font-size: 11px;
}

.modalPopupSTF div.right {
	margin-top: -20px;
	padding-right: 2px;
	text-align: right;
}

.modalPopupSTF div.right2 {
	margin-top:4px;
	padding-right: 15px;
	text-align: right;
}

.modalPopupSTF ul {
	padding-left: 5px;
	list-style-type: none;
}

.modalPopupSTF li {
	margin-bottom: 10px;
	color: #7ebfe3;
	font-weight: normal;
}

.modalPopupSTF td{
    color: #7ebfe3;
	font-weight: normal;
}

.modalPopupSTF input,textarea {
	color: #7ebfe3;
}

.modalPopupSTF a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}


.modalPopupHelp {
	background-color:#ffffdd;
	border-width:0px;
	border-style:solid;
	border-color:#7ebfe3;
	padding:0px;
	width: 400px;	
	height:20px;	 
}

.modalPopupHelp #popup {
	background-color: #7ebfe3;
	width: 400px;
	padding: 5px;
	text-align:left;
	font-size:11px;
	font-weight:bold;		
}

.modalPopupHelp #inset {
	padding-top: 15px;
	background-color: #EEEEEE;
	height: 300px;
	overflow:auto;
}

.modalPopupHelp #popup .left
{
	padding: 2px;
}

.modalPopupHelp #inset h3{
	color: #3f9fd5;	
	font-size:11px;
	padding-left:3px;
}

.modalPopupHelp #inset p{
	color: #666666;	
	font-size:10px;
	font-weight:normal;
	padding:3px;
}

.modalPopupHelp #inset a {
	color: gray;
	margin-left: 10px;
	text-decoration: underline;
	font-size: 11px;
}

.modalPopupHelp div.right {
	margin-top: -20px;
	padding-right: 2px;
	text-align: right;
}

.modalPopupHelp a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

 

.error
{
	color:red;
}

.errorSmall
{
	color:red;
	font-size: 10px;
}

.success
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-style:italic;
}

/*********************** make a meal ***************************************************************/


#sub_recipesBox{
	margin:6px 5px 0 5px;
	height:115px;
	color:#000000;
	background-color:#fff;

}
#sub_recipesBox img.recipepic{
	border:2px #aaaaaa solid;
	margin:10px;
	float:left;
}

#sub_recipesBox h2{
	font-size:12px;
	color:#666;
	line-height:10px;
	text-align:left;
	padding:10px 0 0 5px;
}

#sub_recipesBox p{	
	color:#666;
	line-height:17px;
	text-align:left;
	padding:5px 5px 0 5px;
}

#sub_recipesBox p.getRec{	
	color:#666;
	line-height:17px;
	text-align:left;
	padding:5px 5px 0 0px;
}

#sub_recipesBox p.getRec a{
	padding:5px 5px 0 5px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#3f9fd5;
}

#sub_recipesBox p.getRec a:hover{
	color:#FF0000;
}


/************** Loading progress panels *********************************

div.loadingRecipe
{
   background-color:#333;
   filter:alpha(opacity=70);
   opacity:0.7;
   position:absolute;
   top:111px;
   left:395px;
   height:530px;
   width:384px;
   z-index:2;
}

p .loading
{
	color:#006699;
	font-weight: bold;
	margin-top:25px;
	text-align:center;
	font-size:12px;
	background-color:#FFFFFF;
	position:relative;
}