/*
Application Name: Cekodok
Application URI: http://cekodok.com
Author: Bitter Coffee Studio
Author URI: http://www.bitter-coffee.com
Version: 1.0
.
This stylings (part of the whole application) is made exclusively for Cekodok.com. Any of this code here is free to be used as long as there is no violation of copyright

.
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-style: inherit;
	font-size: 100%;
	font-family:  Helvetica, Arial, sans-serif;
	text-decoration:none;
	line-height: 18px;
}
* {
	margin:0px;
	padding:0px;
}
body {
	height: 100%;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #f7f7f7;
	color: #676767;
	background: url(../img/bg.jpg) repeat;
}
/* Links */	
a {
	text-decoration: none;
	color: #EC5B43;
}
a:hover {
	color: #69aaba;
}
body#home #header li a.item1, body#fooddb #header li a.item2, 
body#submitfood #header li a.item3, body#mp #header li a.item4, 
body#caloriesschool #header li a.item5, body#ebook #header li a.item6, 
body#about #header li a.item8, body#contact #header li a.item9,
body#news #header li a.item14, body#diet-tips #header li a.item15,
body#account #header li a.item16, body#login #header li a.item11,
body#register #header li a.item12
{ color: #676767;  
}

#header a.selected {
	text-decoration: underline;
}
ul#related-food a {
	color: #003466;
}
#latest-food a, #popular-food a {
	color: #666;
}
p {
	padding: 3px;
}
p.highlight {
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#f5f5f5;
	font-size:11px;
	color: #999999;
	padding: 3px 10px !important;
	margin:10px;
    display: block;
    font-family: "Times New Roman",Times,serif;
    white-space: pre;
}

/* Text Stylings */
h2 {
	font-size: 13px;
}
h3 {
    color: #676767 !important;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
	margin-bottom: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}
h4 {
	font-size: 14px;
	color: #676767;
	padding: 10px 0px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px;
	text-transform:uppercase;
}
h1 {
	font-size: 22px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 9px;
}
.smallest-text {
	font-size: 11px;
	padding:0px
}


/*== SOCIAL SHARE BUTTONS ==*/
.sharepost {
background:none repeat scroll 0 0 transparent;
float:left;
margin-left:-100px;
margin-right:10px;
position:absolute;
top:160px;
width:64px;
}

.sharer {
padding:5px;}




#updates h3 {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	letter-spacing: -0.8px;
	margin: 8px 0 8px 10px;
}
h4.subpagehead {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}
h1.pagehead {
	color:#676767 !important;
	font-size:22px;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 0px 25px 5px;
	border-bottom: 1px dotted #DDDDDD;
    margin: 10px 0 30px;
    width: 100%;
}
.pagehead {
	color:#676767 !important;
	font-size:22px;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 0px 15px 5px;
    margin: 10px 0 0px;
    width: 100%;
}
h3.sectiontitle, #add-food h3 {
    color: #676767;
    font-size: 12px;
	letter-spacing:0px;
	margin:8px 0 0 0;
	padding:0px;
	font-weight:lighter;
	text-transform:capitalize;
}
nput:focus, textarea:focus, select:focus {
	border: 2px solid #69AABA;
    color: #69AABA;
    margin: 0px;	
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
    color: #fff;
		-moz-border-radius: 79px;
	-webkit-border-radius:79px;
	border-radius:79px;
	text-decoration:none !important;
	display: block;
	color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	padding:7px 14px;
	margin: 10px 1px 1px 10px;
	background: url(img/sprite-button.png) repeat-x scroll 0 -20px #69AABA;
	border: 1px solid #5AA2B4;
}
input.submit:hover {
	text-decoration: underline;
}
ul#related-food .bluecolor {
	background: #6690B5;
	padding: 2px;
	color: #fff;
	font-size: 14px;
}
#nutri-table-short h3 {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 7px 3px;
}
#ads-flash h5, h5.ads-plain {
	margin: 20px 0 15px 19px;
	font-weight: normal;
}
/* Resets ********************************************************************/	
form, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* Layouts & its Elements Styles */


