/* @override http://snaklog.local/stylesheets/scaffold.css?1232211446 */

/* @override http://snaklog.local/stylesheets/scaffold.css?1232122215 */

/* @override http://snaklog.local/stylesheets/scaffold.css?1231455113 */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html 	{ text-align : center;  }
body { 
	margin: 0;
	padding: 0;
	background : url(../images/background01.gif); 
	font-family: Tahoma, Arial, Verdana,Helvetica;
	text-align: center;
}

#wrapper {
	position: relative;
	text-align: left;
	width : 945px;
	margin-right: auto;
	margin-left :auto;
	background-color :#FFFFFF;
	min-height:600px;
}

.curvedbox {
	background-color:#FFFFFF; 
} 

#branding {
	position : relative;
	float :left;
	height : 125px;
	background : transparent url(../images/top02.gif) no-repeat;
	width : 554px;
}

#branding h1 { 
position : absolute;
text-indent : -9999px;
}

#header {
	position : relative;
	float :right;
	height :125px;
	width : 391px;
	background-color : black;
	text-align: right;
}

ul#nav_login li {
	display : inline;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
	color: #fff;

}


#nav_position_left {
	clear :both;
	position: relative;
	float:left;
	width : 780px;
	background-color:#000000;
	padding-bottom :5px;
	padding-left :10px;
}

#nav_position_right {
	float:right;
	position: relative;
	float:left;
	width : 145px;
	background-color:#000000;
	padding-bottom :5px;
	padding-right:10px;
	text-align:right;
}
.nav li { /* all lists */
	color: white;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
	display: inline;
}

.nav a:link {
	color:#FF8C00;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
	background-color: black;
}

.nav a:visited {
	color:#FF8C00;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
	background-color: black;
}

.nav a:hover {
	color:#FFD700;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
	background-color: black;
}

#banner {
	float:left;
	height:148px;
	width:613px;
	padding-top:4px;
}

div#right_ads {
	position: absolute;
	top:160px;
	left:785px;
	width: 160px;
	text-align: center;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	color: black;
	font-style: normal;
	padding-top:10px;
	padding-bottom:10px;
}

#right_ads a:link {
	color:#FF8C00;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
}

#right_ads a:visited {
	color:#FF8C00;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
}

#right_ads a:hover {
	color:#FFD700;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:bold;
}

#content {
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:30px;
	width:740px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
}

#content a:link {
	color:#000000;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal; 
}

#content a:visited {
	color:#000000;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal; 
}

#content a:hover {
	color:#000000;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:normal;
}
div#indexleftcontent {
	margin-top: 20px;
	float: left;
	width: 500px;
}

#profilewrapper {
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	width:740px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:small;
}

div#indexrightcontent {
	margin-top: 20px;
	float:right;
	width: 250px;
}


div#indexmaincontent {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
}

#indexmaincontent fieldset {
	border: 1px solid;
	border-color: silver;
	font-size: medium;
	padding: 10px;}

#diarydate {
	padding-top: 10px;
	padding-bottom: 10px;
}

#diaryfood, #diaryfoodshow {
	float: left;
	width: 370px;
}

#diaryfood fieldset, #diaryfoodshow fieldset {
	border: 1px solid #000;
	padding: 10px;
}

#diaryfood legend, #diaryfoodshow legend  {
	color: #000;
	border: 1px solid #000;
}

div#diarynotes, div#diarynotesshow {
	float: right;
	width: 370px;
}

#diarynotes fieldset, #diarynotesshow fieldset {
	border: 1px solid #000;
	padding: 10px;
}

#diarynotes legend, #diarynotesshow legend {
	color: #000;
	border: 1px solid #000;
}


div#painscore {
	clear: both;
	padding-top: 10px;
	}


#diaryfoodshow textarea, #diarynotesshow textarea {
	background-color: white;
	color: #404040;
	
}

#footer {
	clear:both;
	height:50px;

	margin-top:0px;
}


.login { 
	width: 112pt;
}

.datatable {
	border-collapse: collapse;
}

.datatable th {
	font-weight: bold;
	padding: 0.2em;
}

.datatable td {
	padding-left: 0.5em;
}

div#recipes_menu{
	margin-left: 5px;
	font-size: 0px;
	width:154px;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* signup form */

#signuphead h2 {
	float:left;
	margin-right:15px;
	padding-bottom:0.6em;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 40px;
	font-style:normal;
}

#signuphead fieldset {
	padding-top:0.6em;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style:bold;
	width: 330px;
}


input.txtlong {
	color :#000000;
	background-color : #E3F2F7;
	border :1px inset #00008B;
	width: 300px;
	font-size: 20px;
	
}

input.txtshort {
	color :#000000;
	background-color : #E3F2F7;
	border :1px inset #00008B;
	width: 150px;
	font-size: 20px;
}

#signup form div  {
	clear :left;
	margin :0;
	padding:0;
	padding-top: 0.6em;
}



#signup form div label {
	float : left;
	width :20%;
	font : bold 0.9em Tahoma,Arial,Helvetica,sans-serif;
	text-align :right;
	margin-right :5px;
}

#signup fieldset {
	border : 2px solid #000000;
	margin-top:1.4em;
	padding: 0.6em;
	width :50%;
}

#signup legend {
	font: bold 1.2em Tahoma,Arial,Helvetica,sans-serif;
}