/* ExtJS icons: */
.icon-folder-add {
    background-image:url(images/silk/folder_add.png) ! important;
}
.icon-cross {
    background-image:url(images/silk/cross.png) ! important;
}
.icon-pensil {
    background-image:url(images/silk/pencil.png) ! important;
}
.icon-folder {
    background-image:url(ext-resources/images/default/tree/folder.gif) ! important;
}
.icon-leaf {
    background-image:url(ext-resources/images/default/tree/leaf.gif) ! important;
}

a
{
	color: #666;
}

a:hover
{
	color: #666;
}

a:visited
{
    /*color: #0066cc;*/
	color: #666;
}

body
{
    text-align: center;
    margin: 0;
    width: 100%;
    min-height: 768px;
    /*color: #A29D80;*/
    color: #666;
	/*font-family: Times;*/
	font-family: Arial;
    font-size: 0.7em;
    background-image: url("images/core/background.png");
	background-repeat: repeat-x;
	background-color: #efefef;
}

h1
{
    font-weight: normal;
    /*font-size: 1.4em;*/
    text-transform: lowercase;
}

h1.gray
{
    background-color: #666666;
    color: #959595;
    padding-left: 10px;
}

h1.blue
{
    background-color: #98B2C9;
    color: #FFFFFF;
    padding-left: 10px;
}

h1.orange
{
    background-color: #FC834E;
    color: #FFFFFF;    
    padding-left: 10px;
}

h1.green
{
    background-color: #66bb46;
    color: #FFFFFF;    
    padding-left: 10px;
}

h2
{
    font-weight: normal;
    /*font-size: 1.2em;*/
	font-size: 16px;
}

h2.blue
{
    color: #98B2C9;
}

h2.orange
{
    color: #FC834E;
}

h2.green
{
    color: #53B431;
}

h3
{
    font-weight: normal;
	font-size: 14px;
    /*font-size: 1.0em;*/
}

h3.blue
{
    color: #98B2C9;
}

h3.orange
{
    color: #FC834E;
}

h3.green
{
    color: #53B431;
}

span.blue
{
    color: #98B2C9;
}

span.orange
{
    color: #FC834E;    
}

span.green
{
    color: #53B431;    
}

ul.level1
{
	padding-left: 0px;
	margin-left: 0px;
}

ul.level1 li
{
    color: #53B431;
    list-style: none;
    padding: 3px;
    font-size: 15px;
    margin-left: 0px;
    padding-left: 0px;
}

ul.level2
{
	padding-left: 0px;
	margin-left: 0px;
}

ul.level2 li
{
    color: #535353;
    list-style: none;
}

#page
{
    text-align: left;
    width: 920px;
    margin: 0 auto;
	padding-bottom: 20px;
    min-height: 600px;
    background-color: #FFFFFF;
}

#page-admin
{
    text-align: left;
    width: 920px;
    margin: 0 auto;
	padding-bottom: 20px;
    min-height: 600px;
    background-color: #FFFFFF;
}

#content
{
    padding-left: 0px;
    padding-right: 10px;
    /*background-image: url(images/home/home_bg.gif);
	background-repeat: repeat-x;*/
}

#header
{
    height: 107px;
	margin-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
}

#left-header
{
    float: left;
	/*
    height: 107px;
    width: 330px;
	*/
    text-align: center;
    margin-left: 10px;
}

#left-header img {
	border: none;
}

#header-desc
{
	padding-top: 75px; 
	padding-left: 57px; 
	color: #5ea700; 
	font-weight: bold; 
}

a.special
{
	text-decoration: none;
}

#right-header
{
    float: right;
    /*
	height: 107px;
    width: 530px;
	 */
    text-align: right;
    vertical-align: middle;
}

#login-area
{
    height: 40px;
}

#hippocrates
{
    height: 23px;
    font-size: 1.3em;
}

#top-menu
{
    text-align: center;
    margin-top: 10px;
    padding-top :7px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    font-size: 1.3em;
    background-color: #FC834E;
}

