/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;	
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px;
	background:#29455f;
	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{
	FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}

a:hover{
	FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	COLOR: red;
}

a.sidelink
{
    FONT: 11px Tahoma, Arial, Helvetica, sans-serif;
    COLOR: #044399;
    TEXT-DECORATION: none
}
a.sidelink:hover
{
    FONT: 11px Tahoma, Arial, Helvetica, sans-serif;
    COLOR: #FDAD02;
    TEXT-DECORATION: none
}




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

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

h2{
 font: bold 12px 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:7px;
}

/******* /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:26px;
	width:119px;
	line-height:17px;
	padding-top:3px;
	padding-bottom:0px;
	margin-bottom:0px;
	background-color:#fff;
	background:url(leftborder.gif);
	padding-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	cursor:default;
}
.menu_center {
	color:#FFFFFF;
	font-weight:bold;
	height:26px; 
	width:550px;
	line-height:17px;
	padding-top:3px;
	padding-bottom:0px;
	margin-bottom:0px;
	background-color:#fff;
	background:url(border.gif);
	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:30px;
}
.rdet2 {
background-color:#F6F6F6;
}

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

.desc1 {
padding-left: 10px;
}


.dir_cell {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.contentbox{border:	solid 1px #eee; padding:5px 8px 5px 8px; text-align:justify; margin-bottom:10px;margin-top:10px;}
.bg2{background:#466377; color:#fff;}
.bg1{background:#eeeeee;}

.xbox a:link,.xbox a:visited,.xbox a:active{color:#9fc700;}
.xbox th{background:#688002;  color:#FFFFFF;  font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.pc a:link,.pc a:visited,.pc a:active{color:#9f86e7;}
.pc th{background:#756b94;  color:#FFFFFF; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.ps a:link,.ps a:visited,.ps a:active{color:#078ae1;}
.ps th{background:#2684c4;  color:#FFFFFF; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.ds a:link,.ds a:visited,.ds a:active{color:#aaaaaa;}
.ds th{background:#999999;  color:#FFFFFF; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.gba a:link,.gba a:visited,.gba a:active{color:#c73f3f;}
.footer{background:url(footer.gif) no-repeat; height:33px; padding: 4px 0px 0px 0px; font-size:10px; color:#FFFFFF; text-align:center; color:#8faac1;}
.formbtn{background:#7698b8; border:solid 1px #a6d4ff; color: #d3eaff; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}