#ad  {	margin: 0 auto; width:730px;}

#container-top {
	background: url(img/bg-header-top.gif) no-repeat;
	width:960px;
	height:26px;
	margin: 0 auto;
}
#container-buttom {
	background: url(img/bg-header-buttom.gif) no-repeat;
	width:960px;
	height:26px;
	margin: 0 auto;
}
#container {
	width: 970px;
	margin: 0 auto;
}
#header {
/*	height: 131px;
	background: url("img/header-bg.jpg") no-repeat;
	margin: 0 0 2px 0;
	padding: 2px 0 0 0;*/
	overflow: hidden;
}
#header .totalfood {
	font-weight: bold;
	font-size: 12px;
	color: #989993;
	text-align: center;
	padding: 20px 2px 10px 2px;
	margin: 3px 0 0 583px;
	width: 194px;
	height: 64px;
	background: url("img/bg-number.jpg") no-repeat;
}
.totalfood span {
	font-family: Georgia;
	font-size: 16px;
	color: #99BA2A;
}
#primary-menu {
	float: left;
	width: 930px;
	overflow:hidden;
	height:39px;
	padding: 20px 20px 0 20px;
	background-color: #eaeaea;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);	
	background-color: #fff;
}
#primary-menu ul.menu{
	float:left;
}
#primary-menu ul.right_menu{
	float:right;
}
.menu li a {
	position: relative;
	text-decoration: none;
	color: #B6B6B6;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -1px;
    text-transform: uppercase;
	border-right: 1px dotted #CCCCCC;
	padding-right: 11px;
	margin-right: 11px;
}
.menu li a:hover {
	color: #676767;
}
* html div#header ul {
	list-style-type: none;
	padding: 0 0 0 75px;
	margin-top: 3px;
}
#header li {
	display: inline;
}
* html div#header li {
	display: inline;
	color: #F7F9F1;
	font-size: 15px;
	font-weight: bold;
	margin: 0 27px 0 0;
}
#header #loadingbox {
	padding: 0 0 0 340px;
	height: 70px;
	position: fixed;
}
* html div#loadingbox {
	position: absolute;
}
#column1 {
	width: 206px;
	float: left;
}
/* 3 Homepage Columns ****************************************************** */	
#column-home {
		float: left;
		width: 205px;
		margin:0 5px 5px 0;
		overflow:hidden;
	}
		#column-home h2, #column-home h2 a {
			font-size: 1em;
			text-transform: uppercase;
			margin-bottom: 5px;
			color:#524A47;
		}
		#column-home .thumb {
			width: 190px; height: 30px;
			overflow: hidden;
			margin:5px;
		}

		#column-home p {
			line-height: 1.4em;
			padding:0 5px;
		}
		#column-home .readmore {
			text-indent: -9999px;
			width: 99px; height: 17px;
			outline: none;
			background: url(images/readmore.gif) no-repeat 0 0;
			margin: 10px 0;
			display: block;
		}

/* Follow us ****************************************************** */	
.follow-cekodok {margin:10px 0 5px 0;}

.follow-cekodok ul {
margin:0px 0 5px 0;
overflow:hidden;
width:300px;
}

.follow-cekodok li a {
	float:left;
	height:64px;
	overflow:hidden;
	padding:0;
	margin:5px;
	text-decoration:none;
	width:64px;
}

/* Middle Columns ****************************************************** */	
#column2 {
	width: 470px;
    padding-right: 10px;
	border-right: 1px dotted #DDDDDD;
	float: left;
}
#column2 p {
	padding:2px 0;
	line-height:1.3em
}
#column2 ul {
   list-style-type: none !important;
}

#column2 ul li {
/*	list-style-type:disc;*/
	line-height:1.8em;
}
#column2 ul li a{
    color:#707070;
}
#column2 ul li a:hover{
    color: #EC5B43;
}

