/* tag cloud classes */
.nube1 {font-size: 1.0em;}
.nube2 {font-size: 1.2em;}
.nube3 {font-size: 1.4em;}
.nube4 {font-size: 1.6em;}
.nube5 {font-size: 1.8em;}
.nube6 {font-size: 2.0em;}



div#wrapper { 
	/*background: white url('logtest.jpg') no-repeat left top;*/
	background: white;
}



/*application heading*/

div#menu_background1 {
	background:	#003399;
	height:		2px;
	width:		100%;
	z-index:	2;
	position:	fixed;
	top:		0px;
	left:		0px;
}
div#menu_background2 {
	background:	#3366CC;
	height:		66px;
	width:		100%;
	z-index:	2;
	position:	fixed;
	top:		2px;
	left:		0px;
}
div#menu_background3 {
	background:	#003399;
	height:		2px;
	width:		100%;
	z-index:	2;
	position:	fixed;
	top:		68px;
	left:		0px;
}
div#screen_msg {
	z-index:	999;
	position:	fixed;
	top:		5px;
	left:		290px;
	font-size:	20px;
	font-family:	tahoma, sans-serif;
	color: 		gold;
}
div#hidden_msg {
	display:	none;
}
div#application_logo {
	width: 		282px; /*186px;*/
	height:		63px;
	z-index:	3;
	position:	fixed;
	top:		2px;
	left:		0px;
}
div#application_food {
	width: 		203px;
	height:		140px;
	z-index:	5;
	position:	fixed;
	top:		0px;
	right:		0px;
}
div#screen_progress {
	z-index:	999;
	position:	fixed;
	top:		40%;
	left:		30%;
	font-size:	60px;
	font-family:	tahoma, sans-serif;
	/*background-image: url(busy.gif);*/
}

div#navigation_lesser {
	height:		10px;
	z-index:	4;
	position:	fixed;
	top:		3px;
	right:		210px;
	font-size:	9px;
	font-family:	tahoma, sans-serif;
	color: 		#000033;
}
div#navigation_lesser :link { color: #000033; }
div#navigation_lesser :visited { color: #000033; }
div#navigation_lesser a:hover { color: white; }
div#navigation_lesser a:active { color: white; }
div#navigation_lesser a {
	padding-left:	1em;
	padding-right:	0.5em;
	text-decoration: none;
}


div#navigation_main {
	height:		40px;
	z-index:	4;
	position:	fixed;
	width:		100%;
	top:		32px;
	left:		0px;
}
div#nav_back {
	height:		30px;
	width:		100%;
	z-index:	3;
	background:	white;
	position:	fixed;
	top:		70px;
}
div#navigation_submenu {
	height:		30px;
	width:		100%;
	z-index:	6;
	position:	fixed;
	top:		73px;
	left:		20px;
	font-family:	tahoma, sans-serif;
	font-size:	10px;
}
div.sm_padding {
	display:	inline;
	position:	relative;
	top:		0px;
	/*background: 	#003399;*/
	padding-top:	6px;
	padding-bottom:	5px;
	padding-left:	5px;
	padding-right:	5px;
}
div.navsm_label {
	display:	inline;
	padding-left:	0.25em;
	padding-right:	0.5em;
	color: 		#000033;
	font-family:	tahoma, sans-serif;
	font-size:	12px;
}
div.navsm_option {
	display:	inline;
	padding-left:	0.5em;
	padding-right:	0.5em;
	color: 		black;
}
div.navsm_option :link { color: black; }
div.navsm_option :visited { color: black; }
div.navsm_option a:hover { color: red; }
div.navsm_option a:active { color: red; }
div.navsm_option a { text-decoration: none;}
div.navsm input {
        font-size:   25%;
}
/*end application heading*/


div.pagination_css {
	padding-left:	1em;
        font-size:	75%;
	white-space:	nowrap;
}





/*after re-cssing */

div#top_nassles { 
	display: inline;
}


*	{	
	font-size: 100%;
	line-height: 1.0em;
	font-size-adjust: 0.58; 
	}


pre { font-family: monospace; }
h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }

/* start header/footer style definitions */
body { 
	color: black; 
	background: white;
	font-family: tahoma, sans-serif;
	margin: 0;
	padding-top: 100px; /*72px;*/
	width: 100%;
	overflow: auto;
} 


div#submenuClose { 
	font-variant:small-caps;
	background: #F1EDC2;
	color: black;
	padding: 0.25em 0 0 0.25em;
	border: none;
	margin-top: none;
	font-family: cursive;
	font-style: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 1.75em; 
} 


div#appbody{
	display: inline;
	height: 100%;
	width: 100%;
  	overflow: auto;
 }



 * html body{
 	overflow: hidden;
 } 

/* end header/footer style definitions */