#top-menu a
{
    color: #FFFFFF;
    text-decoration: none;
}

#top-menu a:hover
{
    color: #000000;
    text-decoration: none;
}

#middle
{
    padding-left: 13px;
    color: #535353;
    font-family: Arial;
    /*font-size: 0.7em;   */
}

table tr td
{
    color: #535353;
}

p
{
    padding: 5px;
}

.tabs
{
    background-image: url(images/health/green_tab.png);
	background-repeat: no-repeat;
	width: 145px;
	color: #FFFFFF;
	height: 33px;
	margin: 0px;
}

.tabs a
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.tabs a:hover
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.tabs a:visited
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.tabs-selected
{
    background-image: url(images/health/white_tab.png);
	background-repeat: no-repeat;
	width: 145px;
	height: 33px;
	padding: 0;
	margin: 0px;
}

.tabs-selected a
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.tabs-selected a:hover
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.tabs-selected a:visited
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.box
{
	border-bottom: ridge 1px #bbbcba; 
	border-left: outset 1px #666; 
	margin-left: 1px;
	border-top: ridge 1px #bbbcba;
	border-right: ridge 3px #bbbcba; 
	width: 890px; 
	min-height: 500px;	
}

.red-button
{
	background-image: url(images/health/red_button.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 133px;
	height: 28px;
	padding-top: 7px;
	font-size: 10px;
	margin-left: 140px;
	text-align: center;
}

.red-button-left
{
	background-image: url(images/health/red_button.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 133px;
	height: 28px;
	padding-top: 7px;
	font-size: 10px;
	margin-left: 0px;
	text-align: center;
}

.bigspace{
	height: 28px;
}

.green-button
{
	background-image: url(images/recipe/green_button.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 127px;
	height: 25px;
	font-size: 10px;
	margin-top: 1px;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


/*Recipe view*/

.recipe {
	
}

.recipe .rightbox{
	width:40%;
	float:left;
}

.recipe .leftbox{
	width:60%;
	float:left;
}

.recipe .a{
	text-align:right;
	text-decoration:none;
}

.recipe .hundred{
	width:100%;
}

.recipe .spacing{
	display:inline;
	margin-left:260px;
}

.recipe h1{
	font-weight: normal;
  font-size: 1.4em;
  text-transform: none;
  color: #66bb46;
}

.recipe h2{
    font-weight: normal;
    font-size: 1.2em;
    line-height:15px;
    color: #FC834E;    
}

.recipe h3{
    font-weight: normal;
    font-size: 1.2em;
    display:inline;
}

.recipe p{
	margin-top: -10px;
}

.recipe ul{
	
}

.recipe li{
	
}

/*Product form*/
#middle-top-line
{
	background-color: #666666;
	width: 100%;
}

/* top down order */
#middle-content
{
	min-height: 600px;
	margin-top: 15px;
}

#middle-right-message
{
	text-align: right;
}

#middle-left
{
	float: left;
	width: 430px;
}

#middle-right
{
	float: right;
	width: 430px;
}

#toolbox-area
{
	text-align: right;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 20px;
}

#middle-footer
{
	background-color: #666666;
	width: 100%;
	margin-bottom: 5px;
}

/* HOME */
#home-content {
	height: 300px;
	background-color: #FFFFFF;
}

#home, #home-video {
	padding-top: 15px;
	float: left;
}

#home a {
	color: #024171;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#home a:hover {
	text-decoration: none;
}

#home a.selected {
	text-decoration: none;
}

#home #get-started {
	font-size: 23px;
	color: #66cc33;
}

#home #ico-col {
	padding-right: 17px;
	width: 43px;
	float: left;
	text-align: center;
	min-width: 43px;
	max-width: 43px;
}

#home #ico-content-col {
	width: 373px;
	float: left;
}

#tech_crunch {
	text-align: center;
}

#footer {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	background-color: #efefef;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

#footer a.selected {
	text-decoration: none;
}