#column2 ul li strong {
	font-weight:bold;
}
#column2-wide {
	margin: 0 0 0 0px;
	width: 700px;
	float: left;
}
#column2-wide .col2-cell {
    margin: 0px;
    padding: 0px;
}
#column2-wide #add-food h3 {
    margin:0px;
 }
#column2-mini, #add-food {
	width: 506px;
}
#column3 {
	width: 206px;
	float: left;
}
#column3-mini {
	width:206px;
	padding:0px;
}
#footer {
	font-size: 12px;
	overflow:hidden;
	padding: 40px 0px;
	border-bottom: 10px solid #676767;
	text-align:left;
}
#footer div{
	float: left;
}
#footer .menu{
	float: right;
	overflow:hidden;
}
#footer .menu li {
	display:inline;
	margin: 0px 0px 0px 10px;
	padding:0px;
}
#footer  p{
    color: #AAAAAA;
	font-size: 11px;
	line-height: 19px;
    padding: 0px;
}
#footer a {
    color: #676767;
}
#footer .menu li a {
    border-right: 0px;
    color: #676767;
    font-size: 11px;
	margin: 0px;
	padding:0px;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: inherit;
}
#footer a:hover {
	color: #EC5B43 !important;
	text-decoration:none;
}

#search select, .search select {
	padding: 3px;
	margin: 3px 0;
}
#search p, .search p {
	margin: 8px 6px;
	padding: 0;
}
#search input.cat-box {
	margin-right: 4px;
}
#search input.searchdata {
	background: #FAFAF4;
	font-size: 15px;
	padding: 7px;
	border: 1px solid #CFCFC1;
	color: #565656;
	font-weight: normal;
	width: 450px;
}
#search input.searchdata-mealplan {
	width: 155px;
	font-size: 13px;
	padding: 4px 7px;
	border: 1px solid #CFCFC1;
	color: #565656;
	font-weight: normal;
}
input.serving {
	margin-left: 5px;
	width: 155px;
	background: #FAFAF4;
	font-size: 13px;
	padding: 4px 7px;
	border: 1px solid #CFCFC1;
	color: #565656;
	font-weight: normal;
}
html > body #search input.searchbtn {
	color: #666;
	padding: 3px 5px 3px 5px;
	background: #F4C909;
	border: 1px solid #E2BC10;
	font-weight: bold;
}
html > body #search input.searchbtn:hover {
	border: 1px solid #EE9E01;
	color: #333;
}
#about {
    background: url("img/bg-stripes-light.gif") repeat-x scroll left bottom transparent;
    margin: 0 10px 25px;
    padding: 1px 1px 25px;
	line-height: 15px;
}
#about h4 {
}
.col1-border {
	padding: 0px;
}
#calorie {
    background: url("img/bg-stripes-light.gif") repeat-x scroll left bottom transparent;
    margin: 0 10px 25px;
    padding: 1px 1px 25px;
	color: #333;
	text-transform: capitalize;
}
#calorie ul li a {
	color:#707070;
    display: block;
    padding: 0 4px;
}
#calorie ul li a:hover{
	color:#EC5B43;
}
.col2-cell {
	padding: 1px;
	margin: 0 0 5px 0;
}
#view-food .col2-cell {
	padding: 0px;
	margin: 0px;
}
#view-food .col2-cell .pagehead{
    margin-top: 0;
    padding-top: 0;
}

