/* Generic styling */

#container-footer1 .footer {
	position: relative;
}

#layer-mascot {
	width: 178;
	height: 310px;
	background: url(../images/mascot-footer.png) center center no-repeat;
	position: absolute;
	padding: 0 90px;
	margin-top: -237px;
	left: 2px;
}

body {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

a img {
	border: 0;
}

.layer-curvy {
	background: url(../images/recipes/bg_curvy.gif) top center no-repeat; 	
}

#layer-breadcrumbs-wrapper {
	background: url(../images/bg_breadcrumbs.gif) center center no-repeat;
}

#layer-breadcrumbs {
	width: 1100px;
	padding: 17px 0 10px 0;
	margin: 0 auto;
	color: #384130;
	text-transform: uppercase;
	font-size: 80%;
}

#layer-breadcrumbs ol {
	padding: 0;
	margin: 0;
}

#layer-breadcrumbs ol li {
	display: inline;
}

#layer-breadcrumbs a {
	color: #5E763A;
}


#layer-submenu-wrapper {
	background-color: #4B7B17;
}

#layer-submenu {
	width: 1100px;
	margin: 0 auto;
}

#layer-submenu ol {
	padding: 0;
	margin: 0;
}

#layer-submenu li {
	display: inline;
}

#layer-submenu li a {
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	padding: 8px 10px;
	line-height: 30px;
}

#layer-submenu li a:hover {
	background-color: #60A814;
}

#layer-submenu li a.selected {
	background-color: #60A814;
	color: #FFF;
}


#layer-uitm-header {
	background: url(../images/recipes/bg_uitm-header.png) top center no-repeat;
	height: 194px;
}

#layer-uitm-header-content {
	width: 351px;
	padding-top: 70px;
	padding-right: 105px;
	padding-left: 530px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma;
	letter-spacing: -1px;
	line-height: 105%;
	color: #212816;
}

#layer-uitm-header-button {
	text-align: right;
	margin-top: 23px;
}

#layer-uitm-header-button a {
	background: url(../images/recipes/btn_more.gif) center center no-repeat;
	width: 61px;
	height: 26px;
	line-height: 26px;
	padding: 13px 30px;
}



.link-button {
	background: url(../images/bg_button-middle.gif) center center repeat-x;
	padding: 11px 0 13px 0;
	line-height: 37px;
	height: 37px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 120%;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, Geneva, Serif;
}

.link-button .link-button-left {
	line-height: 37px;
	height: 37px;
	padding: 11px 0 13px 12px;
	background: url(../images/bg_button-left.gif) center left no-repeat;
}

.link-button .link-button-right {
	line-height: 37px;
	height: 37px;
	padding: 11px 12px 13px 0;
	background: url(../images/bg_button-right.gif) center right no-repeat;
}

.listing-tab {
	padding: 0;
	margin: 0;
}

.listing-tab li {
	display: inline;
}

.listing-tab li a {
	background: url(../images/bg_tab-green-middle.gif) center center repeat-x;
	padding: 7px 0 5px 0;
	font-size: 90%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: -4px;
}

.listing-tab li a:hover {
	background-image: url(../images/bg_tab-purple-middle.gif);
}
.listing-tab li a:hover .listing-tab-left {
	background-image: url(../images/bg_tab-purple-left.gif);
}

.listing-tab li a:hover .listing-tab-right {
	background-image: url(../images/bg_tab-purple-right.gif);
}


.listing-tab li a .listing-tab-left {
	background: url(../images/bg_tab-green-left.gif) left center no-repeat;
	padding: 7px 0 5px 14px;
}

.listing-tab li a .listing-tab-right {
	background: url(../images/bg_tab-green-right.gif) right center no-repeat;
	padding: 7px 14px 5px 0;
}

 .listing-tab li a.selected {
background-image: url(../images/bg_tab-purple-middle.gif) !important;
}

.listing-tab li a.selected .listing-tab-left {
background-image: url(../images/bg_tab-purple-left.gif) !important;
}

.listing-tab li a.selected .listing-tab-right {
background-image: url(../images/bg_tab-purple-right.gif) !important;
}





/* Recipe styling */
#layer-uitm-recipe {
	margin: 0 0 24px 0
}

#layer-uitm-recipe-box-shadow {
	background: url(../images/recipes/bg_box-shadow-left-right.png) center center no-repeat;
}

#layer-uitm-recipe-box-shadow-bottom {
	height: 55px;
	margin-bottom: -55px;
	background: url(../images/bg_shadow-bottom.png) bottom center no-repeat;
}

#layer-uitm-recipe-box {
	background: url(../images/recipes/bg_recipe-box-middle.jpg) top center repeat-y;
}

#layer-uitm-recipe-box-top {
	background: url(../images/recipes/bg_recipe-box-top.jpg) top center no-repeat;
}

