/*****
CSS Document for Produce College es(Spanish)
test undo test again
*****/

/************************
Top Styles :: Keep at top
************************/

* {padding:0;margin:0;}
/* mac hide\*/
html, body {height:100%;}
/* end hide */


/***********
Main Styles
***********/
body {
	background-color: #F5F5BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small; /* for earlier ie */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color:#000;
}

div#container {
	position:relative;
	width:768px; /* for broken box model */
	margin:auto;
	background:url(/images/bg.gif) left top repeat-y;
	padding:0;
}
div#head {
	postion:relative;
	height:126px;
	width:100%;
	background:#F5F5BF url(/images/slice_top.jpg) 596px 122px no-repeat;
}
div#head a#homelink {
	display:block;
	position:absolute;
	top:20px;
	left:10px;
	height:83px;
	width:200px;
	background:url(/images/logo.gif) no-repeat;
}
div#head #slogan {
	position:absolute;
	right:15px;
	top:70px;
	height:30px;
	width:348px;
	background:url(/images/es/slogan.gif) no-repeat;
}

.es div#head #slogan {
	background:url(/images/es/slogan.gif);
}

div#tally {
	position:relative;
	float:right;
	width:172px;
	background:#D7D978 url(/images/slice_right.jpg) right top no-repeat;
	padding:0px;
	margin:0px;
	color:#333;
}
/***********************
don't want to deal with hacks around IEs broken box model...
so I include buffers to give padding and margin within elements
with declared dimensions
************************/
div#tally .buffer {
	padding:10px;
}
#tally #welcome {
	font-weight:bold;
	padding-bottom:15px;
	margin-right:10px;
	margin-bottom:15px;
	border-bottom:1px solid #F4F3B2;
	color:#000;
}
#tally #welcome a {font-weight:normal;color:#7C2424;text-decoration:underline;}
#tally h1 {
	color:#516C13;
	font-weight:bold;
	font-size:1.6em;
	padding:0;
	margin:0;
}
#tally dt {
	font-weight:bold;
	font-size:1em;
}
#tally dt.lesson {
	color:#7C2424;
	padding-top:10px;
}
#tally dd.on {
	background:url(/images/on.gif) 60px center no-repeat;
}
#tally dd.study_on {
	background:url(/images/on.gif) 35px no-repeat;
}
#tally dd.done {
	color:#996633;	
}
#bodySlice {
	position:absolute;
	top:-335px;
	right:178px;
	width:3px;
	height:335px;
	background:url(/images/slice_body.jpg) left top no-repeat;
}
/**********
do not add a dimension (width/height) to content wrap!!
adding a dimension will invoke ie pc's invalid float rendering
causing an unwanted extra 3px margin... note:not the 3px jog bug.
watch out for peekaboo and others though coming about from not specifying a dimension.  I just did not want to deal with two different widths for different browsers for the main conatiner.  
**********/
div#content_wrap {
	position:relative;
	margin-right:172px;
	padding:0;
}
div#content {
	position:relative;
	width:590px;
	float:left;
	margin:0;
	padding:0;
	font-size:1.1em;
}
#content .buffer {
	padding:20px;
	padding-bottom:30px;
}
div#flavor {
	position:relative;
	height:210px;
	background:#000;
	width:590px;
	margin:0;
	padding:0;
	background:url(/images/flavor/lesson18.jpg) left top no-repeat;
}
.home #flavor {
	background:url(/images/flavor/welcome.jpg) left top no-repeat;
}
.home h3 {color:#7C2424;}
.lesson_home #flavor {
	background:url(/images/flavor/welcome2.jpg) left top no-repeat;
}
.register #flavor, .password #flavor {
	background:url(/images/flavor/welcome3.jpg) left top no-repeat;
}
h1#heading {
	diplay:block;
	padding:0 0 0 20px;
	margin:0;
	background:#829635 url(/images/slice_heading.jpg) right bottom no-repeat;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	line-height:3em;
}
#welcomeimage {
	margin:10px 0 15px 0;
	padding:0;
}
/***********************
don't want to deal with hacks around IEs broken box model...
so I include buffers to give padding and margin within elements
with declared dimensions
************************/
#home_login {
	width:265px;
	float:right;
	margin:10px;
}
#login {
	border:1px solid #D3D16E;
	padding:0px 10px 4px 10px;
	color:#666;
}
#loginPass, #loginUser {
	width:120px;
}
dl.form {
	position:relative;
	display:block;
	list-style:none;
}
dl.form dt, dl.form dd {
	position:relative;
	display:block;
	float:left;
	margin:2px 0;
	line-height:1.4em;
}
dl.form dt {
	clear:left;
}
dl.form dt.formCategory {
	color:#7C2424;
}
dl#loginform {
	width:103%;
	margin-top:10px;
}
dl#loginform dt {width:42%;}
dl#loginform dd {width:58%;}
#login h3 {color:#526D14;}
.reset {
	border:none;
	width:69px;
	height:28px;
	background:url(/images/es/clear.gif) no-repeat;
	font-size:0px;
	color:#E7E787;
	text-align:left;
}
.es .reset {background:url(/images/es/clear.gif) no-repeat;}
#submitlogin {
	clear:left;
	margin-left:75px;
	margin-top:6px;
}
.submit {
	border:none;
   width:69px;
   height:28px;
   background:url(/images/es/submit.gif) left top no-repeat;
   font-size:0;
	text-align:right;
	color:#E7E787;
}
.es .submit {
	background:url(/images/es/submit.gif) left top no-repeat;
}
.getResults {
	border:none;
	width:103px;
	height:34px;
	background:url(/images/es/go_to_results.gif) left top no-repeat;
	font-size:0;
}
.back_lesson a {
	position:relative;
	display:block;
	background:url(/images/es/previous.gif) left top no-repeat;
	width:103px;
	height:34px;
	float:left;
	padding-right:15px;
}
.next_lesson a {
	position:relative;
   display:block;
   background:url(/images/es/next.gif) left top no-repeat;
   width:103px;
   height:34px;
   float:left;

}
.nextLesson {
	margin-left:310px;
	margin-top:10px;
}
#register {
	margin: 0 0px 0 0;
	width:245px;

}
#knife {
	float:right;
	width:100%;
	margin-top:10px;
}
#knifetext {
	width:250px;
}
#knifeimage {
	float:right;
	width:210px;
	height:141px;