.col3-cell {
	padding: 1px;
	margin: 0 0 8px 0;
}
#latest-food, .mealplanstats, .mealplanstats2,.mealplanstats-right, #popular-food {
	text-transform: capitalize;
    background: url("img/bg-stripes-light.gif") repeat-x scroll left bottom transparent;
    color: #333333;
    margin: 0 10px 25px;
    padding: 1px 1px 25px;
}
#related-food {
	padding: 5px;
	margin: 4px 0;
}
#popular-food {
	text-transform: capitalize;
}
#updates ul {
	margin: 0 10px 0 10px;
}
#updates ul li {
	margin: 0 0 8px 0;
}
#updates em {
	font-size: 11px;
}
#updates li a {
	background: #E4EEF7 none repeat scroll 0 0;
	display: block;
	padding: 4px 4px 4px 8px;
	color: #64645F;
	text-decoration: none;
}
#updates li a:hover {
	background: #C1D2E2 none repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
}
#latest-food ul li a, #popular-food ul li a,
.mealplanstats ul li a, .mealplanstats2 ul li a,
.mealplanstats-right ul li a  {
	display:block;
	padding: 0px 4px;
	color:#707070;
}
#latest-food ul li a:hover, #popular-food ul li a:hover,
.mealplanstats ul li a:hover, .mealplanstats2 ul li a:hover,
.mealplanstats-right ul li a:hover  {
	color:#EC5B43;
	text-decoration:none;
}
/* Grey Sidebar Box      ****************************************************************/		
#grey-box {
	/* background: #fff;
	border: 1px solid #E2E0CE;	*/
	padding: 1px 1px 25px 1px;
	background: url(img/bg-stripes-light.gif) repeat-x scroll left bottom;
	margin: 0 0 25px 0;
}
#grey-box p {
	/* background:#F3F3E9; */
	padding:3px;
}
#grey-box h3 {
    display: block;
    font-size: 11px;
    font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	letter-spacing: 0px;
	color:#676767 !important;
    text-transform: uppercase;
}
#grey-box ul li a {
	display:block;
	color:#707070;
	padding: 0px 4px;
}
#grey-box ul li a:hover {
	color:#EC5B43;
}
#tips-box {
	background: #fff;
	padding: 1px;
	margin: 0 0 8px 0;
	border: 1px solid #d9d7c5;
	height:120px;
}
#tips-box div {
	background:url(img/sb-quote.jpg) no-repeat;
	height:120px
}
#tips-box img {
	float:left;
	margin-left:2px;
}
#tips-box p {
	padding:10px 78px 0px 8px;
	font-size:13px;
	color:#4D4640;
	font-style:italic;
}
#tips-box a {
	color:#403835;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
ul#related-food li {
	line-height: 1.8em;
}
/* Recycled Sub-Elements */	
.margincol {
	margin: 0 13px 0 0;
}
.clearfix {
	clear: both;
}
.clearfixgap {
	clear: both;
	height: 10px;
	margin: 4px 0;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.align-right {
	text-align: right;
}
.hori-line {
	border-bottom: 1px solid #CDDBE9;
	margin: 5px 0 10px 0;
}
.hori-line-silver {
	border-bottom: 1px dashed #E7E6DF;
	margin: 5px 0 10px 0;
}
img.ads {
	margin: 0 0 5px 0;
	border: 1px solid #E2E0CE;
	padding:1px
}
img {
	border: none;
}
.uppercase {
	text-transform: uppercase;
	font-weight: bold;
}
/* Result Boxes Styles */			
#foodname {
	width: 150px;
	text-transform: capitalize;
}
#mealplanname {
	width: 280px;
	text-transform: capitalize;
}
#nutri-table-short input{
    margin-bottom: 0px !important;
}

#foodname a {
	font-weight: bold;
}
#mealplanname a {
	font-weight: bold;
}
#fooddesc {
	width: 200px;
	font-size: 11px;
	padding: 0 0 0 8px;
}
#foodcategory a {
	font-size: 11px;
	color: #818179;
}
#mealplanauthor a {
    width: 200px;
	font-size: 11px;
	color: #818179;
}
.result-row{
    padding: 0px !important;
    margin-bottom: 5px;
}

/* View Food Page */

