body, td {
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans; 
	font-size: 10pt; 
	color: black;
	bakground-color: blue;
} 


a:visited {
	background-color: transparent; 
	color: blue;
}

a:active  {
	background-color: transparent; 
	color: blue;
}

a:link {
	background-color: transparent; 
	color: blue;
}

a:hover {
	background-color: transparent; 
	color: red;
}

.noline {
	color:blue; 
	text-decoration: none;
}

h3 {
	color:blue;
	font-size: 10pt; 
	padding: 0;
	margin: 0 0 0 0;
}

#content {
	margin: 0 0 0 0;
   	position: relative;
	width: 600px;
	padding-left: 20px;
}


.heading {
	color: white;
	background-color: blue;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.panel {
	margin: 10px 0 0 10px;
   	position: relative;
	float: left;
	width: 350px;
}

#recipe_panel, #recipe_edit_panel {
	margin: 10px 0 0 0;
   	position: relative;
	float: clear;
	width: 500px;
	font-size: 10pt; 
}

.recipe_name, {
   	position: relative;
	float: clear;
	/*background-color: #F2F2D9;*/
	/*background-color: #6699FF;*/
	font-weight: bold;
	font-size: 10pt;
	padding: 0px 0px 10px 0px;
}

.section_title {
  position: relative;
  float: clear;
  background-color: #EBEBC6;
  font-weight: bold;
  font-size: 12pt;
  padding: 5px 5px 5px 5px;
}

.error_message {
  position: relative;
  float: clear;
  background-color: #EBC6C6;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px 5px 5px 5px;
}

.section_subtitle {
  background-color: #DDDDDD;
  /*background-color: #FFFFFF;*/
  font-weight: bold;
  font-size: 10pt;
  /*float: none;*/
  clear: none;
}

.page_number {
  font-size: 10pt; 
  float: right;
  clear: none;
}

.recipe_description {
	margin: 10px 0 10px 0px;
   	position: relative;
	float: clear;
}

.small {
   	position: relative;
	float: clear;
	font-size: 8pt; 
}

#top_panel {
	margin: 0 0 0 0;
   	position: relative;
	width: 600px;
	clear: both
}

#menu_panel {
   	position: relative;
	padding-left: 200px;
	margin: 0 0 0 0;
}


.main_menu {
  margin: 3px 0px 5px 0px;
}


.menu_button {
   	position: relative;
	float: clear;
	font-size: 10pt; 
	margin: 5px 5px 5px 5px;
	background-color: #6699FF;
        color: white;
	font-weight: bold;
	width: 8em;
	padding: 1px 1px 1px 5px;
}

.menu_button a {
        text-decoration: none;
}

.menu_button a:hover { 
        text-decoration: none;
        color:ff0000; 
}

.menu_button_current {
   	position: relative;
	float: clear;
	font-size: 10pt; 
	margin: 5px 5px 5px 5px;
	background-color: #6699FF;
        color: black;
	font-weight: bold;
	width: 8em;
	padding: 1px 1px 1px 5px;
}

.menu_button_current a { 
	text-decoration: none;
        color: black; 
}

.menu_button_current a:hover { 
	text-decoration: none;
        color: red; 
}

.menu_button_mouse_over {
   	position: relative;
	float: clear;
	font-size: 10pt; 
	margin: 5px 5px 5px 5px;
	background-color: #6699FF;
        color: white;
	font-weight: bold;
}

.arlogo {
  margin: 20px 0 0px 20px;
  float: left;
  clear: none;
}

.login {
  font-size: 10pt; 
  float: right;  
  text-decoration: none;
  padding: 0px 0px 5px 0px;
  clear: none;
}

div.clear {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 1px;
}

/* Put a line on left border of a box */
.left_line {
  border-left:1px solid #CCC;
    border-left-width:1px;
}

/* Put a line on left border of a box */
.left_line_dotted {
  border-left:1px dotted #CCC;
  border-left-width:2px;
}

/* Put a line on top border of a box */
.top_line {
  border-top:1px solid #CCC;
  border-top-width:1px;
}

/*
.content_box {
  position: relative;
  background-color: #EBEBC6;   
  text-align: center;
  margin: 10px 10px 10px 10px;
  float: left;
  padding: 10px 10px 10px 10px;
}
*/

.content_box {
  position: relative;
  background-color: #F2F2D9;
  text-align: center;
  margin: 0 0 0 0;
  float: left;
  padding: 0 0 0 0;
}

.context_menu {
  padding: 0px 0px 0px 0px;
  background-color: #CCCCCC;
}


.context_menu_button {
  /*position: relative;*/
  /*float: clear;*/
  font-size: 10pt; 
  margin: 0 0 0 0;
  /*margin: 13px 13px 13x 13px;*/
  background-color: #CCCCCC;
  color: white;
  font-weight: bold;
  /* width: 8em; */
  padding: 3px 3px 3px 5px;
  border: 1px 1px 1px 1px;
  text-align: center;
}

.search_menu {
  margin: 3px 0px 0px 0px;
  border-bottom:1px solid #CCC;
  border-bottom-width:1px;
}

.warning_message {
  position: relative;
  float: clear;
  background-color: #FFFF66;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px 5px 5px 5px;
}

.recipe_groups {
  font-size: 10pt;
}

.small_font {
  font-size: 10pt;
}

.lhs{margin:2px 0 0 0;background:#e5e5e5}
.lhs .o {text-align:center}
.lhs,.lhsad{width:100%}
.lhs a{color:#1f527b;font-size:1.1em}
.lhs a:link,.lhs a:visited,.lhs a:active{color:#1f527b;font-weight:bold;font-size:1.1em;display:block;padding:2px 0 2px 5px;line-height:15px}
.lhs a:hover{background:#d8d8d8;font-weight:bold;font-size:1.1em;display:block;line-height:15px}
.lhs .lhssqs a:link,.lhs .lhssqs a:visited,.lhs .lhssqs a:hover,.lhs .lhssqs a:active{color:#fff;padding:2px 4px 2px 8px;background:#665f6e url("http://newsimg.bbc.co.uk/nol/shared/img/nav/v3_square_rb.gif") repeat-y top right}
.lhs .lhssq a:link,.lhs .lhssq a:visited,.lhs .lhssq a:hover,.lhs .lhssq a:active{color:#fff;padding:2px 0 2px 8px;background:#665f6e}
.lhsb,.lhssqs,.lhsnlp{
    font-weight:bold;
    border-bottom:2px solid #fff}
.lhssqs a,.lhssq a{color:#fff;font-size:1.1em}