#layer-uitm-recipe-box-bottom {
	background: url(../images/recipes/bg_recipe-box-bottom.jpg) bottom center no-repeat;
	padding: 20px 0;
}

#layer-uitm-recipe-box-middle {
	width: 974px;
	margin: 0 auto;
	padding: 8px 6px;
	background: url(../images/recipes/bg_recipe-middle.jpg) top center repeat-y;
}

#layer-uitm-recipe ol {
	padding: 0;
	margin: 0;
	width: 451px;
	float: left;
}

#layer-uitm-recipe ol.listing-2 {
	width: 436px; /* width: 442px; */
	margin-left: 80px;
}

#layer-uitm-recipe ol li {
	padding: 0 0 6px 0;
	margin: 0 12px 5px 12px;
	list-style-type: none;
	background: url(../images/bg_dotted-x.gif) bottom center repeat-x;
	font-family: Century Gothic, Verdana, Arial;
	font-size: 0.75em;
	line-height: 130%;
}

#layer-uitm-recipe ol li.listing-right-align {
	text-align: right;
}

#layer-uitm-recipe ol li.listing-last {
	padding: 0;
	margin: 0 12px 0 12px;
	background: none;
}

#layer-uitm-recipe ol li h4 {
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
}

#layer-uitm-recipe ol li h4 a {
	text-decoration: none;
	color: #000;
}

#layer-uitm-recipe ol li h4 a:hover {
	text-decoration: underline;
}

#layer-uitm-recipe ol li p {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

#layer-uitm-recipe ol li img {
	float: left;
	margin: 0 15px 0 -12px;
}

#layer-uitm-recipe ol li.listing-right-align img {
	float: right;
	margin: 0 -12px 0 15px;
}

#layer-recipe-links {
	width: 986px;
	margin: 25px auto 0 auto;
	text-align: right;
}

#layer-recipe-links img {
	margin-left: 35px;
}






/* Glossary styling */

#layer-glossary {
	font-size: 0.7em;
	font-family: Verdana, Arial, Tahoma, Serif;
	margin: 0 0 36px 0;
}

#layer-glossary #layer-uitm-header {
	background-image: url(../images/glossary/bg_uitm-header.png);
	height: 174px;
}

#layer-glossary #layer-uitm-header-content {
	width: 333px;
	padding-top: 50px;
	padding-right: 105px;
	padding-left: 548px;
}

#layer-glossary-search {
	background-color: #61A618;	
}

#layer-glossary-search form {
	background: url(../images/glossary/bg_search-glossaries.gif) left center no-repeat;
	padding: 0;
	margin: 0 auto;
	width: 1100px
}

#layer-glossary-search form fieldset {
	background: url(../images/glossary/bg_know-something.gif) 434px center no-repeat;	
	padding: 60px 0 0 0;
	margin: 0;
	border: 0;
	height: 98px;
}

#layer-glossary-search form fieldset .input-text {
	margin-left: 94px;
	border: 1px solid #286C00;
	font-family: Verdana, Arial, Tahoma, Serif;
	font-size: 110%;
	color: #797979;
	padding: 8px 7px 7px 7px;
	width: 223px;
}

#layer-glossary-search form fieldset .input-search {
	background: url(../images/glossary/btn_search.gif) center center no-repeat;
	color: #FFF;
	font-family: Lucida Sans Unicode, Verdana, Tahoma, Serif;
	font-size: 130%;
	text-transform: uppercase;
	border: 0;
	width: 85px;
	height: 36px;
	line-height: 36px;
	vertical-align: top;
}

#layer-glossary-search form fieldset .link-share-glossary {
	background: url(../images/glossary/btn_share-glossaries.gif) center center no-repeat;
	color: #FFF;
	font-family: Lucida Sans Unicode, Verdana, Tahoma, Serif;
	font-size: 130%;
	text-transform: uppercase;
	width: 156px;
	height: 36px;
	line-height: 36px;
	padding: 10px 14px;
	text-decoration: none;
	margin-left: 461px;
}

#layer-glossary-category-wrapper {
	background-color: #82C041;
}

#layer-glossary-category {
	width: 1100px;
	margin: 0 auto;
}

#layer-glossary-category ol {
	padding: 0;
	margin: 0;
}

#layer-glossary-category li {
	display: inline;
}

#layer-glossary-category li a {
	color: #1A4300;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	padding: 10px 14px;
	line-height: 36px;
}

#layer-glossary-category li a:hover {
	background-color: #61A618;
}

#layer-glossary-category li a.selected {
	background-color: #61A618;
	color: #FFF;
}

#layer-glossary-letter-wrapper {
	background-color: #4B7B17;
}