h5.tags {
	font-size: 10px;
	font-weight: normal;
	float: left;
	background: url("img/tag.gif") no-repeat scroll 0 0;
	height: 16px;
	padding: 0 0 0 20px;
}
h5.category {
	font-size: 10px;
	font-weight: normal;
	float: right;
	background: url("img/category.gif") no-repeat scroll 0 0;
	height: 16px;
	padding: 0 0 0 20px;
}
#food-header {
}
#food-header-bg {
	padding:3px;
	background: #F3F3E9;
}
#nutri-info {
	margin: 0px 10px 0 0;
	float:left;
	width:235px;
	overflow:hidden;
}
.connect_widget .connect_widget_interactive_area {
    width: 240px;
}
#nutri-table {
	width: 220px;
	border: 1px solid #443C39;
	padding: 1px;
	background:#EFEFEF;
	margin: 5px 0 0 0;
	color:#333;
	font-size: 12px;
	float:right;
}
input.amount {
	width:25px;
	padding:1px;
	font-size:11px;
}
select.serving {
	width:100px;
	padding:1px;
	font-size:11px;
}
#view-food p {
	margin: 0 0 9px 0;
	padding: 0;
	line-height: 14px;
	text-align: justify;
}
#view-food h5 a {
	color: #666;
	text-decoration: none;
}
#view-food h5 a:hover {
	text-decoration: underline;
}
#nutri-table h3, #nutri-table-short h2 {
	background: #443C39;
	color: #fff;
	text-align: center;
}
#t-row0 {
	padding: 1.5px 5px;
	margin: 0px;
	font-size:11px;
}
#t-row1 {
	border-top: 8px solid #818177;
	border-bottom: 4px solid #818177;
	padding: 2px 5px;
	margin: 2px 0;
}
#t-row2, .t-row2 {
	padding: 0 5px;
	margin: 2px 0;
	font-weight:bold
}
.t-row3 {
	padding: 0px 5px 0px 20px;
	margin: 0px 0;
	font-weight:normal;
	font-size:11px
}
#add-food select, #view-food select {
	padding: 1px;
}
ul#content {
	list-style-image: url("img/bullet-green.gif");
	list-style-position: outside;
	margin: 2px 0 0 40px;
}
#view-food ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 4px;
}
/* Add Food ********************************************************************************/
.categories input.cat-box {
	margin-right: 5px;
}
.categories p {
	margin: 8px 50px 8px 6px;
	padding: 0;
}
#add-food input, #add-food textarea, #add-food .tags, #contactFormArea input.searchdata, #contactFormArea textarea,
#register_form input.searchdata, input{
	outline-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 9px;
	color: #bbb;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin: 1px 1px 8px 1px;
}
#update{
    margin: 12px 0px 0px 2px;
}

#add-food input.searchdata, #add-food textarea, #add-food .tags, #contactFormArea input.searchdata, #contactFormArea textarea {
	width: 435px;
	margin: 1px;
}
#add-food textarea {
	height: 60px;
}
#add-food input.gram, input.gram {
	font-size: 13px;
	padding: 3px;
	width: 40px;
	text-align:center;
	font-weight:bold;
}
#add-food input.t-calorie {
	font-size: 22px;
	width: 100px;
	background:none;
	border:none;
	color: #000;
	font-weight: bold;
	padding: 0px;
	text-align:right;
}
html > body #add-food input.addbtn, input.addbtn {
	color: #666;
	padding: 5px 8px;
	font-weight: bold;
}
html > body #add-food input.addbtn:hover, input.addbtn:hover {
	border: 1px solid #EE9E01;
	color: #333;
}
#blue-box {
	border: 1px solid #C3D9FF;
	padding:1px;
	margin-bottom:8px;
}
.dashed-box {
	background:#ECF4FD;
}
.dashed-box h3 {
	background:#C3D9FF;
}
#nutri-table-short {
	width: 450px;
	padding: 0px;
	margin: 0px 0 0 0px;
	font-size: 12px;
}
#nutri-table-short h4 {
	padding: 4px 0 0 0;
	font-size:12px;
    color: #676767;
    font-weight: lighter;
    text-transform: capitalize;
}
#nutri-table-short h5 {
	padding: 0px 0px 0px 20px;
    font-weight: lighter;
	font-size:13px;
}
.result-row-alt{
    padding: 0px !important;
    margin-bottom: 5px;
}
#foodcategory{
    width: 110px;
}

/* MEAL PLAN PAGE ********************************************************************************/

