/* Generic styling */

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

#layer-mascot {
	width: 178;
	height: 310px;
	background: url(/National_Library/oe_/http://www.trymasak.my/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;
}



.link-button {
	background: url(/National_Library/oe_/http://www.trymasak.my/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;
}

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

#inside-container {
	width: 950px;
	margin: 0px auto;
	padding-bottom: 70px;
	
}

#ads-container-bottom {
	width: 800px;
	float: left;
	text-align: right;
	padding: 10px;
	margin: 0;
}

/*only for page wap */
#wap-column{
	float: left;
	width: 290px;
	height: 400px;
	padding: 10px;
	padding-top: 15px;
}
/* end of for page wap */

.searchBtn{
	vertical-align:middle;
	background-repeat: no-repeat;
	margin-top: 7px;
	width: 89px;
	height: 39px;
	background-image:url(/National_Library/oe_/http://www.trymasak.my/images/recipes/searchb01.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
}
.searchBtn:hover{
	vertical-align:middle;
	background-image:url(/National_Library/oe_/http://www.trymasak.my/images/recipes/searchb02.gif);
	width: 89px;
	height: 39px;
}
.invi_txtbox {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #808080;
	float: left;
	height: 25px;
	margin-top: 10px;
	width: 300px;
	background-image: url(/National_Library/oe_/http://www.trymasak.my/images/textbox-bg1.gif);
	background-repeat: repeat;
	padding-top: 3px;
	padding-left: 10px;
	margin-left: 2px;
	letter-spacing: -1px;
}
.shareBtn{
	vertical-align:middle;
	background-repeat: no-repeat;
	margin-top: 7px;
	width: 185px;
	height: 39px;
	background-image:url(/National_Library/oe_/http://www.trymasak.my/images/tips/sharetips-01.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
}
.shareBtn:hover{
	vertical-align:middle;
	background-image:url(/National_Library/oe_/http://www.trymasak.my/images/tips/sharetips-02.gif);
	width: 185px;
	height: 39px;
}

.ad-box {
	height:200px;
	width: 262px;
	float:left;
	padding-top:1px;
}
.recipe-title-box{
	width: 180px;
	height: 40px;
	float: left;
	margin-top: 7px;
	margin-bottom: 1px;
	padding-left: 10px;
	text-align: left;
}
.recipe-author{
	width: 180px;
	float: left;
	margin-bottom: 15px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #000000;
}
.recipe-thumb{
	width: 180px;
	height: 90px;
	overflow: hidden;
	float: left;
	padding-left: 10px;
	text-align: center;
}
img.thumbs {
	width:100px;
	border: 1px solid #b3b3b3;
	margin-right:5px;
	padding: 1px;
	cursor:pointer;
}

img.thumbs:hover {
	/*height:96px;
	width:120px;*/
	border: 1px solid #FFCC00;
	margin-right:5px;
	padding: 1px;
}
/* for pagination */
.pagination-box{
	float: right;
	padding-top: 10px;
}

a.pagerecipes:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #DFDDE1;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
a.pagerecipes:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #DFDDE1;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
a.pagerecipes:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #DFDDE1;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-color: #ffe100;
}
a.pagerecipes:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #DFDDE1;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	
}
.pagerecipes-inactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF7A01;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
/* end for pagination */






/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:200px; width:600px; color:#120606; background-color:#FFFFFF; border:4px solid #444; padding:12px;font-family: Helvetica, Arial, Sans-Serif;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:24px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/National_Library/oe_/http://www.trymasak.my/img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#3090D0;}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}