#layer-glossary-letter {
	width: 1100px;
	margin: 0 auto;
}

#layer-glossary-letter ol {
	padding: 0;
	margin: 0;
}

#layer-glossary-letter ol li {
	display: inline;
}

#layer-glossary-letter ol li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 4px 8px 4px;
	line-height: 28px;
}

#layer-glossary-letter ol li a:hover {
	color: #82C041;
}

#layer-glossary-item {
	width: 1100px;
	margin: 2px auto 0 auto;
	background: url(../images/bg_shadow-bottom.png) center top no-repeat;
}

#layer-glossary-item ol {
	width: 224px;
	float: left;
	margin: 8px 0 0 0;
	padding: 4px 0 12px 11px;
	background: url(../images/bg_dotted-y.gif) left center repeat-y;
}

#layer-glossary-item ol.listing-1 {
	background: none;
	padding-left: 0;
}

#layer-glossary-item ol.listing-4,
#layer-glossary-item ol.listing-5 {
	width: 189px;
}

#layer-glossary-item .listing-last {
	background: url(../images/bg_dotted-x.gif) bottom center repeat-x;
	float: left;
}

#layer-glossary-item ol li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#layer-glossary-item ol li a {
	text-decoration: none;
	color: #353F1D;
	line-height: 145%;
	font-size: 90%;
}

#layer-ads {
	width: 378px;
	float: left;
	text-align: center;
	padding: 12px 0 12px 11px;
	margin: 0;
	background: url(../images/bg_dotted-y.gif) left center repeat-y;
}





/* Chefs */

#layer-chef {
	font-size: 0.7em;
	font-family: Verdana, Arial, Tahoma, Serif;
	margin: 0 0 36px 0;
}

#layer-chef-submenu-wrapper {
	background-color: #61A618;
}

#layer-chef-submenu {
	width: 1100px;
	margin: 0 auto;
}

#layer-chef-submenu ol {
	padding: 0;
	margin: 0;
}

#layer-chef-submenu li {
	display: inline;
}

#layer-chef-submenu li a {
	color: #1A4300;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	padding: 6px 10px;
	line-height: 30px;
}

#layer-chef-submenu li a:hover {
	background-color: #4A7A16;
}

#layer-chef-submenu li a.selected {
	background-color: #4A7A16;
	color: #FFF;
}

#layer-chef-listing {
	width: 1015px;
	margin: 0 auto;
	background: url(../images/bg_shadow-bottom.png) center 2px no-repeat;
	padding: 4px 0 0 0;
}

#layer-chef-listing tr {
	background: url(../images/bg_dotted-x.gif) bottom center repeat-x;
}

#layer-chef-listing tr.row-last {
	background: none;
}

#layer-chef-listing td {
	padding: 18px 0;
	vertical-align: top;
}

.panel-chef-photo img {
	border: 1px solid #AFAFAF;
	padding: 2px;
	margin: 0 0 11px 0;
}

#layer-chef-listing .layer-chef-listing-info2,
#layer-chef-listing .listing-even {
	background: url(../images/bg_dotted-y.gif) left center repeat-y;
}

.panel-chef-recipe-view-all {
	margin: 7px 0 0 76px !important;
}

.panel-chef-recipe-view-all a {
	width: 128;
	height: 35px;
	background: url(../images/chef/btn_view-all-recipes.gif) center center no-repeat;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	line-height: 35px;
	font-size: 90%;
	margin: 0;
}

#layer-chef-listing h2 {
	color: #4A7816;
	font-size: 120%;
	padding: 0;
	margin: 0 0 17px 0;
}

#layer-chef-listing h3 {
	color: #478110;
	font-size: 120%;
	padding: 0;
	margin: 16px 0;
}

#layer-chef-listing p {
	padding: 0;
	margin: 0;
	font-size: 110%;
}

#layer-chef-listing .layer-chef-listing-info1 {
	width: 131px;
}

#layer-chef-listing .layer-chef-listing-info1.listing-even {
	padding-left: 10px;
}

#layer-chef-listing .layer-chef-listing-info2 {
	padding-left: 11px;
	padding-right: 6px;
	width: 349px;
}


#layer-chef-listing .col-ads {
	text-align: center;
	vertical-align: middle;
}

.panel-chef-total-recipe {
	text-align: center;
}

.panel-chef-total-recipe .total-recipe {
	background: url(../images/chef/ico_total-recipe.gif) left center no-repeat;
	line-height: 20px;
	padding: 4px 0 4px 21px;
}

.layer-chef-recipes {
	padding: 0;
	margin: 0;
}

.layer-chef-recipes li {
	padding: 0;
	margin: 0 0 10px 10px;
	list-style-type: none;
	width: 150px;
	float: left;
	font-size: 80%;
}