.clear {
	clear: both;
}

/* Static Page Styles */

h1.pagetitle {
padding-top: 7px; 
padding-left: 10px; 
color: rgb(177, 26, 65); 
font-size: 18px;
text-transform: none;
}

.titlered
{
color: rgb(177, 26, 65); 
}

.alignright {
	float: right;
}

.alignright p {
	margin-top: .3em;
	text-align: right;
}

.alignright img {
	padding-left: 10px;
}

.lefthandsection
{
	width: 220px;
	float: left;
}

.righthandsection
{
	width: 180px;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 20px;
}

.righthandsection h2
{
	text-transform: uppercase;
	color: white;
	background-color: #6E9C1E;
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px;
	margin-top: 0px;
}

.righthandsection ul, .righthandsection p
{
	padding: 0px 5px 10px;
	border-bottom: solid 1px #6E9C1E;
	margin: .75em 0px;
	
}

.righthandsection ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.leftsubstep {
	float: left;
	width: 120px;
	margin: 0px 5px .75em 0px;
	padding: 0px;
}

p.leftsubstep + img {
	margin-bottom: 30px;
}

ol li p.info {
	width: 624px;
}

.infosection {
	clear: left;
}

.infosection .infolabel {
	width: 120px;
	display: block;
}


/* CSS rules for the food preferences table in the health profile */

table#food_preferences {
	width: 890px;
	margin-top: 20px;
}

table#food_preferences tr td {
	vertical-align: top;
	text-align: center;
	padding-bottom: 30px;
}

table#food_preferences tr td a {
	text-decoration: none;
}

table#food_preferences tr td a img {
	border: none;
}

table#food_preferences tr td a:hover {
	color: #6E9C1E;
}

/* CSS rules for the food preference popup window */

#popup {
	display: none;
	background-color: #F2F2F2;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	left: 20%;
	top: 250px;
	padding: 5px;
	border: solid 1px black;
}

table.food_items {
	width: 50%;
	float: left; 
}

a#food_items_save {
	float: right;
}

a#food_items_save img {
	border: none;
}

a#food_items_close {
	float: left;
}


/* CSS for sub_menu_bar */

div.sub_menu_bar {
	width: 100%;
	background-color: #6d911a;
	padding: 7px 10px 7px 0px;
	text-align: right;
	color: white;
	font-weight: bold;
}

div.sub_menu_bar a {
	color: white;
	font-weight: bold;
}

/** Pagination Styles **/
.paginationbar a, .paginationbar strong {
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	color: #6d911a;
}

.paginationbar strong {
	color: white;
	background-color: #6d911a
}

/** View Recipe Page **/
.centersection {
	margin-left: 230px;
	margin-right: 190px;
}

.centersection h1,
.reviewsection h1 {
	margin: 0px;
	padding: 0px;
}

h2.subtitle {
	color: lightblue;
	font-weight: bold;
}

.reviewsection {
	margin-right: 180px;
	background: #EEE;
	padding: 5px;
}

.centersection ul {
	padding: 0px;
	margin: 0px;
}

.centersection li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.recipemenu {
	background: #DDD;
}

.recipemenu .button {
	background: white;
	width: 80px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 2px;
	padding-left: 20px;
	float: left;
	text-align: center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.recipemenu .desc {
	text-align: center;
	width: 70px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
}

.reviewsection .review {
	background: white;
}

.nopadding {
	padding: 0px;
	margin: 0px;
}

#created-shopping-list {
	background: url(../images/icon1.jpg) white;
	background-position: center left;
	background-repeat: no-repeat;
}

#add-to-meal-planner {
	background: url(../images/icon2.jpg) white;
	background-position: center left;
	background-repeat: no-repeat;
}

#rate-this-recipe {
	background: url(../images/icon4.jpg) white;
	background-position: center left;
	background-repeat: no-repeat;
}

#print-this-recipe {
	background: url(../images/icon3.jpg) white;
	background-position: center left;
	background-repeat: no-repeat;
}