form {
	display: inline;
}




div.form_details {
	padding: 0.25em;
}
div.form_details td {
	padding: 0.25em 0.25em;
}

label{
	font-weight: bold;
        /*font-size:   110%;*/
}

input {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	display: inline;
}

td {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	vertical-align: top;
}

th {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	vertical-align: middle;
}


div.heading_option {
	display: inline;
	padding-left: 1em;
	padding-right: 2em;
	/*border-right: 0.1em dotted #066;*/
}

div.heading_option_admin {
	display: inline;
	padding-left: 1em;
	padding-right: 2em;
	/*border-right: 0.1em dotted #066;*/
        font-size:   60%;
}


div.welcome {
	display: inline;
	color: #000033;
	padding-right:	3em;
}

div.bigger_blue {
	display: inline;
        font-size:   150%;
	background-color: teal;
}



div#appheader :link { color: black; }  
div#appheader :visited { color: black; } 
div#appheader a:active { color: orange; } 
div#appheader a:hover { color: orange; } 
div#appheader a { text-decoration: none } 

div#submenu :link { color: black; }  
div#submenu :visited { color: black; }  
div#submenu a:active { color: red; }
div#submenu a:hover { color: red; } 
div#submenu a { text-decoration: none } 

div#submenuClose :link { color: black; }  
div#submenuClose :visited { color: black; }  
div#submenuClose a:active { color: red; } 
div#submenuClose a:hover { color: red; } 
div#submenuClose a { text-decoration: none } 



.listing_view {
	/*border: 0.1em solid white;*/
        font-size:   75%;
	/*margin-left: 3em;*/
	/*margin-right: 65%;*/
}
.listing_view td {
	padding: 0em 0.5em 0.5em 0.5em;
}
.listing_define {
	/*border: 0.1em solid white;*/
        font-size:   75%;
	/*margin-left: 3em;*/
	/*margin-right: 50%;*/
}
.listing_define td {
	padding: 0em 0.5em 0em 0.5em;
}


div.listing_div {
	padding-left: 1em;
	padding-top: 1em;
}

.ajaxclose {
	border: 0.1em dotted green;
	font-size:   75%;
}



.notdisplayed {
	display: none;
}
.isdisplayed {
	display: inline;
}


.button_image {
	display: inline;
}

/*shopping list - pick another.. */
div#pickanotherlist_disabled_for_now {
	/*display:	block;*/
	z-index:	3;
	position:	absolute;
	top:		8%;
	left:		0%;
	background-color: white;
        font-size:	75%;
}


/*mealplan text size */
div.mealplan input {
        /* font-size:   100%;  */
}
div.mealplan a{
	font-weight: bold;
        /* font-size:   70%;  */
}
div.mealplan td {
        /* font-size:   90%; */
}
div.mealplan th {
	font-weight: bold;
        /* font-size:   100%;  */
}

div.viewrn{
	display: inline;
	font-weight: bold;
        /* font-size:   80%;  */
}




/* centering labels and inputs Not used in mealplan now though: can delete*/
div.row span.left {
  float: left;
  }

div.row span.right {
  float: right;
  }




/* form validation formatting */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}


#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* may not be used anymore */
div.help {
	padding: 1em 2em 1em 2em;
}



/* alternate colors of data rows */
tr.h1 td {
}
tr.h0 td {
	background-color: #FEF0C9;
}

table.listing_table {
	border-style: groove;
}
table.listing_table caption {
	font-size:	130%;
	font-weight:	normal;
	font-variant:	small-caps;
	background-color:	#F1EDC2;
	color:		black;
	letter-spacing:	0.5em;
	text-align:	center;
	padding-bottom:	0.25em; 
}
table.listing_table th {
	background-color:	#FEE0C6;
	font-variant:	small-caps;
	color:		black;
	padding:	0.5em;
}
table.listing_table td {
	padding:	0.25em 0.25em 0.25em 0.25em;
	border-style:	none;
	border-width:	0;
}

table.js_table {
	border-style: groove;
}

table.js_table th {
	background-color: #F1EDC2;
	font-variant:small-caps;
	color: black;
	padding: 0.5em;
}
table.js_table td {
	padding: 1.25em 1.25em 1.25em 1.25em;
	border-style: none;
	border-width: 0;
	padding: 0;
}


.nassles_info {
	display:	inline;
        font-size:	150%;
	font-family:	tahoma;
	font-weight:	bold;
	/*font-style:	italic;*/
	color:		green;
	font-variant:	normal;
	padding-left:	3em;
}
.nassles_info :link { color: green;}  
.nassles_info :visited { color: green;} 
.nassles_info a { text-decoration: none; } 
.nassles_info a:active { color: red; } 
.nassles_info a:hover { color: red; } 