.layer-chef-recipes li img {
	margin: 0 6px 0 0;
	vertical-align: middle;
}

.layer-chef-recipes li a {
	color: #000;
}





/* Profile */

#layer-profile {
	font-size: 0.75em;
	font-family: Verdana, Arial, Tahoma, Geneva, Serif;
}

#layer-profile-content {
	width: 1015px;
	margin: 2px auto 36px auto;
	padding: 2px 0 0 0;
	padding-left: 135px;
	background: url(../images/bg_shadow-bottom.png) right top no-repeat;
}

#layer-profile-content #table-info {
	border-spacing: 0;
	float: left;
}

#layer-profile-content #col-info {
	width: 447px;
	padding: 22px 6px 24px 0;
}

#layer-profile-content #col-send-message {
	width: 171px;
	vertical-align: middle;
	text-align: center;	
}

#layer-profile-content #panel-info {
	float: left;
	width: 90px;
	font-size: 80%;
	line-height: 250%;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 0 -40px;
	position: relative;
}

#layer-profile-content #panel-info img {
	margin: 0 0 2px 0;
}

#layer-profile-content #panel-info .layer-joined-date {
	background: url(../images/profile/ico_date.gif) left center no-repeat;
	padding: 3px 0 3px 24px;
}

#layer-profile-content #panel-info .layer-total-posting {
	background: url(../images/mytrymasak/chefpoints.jpg) left center no-repeat;
	padding: 4px 0 4px 24px;
}

#layer-profile-content #layer-info {
	float: right;
	width: 380px;
}

#layer-profile-content #layer-info h2,
#layer-profile-content #layer-info h3 {
	padding: 0;
	margin: 0 0 -1px 0;
	font-size: 100%;
	color: #4F7B1C;
}

#layer-profile-content #layer-info p {
	padding: 0 0 1px 0;
	margin: 0 0 15px 0;
}

#layer-profile-content #table-info td {
	background: url(../images/bg_dotted-y.gif) right top repeat-y;
}

#layer-profile-content #table-info tr {
	background: url(../images/bg_dotted-x.gif) bottom left repeat-x;
}

#layer-profile-content .listing-tab {
	margin: -20px 0 0 0;
}

#layer-profile-content #shared-items .layer-shareditems-item {
	background: url(../images/bg_dotted-x.gif) bottom left repeat-x;
	padding: 21px 0 18px 0;
	margin: 0 16px;
}

#layer-profile-content #shared-items .layer-shareditems-item.last,
#layer-profile-content #table-info tr.last {
	background: none;
}

#layer-profile-content #shared-items .layer-shareditems-item table {
	margin-left: 11px;
}

#layer-profile-content #shared-items .layer-shareditems-item table tr,
#layer-profile-content #shared-items .layer-shareditems-item table td {
	background: none;
}

#layer-profile-content #shared-items .layer-shareditems-item .col-name {
	width: 274px;
}

#layer-profile-content #shared-items .layer-shareditems-item .col-date {
	width: 89px;
}

#layer-profile-content #shared-items .layer-shareditems-item .col-rating {
	width: 122px;
}

#layer-profile-content #shared-items .layer-shareditems-item .col-counter {
	width: 58px;
}

#layer-profile-content #shared-items h3 {
	color: #4B740C;
	padding: 0;
	margin: 0 0 1px 0;
}

#layer-profile-content #shared-items .layer-total-view {
	background: url(../images/profile/ico_view.gif) left center no-repeat;
	padding: 4px 0 4px 20px;
}

#layer-profile-content #shared-items .link-delete {
	background: url(../images/profile/ico_delete.gif) center center no-repeat;
	width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 2px 9px;
	display: inline-block;
}

#panel-profile-ads {
	float: left;
	padding: 0;
	margin: 20px 0 0 20px;
}

#layer-profile-content #shared-items a {
	color: #272E1C;
}
#detail-box-left{
	width: 140px;
	float: left;
	height: 60px;
}
#detail-box-right{
	width: 120px;
	float: left;
	height: 60px;
	padding-left: 20px;
}
#detail-box-items{
	width: 120px;
	float: left;
	height: 30px;
	padding-left: 5px;
	padding-top: 2px;
}
#favourite-recipe-container{
	width: 600px;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
}
#favourite-recipe-title{
	width: 400px;
	float: left;
}
#favourite-recipe-author{
	width: 150px;
	float: left;
}
#favourite-recipe-remove{
	width: 50px;
	float: left;
}
img.smallicons{
	vertical-align: middle;
}
#grocery-list-container{
	width: 600px;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DFDDE1;
}
#grocery-list-thumb{
	width: 40px;
	float: left;
}
#grocery-list-content{
	width: 500px;
	float: left;
}

#grocery-list-remove{
	width: 50px;
	float: left;
}