.recipe-title-pink{
	color: #D08FA3; 
	text-decoration: none; 
	font-weight: bold;
}

.close-button{
margin-top:10px;
margin-left:210px;
}

.close-button2{
margin-bottom:70px;
text-align:right;
}

.tiny-text{
	font-size: 7pt;
}


#codeigniter_profiler
{
	text-align: left;
}

.draggable { background: #ffffff; padding: 1px; width:60px; height:60px; display:block;margin-bottom:2px; border:1px solid rgb(157, 157, 157); overflow:hidden;}
.draggable3 { vertical-align:middle;background: #ffffff; padding: 1px; width:160px; height:45px; display:block;margin-bottom:2px; border:1px solid rgb(157, 157, 157); overflow:hidden;}
.draggable2 { background: #ffffff; padding: 1px; width:60px; height:65px; display:block;margin-bottom:3px; border:1px solid rgb(157, 157, 157); overflow:hidden;}
.droppable { width: 67px; height: 220px; background: white; padding: 10px; overflow: auto;}

.draggable3 img{
float:left;
}
.draggable2 img{
float:none;
}

div.scroll2 {
height: 350px;
width:186px;
background-color: rgb(109, 145, 26);
padding: 8px;
overflow:auto;
margin-top:-3px;
}
.meal-container{
	
}

.meal-table{
	float:right;
	margin-left:10px;
	border:0px;
	padding:2px;
}
.meal-table tr{
	border:1px solid rgb(157, 157, 157);
}

.meal-table th{
	border:1px solid rgb(157, 157, 157);
}

.meal-table td{
	border:1px solid rgb(157, 157, 157);
	height:210px;
	vertical-align:top;
}

.meal-table tr th{
	color:rgb(157, 157, 157);
	text-align:center;
	background-color:rgb(250,250,250);
	text-transform: uppercase;
}

.meal-table th.noborder{
	width:20px;
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	background-color:#ffffff;
}
.meal-table td.vert{
	text-transform: uppercase;
	font-weight:bold;
	width:20px;
	vertical-align:middle;
}

.drophover{
	background-color:rgb(109, 145, 26);
}



.draggable3 .recip-title{
	display:block;
	color:rgb(109, 145, 26);
	font-size: 8pt;
	font-weight:bold;
	text-align:center;
}

.draggable2 .recip-title{
	display:block;
	color:rgb(157, 157, 157);
	font-size: 8pt;
	font-weight:bold;
	text-align:center;
}

.recip-title a{
	text-decoration:none;
}

.trash{
	background-image: url(../images/trashbin.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	float:right;
	padding:0px;
}

.meal-pag{
	text-align:right;
	padding-right: 10px;
}
.meal-pag a{ 
	color:grey;
	text-decoration:none;
	font-weight:bold;
}

.meal-pag a:hover{
	color:rgb(109, 145, 26);
}

.ractive{
	background-color: grey;
	color:#ffffff;
	width: 60px;
	margin-right:5px;
	display:inline;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:-2px;
	padding:6px;
}

.rinactive{
	color:grey;
	width: 60px;
	height:30px;
	margin-right:5px;
	display:inline;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:-2px;
	padding:6px;
}
	
	
.tabs-small
{
  background-image: url(../images/white_tab_small.png);
	background-repeat:no-repeat;
	font-size:12pt;
	font-weight:bold;
	height:21px;
	margin:0;
	padding:6px 13px;
	width:65px;
}

.tabs-small span
{
  font-size;8pt;
}

.tabs-small-selected span
{
  font-size;8pt;
}

.tabs-small a
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.tabs-small a:hover
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.tabs-small a:visited
{
	text-decoration: none; 
	color: #666;
	font-weight: bold;
}

.tabs-small-selected {
background-image:url(../images/green_tab_small.png);
background-repeat:no-repeat;
font-size:12pt;
font-weight:bold;
height:21px;
margin:0;
padding:6px 13px;
width:65px;
}
#filter-box{
	display: none;
	background-color: #ffffff;
	border-left: solid 10px #6D911A;
	border-right: solid 10px #6D911A;
	text-align: left;
}
#filter-box div{
	text-align: center;
	font-weight: bold;
}
#filter{
	text-align: center;
	background-color: #6D911A;
	margin-top: -3px;
}
#filter a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	
}
.tabs-small-selected a
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.tabs-small-selected a:hover
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.tabs-small-selected a:visited
{
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold;
}