.mealplanform p {
	margin: 5px 0;
}
.mealplanform a {
	text-decoration: none;
}
.mealname {
	width: 190px;
	font-family: Arial;
	color: #676767;
	font-weight: bold;
	text-transform: uppercase;
}
#searchform select{
    width: 172px;
}

* html input.mealname {
	border: #fff;
}
.mealplanform select {
	width: 90px;
}
.mealnamerow span {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
html > body #add-food input.addmeal, input.addmeal {
	color: #E9E7D6;
	padding: 2px 8px;
	background: #A3A18A;
	border: 1px solid #A3A18A;
	font-weight: bold;
}
html > body #add-food input.addmeal:hover, input.addmeal:hover {
	border: 1px solid #A3A18A;
	color: #E9E7D6;
}
.foodrow, .foodrow-view {
	margin: 0 0 2px 0;
}
.foodrow-alt, .foodrow-view-alt {
	border-bottom: 1px solid #F8F8F8;
	margin: 0 0 2px 0;
}
.food-name {
	padding: 8px 2px 8px 15px;
	text-transform: capitalize;
	width: 213px;
	font-weight: bold;
	float: left;
}
.food-serve {
	float: left;
	margin: 0 0 0 20px;
}
.food-serve input.gram {
	color: #565656;
	background: #F3F3E9;
	border: 1px solid #D9D7C5;
	font-weight: bold;
	margin: 0;
	padding: 1px;
	font-size: 13px;
	width: 40px;
	text-align:center;
	font-weight:bold;
}
.food-serve select {
	margin: 0;
	padding: 0;
}
.foodrow-view .food-serve, .foodrow-view-alt .food-serve {
	padding: 8px 0;
}
.food-weight {
	padding: 8px 10px 8px 0;
	float: right;
	font-size: 15px;
	font-weight: bold;
}
.total {
	margin: 5px 0;
}
.total .food-weight, .total .food-serve {
	padding: 8px 0;
}
.total {
	padding: 0 10px 0 0;
}
.subtotal {
	padding: 0 10px 0 0;
}
.subtotal .food-weight, .subtotal .food-serve {
	padding: 4px 0;
}
.subtotal .food-weight {
	color: #666;
}
.mealinfo {
	width: 150px;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 11px;
	color: #666;
}
.mealplan-result a {
	color: #7F7A66;
}
.mealplanstep h3 span {
	font-size: 15px;
}
.sharing {
	margin: 10px 0;
	background: #E2E0CE;
	padding: 8px 8px 8px 20px;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
}
.sharing textarea {
	margin: 3px 0;
	width: 160px;
}
.sharing input {
	padding: 2px;
	margin: 3px 0;
	width: 156px;
}
html > body .sharing .emailbtn, .sharing .emailbtn {
	width: 163px;
	color: #EEEEE9;
	background: #EE9D3F;
	border: 1px solid #DF8B27;
	font-weight: bold;
}
html > body .sharing .emailbtn:hover, input.emailbtn:hover {
	border: 1px solid #DF8B27;
	color: #333;
}
.mealplantitle a {
	color: #3192D6;
	font-weight: bold;
}
.mealplantitle h3 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
.mealplantitle em {
	float: right;
}
a.addmealplanbtn {
	font-size: 15px;
	color:#707070;
	font-weight:bold;
	padding:2px 8px;
}
/* These used to be inline CSS in meal_planner.php */
	
