body{ margin:0px 0px 0px 0px; font:12px Calibri;}
td { text-align:left;} 
.td{font:12px Calibri}
.bglft{ background:url(../images/bg-lft.png) repeat-y;}

.bgrgt{ background:url(../images/bg-rgt.png) repeat-y;}

.bg-left-hd1{ background:url(../images/bg_popular.png) no-repeat}
.bg-left-hd2{ background:url(../images/bg_lft2.png) repeat-x}

#spacing {padding-left:24px;}
#spacing ul {  float:none; clear:both;padding:0; text-align:center;}
/* #spacing ul li{ padding:0; padding-left:12px; text-align:center;}*/
#spacing ul li a{  float:none; clear:both;padding:0 13px; text-align:center;}




#nav{ color:#FFFFFF;font-weight:bold; font-size:14px;}
#nav ul{ list-style:none; margin:0px; padding:0px; margin:auto}
#nav ul li{ margin:0px; padding:0px; float:left; margin-left:8px;}
#nav ul li a{ color:#FFFFFF;  text-decoration:none; }
#nav ul li a:hover{  color:#FFFFBB; }

.header{ font:13px Calibri; color:#505050; }
.header a{ font:13px Calibri; color:#505050; text-decoration:none;}
.header a:hover{text-decoration:underline;}

h1,h2,h3{margin:0px; padding:0px;}
h1{ font:14px Calibri; color:#FFFFFF; font-weight:bold; margin-left:10px;}
h2{ font:14px Calibri; color:#F00; font-weight:bold; }
h2 a{ font:14px Calibri; color:#F00; font-weight:bold; }
#lft a{ font:12px Calibri; color:#000000; text-decoration:none; line-height:18px;}
#lft a:hover{color:#CC6600;}

h3{ font:18px tahoma,arial; color:#CC0033; font-weight:bold; }
.bgingredient{ background:url(../images/bg.png) no-repeat bottom left;}

.white{ color:#FFFFFF}
.black{ color:#000000; border:#ff3737 thin solid;}
.black a{ color:#000000;}
.black a:hover{ color:#000000; text-decoration:none;}

.blue{ color:#0000FF;}
.blue a{ color:#0000FF;}
.blue a:hover{ color:#000000; text-decoration:none;}


.ft11{ font:11px Calibri}

.bgvault{ background:url(../images/imgredtop_big.gif) no-repeat;text-align:center; color:#FFF;}

.brdr{ border:1px solid #000000}
.brdr2{ border:1px solid #000000; border-top:none;}
.brdr3{ border:1px solid #000000; border-top:none; border-bottom:none; text-align:center;}

#recipe li{ line-height:22px; color:#505050}
#recipe ol{ padding:32px;}
input#submit, input#button2, input#loginbutton, input#button
{
	height:27px; padding:3px 5px 5px 5px; padding-top:3px; width:75px;  border:0px; background-color:#ff3737; color:#FFFFFF;
	background:url(../images/buttons.jpg);
}
input#loginbutton, input#button, input#button2
{
	width:100px;background:url(../images/buttons.jpg);
}
.left
{
	padding-top:12px;
	width:30%; float:left;
	height:20px;
}
.right{
	padding-top:12px;
	width:70%; float:right;
	height:20px;
}
#prod
{
	margin:auto;
	text-align:center;
	padding-left:20px;
}
/*	---------asdasd-------	*/
/* drag container (contains two tables) */
#drag{
	margin: auto;

}


/* drag objects (DIV inside table cells) */
.drag{
	position: relative;
	cursor: move;
	margin: auto;
	z-index: 10;
	background-color: white;
	text-align: center;
	font-size: 10pt; /* needed for cloned object */
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* without width, IE6/7 will not apply filter/opacity to the element ?! 
	width: 87px;*/
}

div#drag table{
	background-color: #e0e0e0;
	border-collapse: collapse;
}


/* needed for IE6 because cursor "move" shown on radio button and checckbox ?! */
div#drag input{
	cursor: auto;
}


/* table cells */
div#drag td{
	border: 1px solid white;
	text-align: center;
	font-size: 10pt;
	padding: 2px;
}

/* drag objects border for the first table */
.t1 {border: 2px solid #499B33;}
/* drag object border for the second table */
.t2 {border: 2px solid #2D4B7A;}
/* cloned objects - third table */
.t3 {border: 2px solid #BF6A30;}
a
{
	color:#FFF;
}

#next ,
#previous {
font-weight:bold;
border:solid 1px #DDD;
padding:3px 5px;
text-decoration:none;
margin-top:12px;
}
#next a,
#previous a{
font-weight:bold;
text-decoration:none;
}
#next:hover,
#previous:hover{
font-weight:bold;
border:solid 1px #000;
text-decoration:none;
}

#pagination-flickr ul{border:0; margin:0; padding:0;}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
margin-left:4px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding-left:5px;
padding-right:5px;
padding-bottom:6px;
padding-top:6px;
}
#pagination-flickr a:link, #pagination-flickr a:visited {
color:#0063e3;
margin-left:4px;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}

.border
{
	border:solid 1px #666666;
	height:22px;
	width:19px;
}


#cat{ font:12px Calibri; font-weight:bold; color:#ff3535;}
#cat ul{ list-style:none; margin:0px; padding:0px; margin:auto}
#cat ul li{ margin:0px; padding:0px; float:left; margin-right:15px;}
#cat ul li a{ color:#ff3535;  text-decoration:none; padding:5px 5px; }
#cat ul li a:hover{  color:#fff; background-color:#D16525;}

.tads_o {	
background:url(../images/tans_02.jpg);
}
.tads_o a
{
	padding:6px 12px;
	color:#f28200;
	outline-color: rgb(246, 146, 30);
	text-decoration:none;
}
.tads
{
	background:url(../images/tans_06.jpg);
}
.tads a
{
	padding:6px 12px;
	color:#FFFFFF;
	text-decoration:none;
}
.imgrecipe{ border:1px solid #CCCCCC; padding:5px;}
.brdr-btm{ border-bottom:1px solid #CCCCCC}

.btnbg{ background:url(../images/btn_bg.jpg) repeat-x; color:#FFFFFF; font-size:11px; border:0px; height:25px; font-weight:bold;}

.recipe a{ color:#CC0033; text-decoration:none}

.red
{
	border:#F00 thin solid;
}
.red2
{
	border:#F00 thin solid;
	margin-top:20px;
}

.found
{
	color:#090;
}
.not_found
{
	color:#000;
}
#featured a
{
	font:tahoma 12px;
	text-align:center;
	color:#000;
	font-weight:bold;
}
.black
{
	color:#000;
	border:none;
}
#main_list{}
#main_list ol{ margin:0; padding:0; padding-left:17px;}
#main_list ol li{}

#row1, #row2, #row3{
	border:#F00;
	margin:3px;
	 float:left; width:150px;
}
#row1{font-weight:bold;}
#row2{}
#row3{}

#clear{float:none; clear:both;}

#row1h, #row2h, #row3h{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	float:left; width:150px;
	margin:3px;
	color:#ff3535;
}

#winners
{
	color:#F00;
	text-decoration:underline;
	font-size:14px;
}
.bottom_tops
{
	background:url(../images/back.jpg);
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.black2
{
	color:#000;
}

          #testTable { 
            width : 350px;
            margin-left: auto; 
            margin-right: auto; 
          }
          
          #tablePagination { 
            background-color: #DCDCDC; 
            font-size: 0.8em; 
            padding: 0px 5px; 
            height: 20px
          }
          
          #tablePagination_paginater { 
            margin-left: auto; 
            margin-right: auto;
          }
          
          #tablePagination img { 
            padding: 0px 2px; 
          }
          
          #tablePagination_perPage { 
            float: left; 
          }
          
          #tablePagination_paginater { 
            float: right; 
          }


#banner_bottom
{
	display:block;
	text-align:center;
}

#banner_bottom img
{
	max-width:800px;
}

#banner_top img
{
	max-width:678px;
}
.blog a {color:#000}
.blog h2 a{ color:#F00; font:30px "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; text-decoration:none;}



.blog{ line-height:20px;}
.blog h2{ font:30px "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold}
.blog h3{ font:18px "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold}
.blog .brdr-grey{ border-top:1px solid #9b9b9b; border-bottom:1px solid #9b9b9b; color:#CC0000; padding:5px 10px;}
.blog .float-right{ float:right}
.blog .float-left{ float:left}
.blog .ingredient{ border:5px solid #EAEAEA; margin-right:10px;}
.blog .headings{ font-size:14px; color:#FFFFFF; font-weight:bold; background:url(../images/blog-hd.png) no-repeat; padding:8px 15px;}
.blog .blog-right-panel ul{ margin:0px 0px 0px 18px; padding:0px;}
.blog .blog-right-panel ul li{ color:#000000;}
.blog .blog-right-panel ul li:hover{ color:#ff3737; text-decoration:underline;}
.blog .blog-right-panel ul li a{ color:#000000; text-decoration:none}
.blog .blog-right-panel ul li a:hover{ color:#ff3737; text-decoration:underline;}
.blog .blog-right-panel .button{background:url(../images/bg_lft2.png) repeat; height:22px; color:#FFFFFF; border:1px solid #FFFFFF;}
.blog .blog-right-panel .input{ width:164px; border:1px solid #a5acb2;}
.blog .red3{ color:#CC0000;}
.blog .brdr-b-dotted{ border-bottom:1px dotted #999999;}

#forum-main-top
{
	color:#333;
	border:#F00 thin solid;
	margin:20px;
	padding:0px;
	padding-top:7px;
	padding-bottom:20px;
	padding-right:5px;
}
#forum-main-top2
{
	color:#333;
	border:#333 thin solid;
	margin:20px;
	padding:0px;
	padding-top:7px;
	padding-bottom:20px;
	padding-right:5px;
	text-align:center;
}

#forum-main-top2 strong
{
	color:#F00;
}
#forum-main-top a
{
	color:#333;
	text-decoration:none;
}
#forum-main-top a:hover
{
	color:#000;
	text-decoration:none;
}
.left2
{
	margin:0;
	float:left;
	margin-left:20px;
}
.right2
{
	margin:0;
	text-align:right;float:right;
}
#forum-main
{
	clear:both;
	margin:0 20px;
	background:#F00;
}

#forum-main-lft_1, #forum-main-lft_2_3, #forum-main-lft_4
{
	float:left;
	padding:5px;
	border:#F88 thin solid;
}
#forum-main-lft_1 
{
	width:545px;
}

#forum-main-lft_1 a
{
	color:#000;
	text-decoration:none;
}
#forum-main-lft_2_3 
{
	width:52px;
	text-align:center;
}
#forum-main-lft_4 
{
	width:154px;
}

.top
{
	background:url(../images/backforum.jpg);
	border:#FFBFBF thin solid;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
}
.top2
{
	background:url(../images/backforum.jpg);
	border:#FFBFBF thin solid;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	height:25px;
}

.forum-category
{
	background:url(../images/backforum-silver.jpg);
	text-align:left;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}
td.forum-category a
{
	color:#FFFFFF;
	text-decoration:none;
}
#forum-category a:hover
{
	color:#FFF;
	text-decoration:underline;
}




#forum-main2
{
	margin:0 20px;
	background:#F00;
	clear:both;
}

#forum-main2-lft_1, #forum-main2-lft_2_3, #forum-main2-lft_4, #forum-main2-lft_5
{
	float:left;
	padding:5px;
	border:#F88 thin solid;
}
#forum-main2-lft_1 
{
	width:500px;
}

#forum-main2-lft_5 
{
	width:86px;
}
#forum-main2-lft_1 a
{
	color:#000;
	text-decoration:none;
}
#forum-main2-lft_2_3 
{
	width:52px;
	text-align:center;
}
#forum-main2-lft_4 
{
	width:100px;
}
#forum-main3
{
	margin:0 20px;
	background:#F00;
	clear:both;
}
#forum-main3 a
{
	color:#F00;
	text-decoration:none;
}
#forum_left
{
	background-color:#fdebeb;
	margin:0;
	float:left;
	padding:5px;
	width:200px;
	border:#F88 thin solid;
}
#forum_left a
{
	font-weight:bold;
}
#forum_right
{
	background-color:#ffeeee;
	border:#F88 thin solid;
	margin:0;
	padding:5px;
	float:right;
	width:638px;
}

.forum-heading
{
	margin:0 20px;
	color:#F00;
	font-size:22px;
	color:#F00;
	font-weight:bolder;
}
#forum_right .forum-subject a
{
	color:#FF0000;
	text-decoration:none;
}
#left
{
	float:left;
	width:50%;
}
#right
{
	float:right;
	text-align:right;
	width:50%;
}


td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #ffeeee;
	margin:20px;
}
.tablebg td {
	background-color: #ffeeee;
	border:#F88 thin solid;
}
.tablebg a
{
	color:#F00;
	text-decoration:none;
}
.tablebg .top2
{
	padding:0;
}

#jouined_on
{
	float:left;
	color:#F00;
}
#forum-comments
{
	margin:20px;
}

#forum-comments h1
{
	color:#F00;
	padding:0px; margin:0px;
}

#forum-comments a
{
	color:#000;
}
#forum-comments a:hover
{
	color:#000;
	text-decoration:none;
}
#loginfirst
{
	margin:20px;
}
#loginfirst a
{
	color:#000000;	
}
#loginfirst a:hover
{
	color:#000000;
	text-decoration:none;
}

#red a
{
	color:#F00;
}

#loaderImg{
position:absolute;
top: 50%;
left: 50%;
width:20em;
height:50px;
padding-top:50px;
margin-top: -9em; /*set to a negative number 1/2 of your height*/
margin-left: -15em; /*set to a negative number 1/2 of your width*/
border: 1px solid #ccc;
background-color: #f3f3f3;
text-align: center;

}