/*	background: url(/images/knife.jpg) center top no-repeat;*/
}
dl#registration {
	display:inline;
	width:310px;
	margin-left:50px;
	margin-top:15px;
	float:left;
	font-weight:bold;
	color:#333;
}
dl#registration dd {
	position:relative;
	width:50%;
	clear:none;
}
dl#registration dt {
	position:relative;
	padding-right:2%;
	width:48%;
	text-align:right;
}
/*\*//*/
dl#registration dt {clear:none;}
/**/
dl#registration input {
	background:#F4F3B2;
	border-top:1px solid #72852A;
	border-left:1px solid #72852A;
	border-bottom:1px solid #D3D16E;
	border-right:1px solid #D3D16E;
}
dl#registration input.submit {
	border:none;
   width:69px;
   height:28px;
   background:url(/images/es/submit.gif) left top no-repeat;
   font-size:0;
}
dl#registration input.reset {
	border:none;
   width:69px;
   height:28px;
   background:url(/images/es/clear.gif) left top no-repeat;
   font-size:0;
	margin-bottom:30px;
}
dl#registration dt.formBottom {
	width:100%;
}
dl#registration dt.formBottom input {
	width:69px;
	float:right;
}
dl#registration .normal {
	font-size:.9em;
}
* html input.password {
	width:96%;
}
textarea#notes {width:99%;}

dl.qa {line-height:1.8em;position:relative;}
dl.qa dt {font-weight:bold;}
dl.qa dd {
	margin-left:15px;
	padding-left:20px;
	position:relative;
	width:515px;
}
dl.qa dd input {position:absolute;left:0;top:1px;}

#lessonTable {
	position:relative;
	width:373px;
	margin:auto;
	border-top:1px solid #72852A;
	border-left:1px solid #72852A;
	margin-bottom:20px;
}
#lessonTable td, #lessonTable th {
	border-bottom:1px solid #72852A;
	border-right:1px solid #72852A;
	padding:5px;
}
#lessonTable th {
	padding:10px;
	background:#D3D16E;
	color:#7C2424;
}
.dateComplete {
	text-align:center;
}
div#foot {
	position:relative;
   clear:both;
   background:#F5F5BF;
   text-align:center;
   padding-top:18px;
	color:#7C2424;
	padding-bottom:30px;
	background:#F5F5BF url(/images/slice_bottom.jpg) left top no-repeat;
}
div#foot a {
	color:#7C2424;
}


/**********************************
Standard Classes (keep at bottom)
**********************************/

img {border:0;padding:0;margin:0;}

a, a:link, a:visited, a:active {color:#7C2424;text-decoration:underlined;}
a:hover {color:#BC1313;}

h1, h2, h3 {color:#7C2424;font-weight:bold;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;padding-top:10px;color:#000;}

ul, ol {margin-left:30px;padding-top:6px;}
li {padding:3px 0;}

p {padding:5px 0;}

.highlight {background: #CCEEFF;}
.error {
  border: solid 1px red;
  background: #fdd;
  color: black;
  font-weight: bold;
  margin: 1em;
  padding: .5em;
}
.error li {list-style: none;}

/***********
 Holly Hack
************/
/* hide from IE-mac \*/
* html .holly {height: 1%;}
/* end hide */

.floatleft {float:left}
.floatright {float:right}
.clear {clear:both;}
.clearleft {clear:left}
.clearright {clear:right}
.hr {height:0;font-size:0;padding:0;margin:0;border-top:1px solid #72852A;}
.normal {font-weight:normal;}