.droppables {
	background-color: #F5F5F5;
}
.notification {
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: 1px dashed #F2B143;
	background-color: #c45f43;
	margin: 5px 0;
	padding: 3px;
}
.notification a, .notification a:visited {
	color: #FFF6DA;
}
.hover {
	border: 1px dashed #aaa;
	background-color: #FFFF33;
}
.selected_meal {
	background-color: #fff !important;
}
/* More from user Meal Plan List *********************/
.sidebar-cont {
	padding: 1px;
	margin: 10px 0;
}
.sidebar-cont p {
	padding: 4px;
}
.sidebar-cont p a {
	font-weight:bold;
}
.sidebar-cont p a:hover {
	text-decoration:underline;
}
/*.sidebar-cont ul li {
	border-bottom:1px dotted #E2E0CE;
	background: #F3F3E9;
} */
.sidebar-cont{
    background: url("img/bg-stripes-light.gif") repeat-x scroll left bottom transparent;
    margin: 0 10px 25px !important;
    padding: 1px 1px 25px;
}
.sidebar-cont ul li a {
	color:#707070;
    display: block;
    padding: 0 4px;
}
.sidebar-cont ul li a:hover {
	color:#EC5B43;
	text-decoration:none;
}
/* Pagination Styles */
div.pagination {
	padding: 3px;
	margin: 20px 3px;
	text-align: center;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #B9B7B1;
	text-decoration: none; /* no underline */
	color: #333;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #B9B7B1;
	color: #666;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #B9B7B1;
	font-weight: bold;
	background-color: #B9B7B1;
	color: #FFF;
}
#account{
    margin-bottom: 10px;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
/* Add food category column */

td.cat-column {
	padding-right: 15px;
}

.errors {
    padding: 5px;
    border: 1px solid #ab0000;
    background-color: #ffc3c3;
    color: #ab0000;
}

.success {
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    color: #676767;
}

.info {
    padding: 5px;
    border: 1px solid #1f30d9;
    background-color: #87bdff;
    color: #1f30d9;
}

.news-title {
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}
.news-title  a{
    color:#707070;
}
 .news-title  a:hover{
	color: #69aaba;
}
.upl-info {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
	color: #AAAAAA;
}

.upl-info a {
    font-weight: bold;
	color: #AAAAAA;
}
.upl-info a:hover{
	color: #EC5B43;
}
#logo {
    float: left;
    padding: 30px 0px;
}
#logo a {
    float: left;
    margin-right: 25px;
}
.social-bookmarks {
    float: right;
    list-style-type: none;
    padding-top: 55px;
}
.social-bookmarks li {
    color: #AAAAAA;
    display: block;
    float: left;
}
.social-bookmarks li a {
    float: left;
    margin: 0;
    opacity: 0.3;
    padding: 0 6px 0 0;
    text-indent: -9999px;
}
.social-bookmarks li a:hover {

    opacity: 0.7;

}
.social-bookmarks li a img {
    display: block;
}
.right_menu li{
    background-color: #F5F5F5;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
    margin-top: 0;
    padding: 10px;
}
.right_menu li a{
	color: #BBBBBB;
}
.right_menu li a:hover{
	color: #4D4640;
	text-decoration:none;
}

.bg-content{
	width:920px;
	margin-right: auto;
	margin-left: auto;
	padding:25px 25px 40px 25px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	background-color: #fefefe;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow: hidden;
}
p.sectiontitle{
	width:470px;
}

.content_block_main {
	overflow:hidden;
	width:920px;
	margin-right: auto;
	margin-left: auto;
	padding:25px 25px 40px 25px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	background-color: #fefefe;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.button, .button:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.button {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
}
.smallest {
    background: url("img/sprite-button.png") repeat-x scroll 0 0 transparent;
    font-size: 11px;
    padding: 1px 7px !important;
}
.rectangle {
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.orange {
    background-color: #EC5B43;
	margin-top: 8px;
    width: 70px;
    border: 1px solid #EB5338;
}
.orange:hover{
    text-decoration:underline;
}

#register_form  p{
    color: #AAAAAA;
    display: inline;
    font-size: 11px;
    font-style: normal;
}
select{
    width: 140px;
    margin-left: 2px;
}
.food-name-view{
    font-size: 16px;
    font-weight: bold;
}

#header-search-form {
    position: absolute;
    top: 110px;
    left: 240px;
}

.search-block-title {
    background: #FAFAF4;
    font-size: 15px;
    padding: 7px;
    border: 1px solid #CFCFC1;
    color: #565656;
    font-weight: normal;
    width: 450px;
    margin-bottom: 10px;
}

#header-search-form { 
left: 300px;
top: 120px;
 }

.social-bookmarks { 
padding-top: 65px;
 }
 
 #txt_search {
width: 362px;
}