.red{
	color:red;
}

.stock-photo-label{
	display:block;
	color:black;
	font-size: 8pt;
	font-weight:bold;
	text-align:center;
}

.stock-search-bar{
margin-top:10px;	
}

.shopping-right-side{
	float:right;
	margin-top:-20px;
}

div.sub_menu_bar2 {
	width: 99%;
	background-color: #6d911a;
	padding: 7px 10px 7px 0px;
	text-align: right;
	color: white;
	font-size: 10pt;
	font-weight: bold;
}

.spacing{
padding-left:17px;
padding-right:16px;
}

.shopping-update-text{
	color:rgb(109, 145, 26);
	font-size:8pt;
	font-weight:bold;
	margin-top:-16px;
	text-align:right;
	margin-left:120px;
}
.shopping-update-text a, .shopping-list-print a{
	text-decoration: none;
}
.shopping-week{
	margin-left:120px;
}
.shopping-list-print{
	margin-left:120px;
	text-decoration: none;
	font-weight: bold;
}
.shopping-list-print img, .shopping-update-text img {
  vertical-align: middle; 
}
.with-border{
	border: 2px solid rgb(157, 157, 157);
}

.table-shopping-list td.first{
	border-left: 2px solid rgb(157, 157, 157);
}

.table-shopping-list td.right{
	border-right: 2px solid rgb(157, 157, 157);
}

.table-shopping-list td.lastrow{
	border-bottom: 2px solid rgb(157, 157, 157);	
}
.simil-check{
	height:14px;
	width:15px;
	float:left;
	margin-right:5px;
}

td.borderbottom{
	border-bottom: 1px solid black;
}

.add_item_link{
	text-decoration: none; 
	color: black; 
	margin-left:200px;
}

.ident{
	margin-left:10px;
}
.float-right{
	display: block;
	text-align: right;
}

.no-border {
    border: none;
}

.remove-recipe{
	display: none;
	top: 0px;
	left: 0px;
	/*position: absolute;*/
	background-color: #6D911A;
	width: 100%;
	text-align: right;
	z-index: 10;
	opacity: 0.7;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70;
}
.remove-recipe a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #990000;
}
/* Comments styles */

.comment-meta {
  color:#999999;
  float:left;
  font-size:0.916em;
  line-height:1.5em;
  width:20%;
  margin-top: 10px;
}
.comment-content {
  margin:10px 10px 15px 110px;
  width:80%px;
}
#comments-list ol{
  margin-left: 0px;
  padding-left: 0px;
}
#comment-pager{
  text-align: center;
  margin-bottom: 15px;
}
#comments-list ol li {
  list-style-type:none;
  border-top:1px solid #CCCCCC;
}
cite {
  display:block;
  padding:0 2.6em;
  text-align:right;
}
.module {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  padding-top:5px;
}
.comment-summary{
  border-bottom: 1px; 
  color: #B11A41; 	
}
.summary-text{
  float: left; 
  margin-left: 110px;
}
#fixed-rate{
	float: right; 
	margin-right: 110px;
}
#loading-comment{
	display: none;
	text-align: center;
}
.error-msg {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#FFDFDF none repeat scroll 0 0;
  border-color:#DF7D7D;
  border-style:solid;
  border-width:1px 0;
  margin:0 0 1.5em;
  padding:7px;
}
.success-msg {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#C8FFBF none repeat scroll 0 0;
  border-color:#A2EF95;
  border-style:solid;
  border-width:1px 0;
  margin:0 0 1.5em;
  padding:7px;
}