/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;	
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px;
	background:#43628B;
	font-size:12px;	
}

.detailview { 
background: #FFF;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px;	
margin: 0 0 10px 0;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 16px Arial, Helvetica, sans-serif;
 letter-spacing:1px;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #006699;
 padding: 0px;
}



/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/********* form *********/

form {
	margin: 0;
	padding: 0;
}
label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
			
input{
font-family: Arial,sans-serif;
}

/********* /form *********/


/******* main layout tables ******/
.main_table {
	width:756px;
	background-color:#FEFEFE;
	border:0px;
}
.main_left_column {
	width:160px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
	text-align:left;
}
.main_big_column {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;

}
.main_top_left_cel {
	width:160px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;	
}
.main_top_big_cel {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
}
.footer_table {
	width:756px;
	height:10px;
}
/******* /main layout tables ******/

/******** top site nav ******/
.mm_nav {
	height:26px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}
.mm_nav a:link, .mm_nav a:visited {
	height:24px;
	line-height:28px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	color:#000000;
	background-color:#F4EEDD;
	border-left:1px solid #F2F2F2;
	border-top:1px solid #F2F2F2;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-decoration:none;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.mm_nav a:hover {
	background-color:#FFFFFF;
}
/******** /top site nav ******/

/******** left menu ********/
.left_menu {
	line-height:18px;
	margin-bottom:10px;	
}
.left_menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #F2F2F2;
}
.left_menu a:link, .left_menu a:visited {
	background-color:#FFFFFF;
	border-top:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	width:auto;
	height:20px;
	display:block;
	text-decoration:none;
	padding-left:4px;
}
.left_menu a:hover {
	background-color:#E8EFF4;
}
.menu_title {
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	line-height:17px;
	padding-top:3px;
	padding-bottom:0px;
	margin-bottom:0px;
	background-color:#4B6E9B;
	padding-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	cursor:default;
}
/******** left menu ********/
.image_with_border {
	padding:4px;
	border:1px solid #CCCCCC;
}
.small_icon_next_text{
	vertical-align:bottom;
	padding-bottom:3px;
}

.info_box {
	background-color:#DDEEFF;
	border:1px solid #6DCFF6;
	line-height:14px;
	padding:5px;
	font-size:12px;
	color: #0071BC;
}
.red_text {
	color:#FF0000;
}

<!-- use <code> and <pre> tags to show code -->	

.code_block {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
.code_with_border {
	padding:4px;
	border:1px solid #CCCCCC;
	margin:0px;
	clear:both;
}
.code_sample {
	background-color:#F5F5F5;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:1px;	
	padding-bottom:px;
	font-size:13px;
}


.ratings {
	margin-top:10px;
	font-size:10px;
	border-top:1px dotted #F4EEDD;
	color:#999999;
}
.clear_both {
	clear:both;
}




/* the paginations are for xml parser, video tutorials page and maybe more */
.pagination {
	display:block;
	width:100%;
	text-align:right;
	height:22px;
	clear:both;
	padding-top:3px;
}

.pagination a:link, .pagination a:visited{
	padding:6px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #CCCCCC;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#000000;
}

.pagination a:hover {
	background-color:#F4EEDD;
}

.pagination .active_link {
	padding:6px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #CCCCCC;
	margin-left:10px;
	text-decoration:none;
	background-color:#FFFFFF;
	cursor:default;
	color:#000000;
}

.pagination .disabled_pagination {
	padding:6px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #CCCCCC;
	margin-left:10px;
	text-decoration:none;
	background-color:#FFFFFF;
	cursor:default;
	color:#CCCCCC;
}


.recipe{display:block}
.recipe *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#609000}
.recipe1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bacf91;
  border-right:1px solid #bacf91;
  background:#87ab3f}
.recipe2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff3e5;
  border-right:1px solid #eff3e5;
  background:#7ea530}
.recipe3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7ea530;
  border-right:1px solid #7ea530;}
.recipe4{
  border-left:1px solid #bacf91;
  border-right:1px solid #bacf91}
.recipe5{
  border-left:1px solid #87ab3f;
  border-right:1px solid #87ab3f}
.recipefg{
  background:#609000;
color: #FFFFFF,
font-size: 12px;
text-align: left;
}

.rdet {
background-color:#F8F8F8;
padding-top: 5px;
height:25px;
}
.rdet2 {
background-color:#F6F6F6;
}

.rcell { 
background: #FFFFFF;
border: 1px solid #EFEFEF;
padding: 5px 5px 5px 5px;	
margin: 0 0 10px 0;
}