/***************  This file was created by combining all other CSS files:   ************************************
*
* cat main.css  style.css  school-listing.css  bookmark.css sentence-match.css  drupal.css  lessons.css  > combined.css
*
* Then, import statements were removed, as they are now unnecessary
*
**************************************************************************************************/





pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; }


.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; */
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #aaa;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

input, textarea, select {
  background: #ffe;
  padding: 2px 5px 2px 2px;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  font-size: 10pt;
  font-family: verdana, arial, helvetica, sans-serif;
}
.no-input-styles input{
  padding: 0px; 
}
.submit {
  background: #eee;
  border-right: solid 2px #111;
  border-bottom: solid 2px #111;
}
.submit:hover {
  background: #efffef;
}

input:focus, textarea:focus, select:focus {
  background: #e5eef9;
  padding: 2px 5px 2px 2px;
  border: solid 1px #999;
  font-size: 10pt;
  font-family: verdana, arial, helvetica, sans-serif;
}
.eval-comments {
  overflow:auto;
  background: #e5eef9;
  padding:10px;
  /* border: 1px dashed #555; */
  text-align: left;
}
.small {
  font-size: 10px;
}

.paging-bar {
  padding: 3px 5px 3px 5px;
  background: #efffef;
  border: 1px solid #6ccc7e;
  margin: 10px 0 10px -5px;
  /* height: 20px; */
}
.paging {
  /* float: right;  */
  position: relative;
  width: 550px;
}
.paging-text {
  width: 250px;
  float: left; 
  position: relative;
}

/************************************************* Home Page ****************************************/
ul.horizontal-list li {  display:inline; }
.home-main-img {
  float: right;
  border: 1px solid #777;
  margin: -5px -5px 3px 3px;
}

.home-main-left h2{
  line-height: 25px;
  padding: 0px 10px 0px 0;
  font-size: 18px;
  font-weight: bold;
  color: #777;
  border-bottom: 1px solid #777;
}
.home-main-left h2 a{
  text-decoration:none;
  color: #777;
}

.home-main-right {
  /* padding: 0 0 30px 10px; */
}
.home-main-right li strong a{
  text-decoration: none;
}
.home-main-right dl dt, .home-main-right dl dd {
  line-height: 32px;
}
#submit-school {
  background: #555;
}

.travel-log-body {
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  padding: 0 5px 15px 5px;
}
.sitemap-cities-right {
  /* float:right; */
  width:350px;
  height:100px;
  padding: 15px;
  margin: 30px 20px 0 15px;
  border: solid 1px #3c83d2;
  background: #e5eef9;
}
.sitemap-cities-left {
  height: 200px;
  overflow: auto;
  padding: 0 20px 0 20px;
  background: #f1f1f1;
}
h2.wide {
  border-top: solid 1px #555;
  padding-top: 10px;
}
.travel-log-entry {
  border: 1px solid #999;
  margin: 10px 5px 20px 5px;
  padding: 5px;
  background: #f1f1f1;
  line-height: 24px;
}
.travel-log-entry .snippet{
  padding: 10px;
  border: solid 1px #cfdfcf;
  background: #efffef;
}
.school-search .sort-by{
  float:right;
  position:absolute;
  right:0px;
  width:200px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #555;
  border-left:1px solid #aaa;
  padding: 10px;
  z-index:100;
  background: #f5f5f5;
}
.recommended-tl {
  float:right;
  position:absolute;
  top: 950px;
  right:0px;
  width:125px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #555;
  border-left:1px solid #aaa;
  padding: 10px;
  z-index:-10;
  background: #f5f5f5;
  font-size:11px;
}

.school-search .right-block{
  float:right;
  position:absolute;
  right:0px;
  width:135px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #555;
  border-left:1px solid #aaa;
  padding: 10px;
  z-index:100;
  background: #f5f5f5;
  font-size: 11px;
}

.school-search .top-200{
  top: 200px;
}
.school-search .top-500{
  top: 500px;
}
.school-search .top-800{
  top: 700px;
}

.scroll-box {
  background: #f5f5f5;
  overflow:auto;
  height: 70px;
  line-height: 22px;
}
.evaluations .evaluated {
  height: 100px;
  overflow: auto;
  padding: 5px;
  border: solid 1px #f1f1f1;
}
.evaluations .evaluate {
  padding: 5px;
  margin-bottom: 10px;
  border: solid 1px #f1f1f1;
}

.evaluations .header {
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: solid 1px #aaa;
}
img.top {
  vertical-align:text-top;
}

.edih-white {
  color: #fff;
  background: #fff;
}
.edih-white a{
  color: #fff;
  text-decoration: none;
  background: #fff;
}
.edih-white a:hover{
  color: #fff;
  background: #fff;
}
.edih-full {
  display:none;
}

.flash {
  color: #0f0;
}
/***************************************************  MEDICAL DICTIONARY **************************************************/
#medical-dictionary-index {  line-height: 25px; }
#medical-dictionary-index a {  color:#399dcf; }
.medical-dictionary-related { float:right;width:200px; }
.medical-dictionary-related a {  font-size: 11px;}


/************************************************* multiple choice ************************************************/
div.multi-choice-answers {
  padding: 5px;
  margin-bottom: 10px;
}
span.multi-choice-answer {
  padding: 2px;
  line-height: 27px;
}

.spanish-level-score {
  padding: 10px 5px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px #00a;
  margin: 10px;
}

div.alert-outer {
  border: solid 1px #ddd;
}
div.alert-inner {
  background:url('http://123teachme.com/icons/silk/asterisk_orange.png') no-repeat center left;
  padding: 10px 10px 10px 20px;
  margin: 5px 10px;
}
.conjugation-img, .conjugation-img img {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
}
.print-verb-chart { margin:15px 5px 5px 5px; background:#FFFBD1; padding:5px; }
.full-conjugation table { position: relative; width:1060px; left:-30px; background: #fff; 
  border-left:none; border-bottom:none;  border-top:solid 1px #bbb; border-right:solid 1px #bbb; }
.full-conjugation table td { padding:2px; border-style:solid; border-left:solid 1px #bbb; border-bottom:solid 1px #bbb;
   border-right:none; border-top:none;  line-height:24px; text-align:center; }
.full-conjugation table td i { font-style:normal; }


div#spanish-conversation {
  text-align: center;
  width:100%;
  vertical-align: baseline;
  background: #fffc09;
  border-top: solid 1px #000;
  padding-bottom: 5px;
  color: #000;
  /* opacity:0.80;filter: alpha(opacity=80); -moz-opacity: 0.80; */
}

div#nulengua-schools-page {
  position: absolute;
  top: 20px;
  right: -10px;
  border: solid 2px #a00000;
  background: #fdcdce;
  padding: 15px;
  z-index: 5;
  font-size: 10px;
  width: 250px;
}
div#nulengua-schools-page h2 {
  padding: 0;
  font-weight: bold;
  font-size: 13px;
}

div#spanish-resources {
  position: absolute;
  top: 1160px;
  right: -10px;
  border: solid 2px #3c83d2;
  background: #e5eef9;
  padding: 5px;
  z-index: 5;
  font-size: 10px;
  width: 170px;
}
div#spanish-resources h2 {
  margin-bottom: -2px;
  padding: 0;
  font-weight: bold;
  font-size: 11px;
}
div#spanish-resources ul {
  margin: 0 0 0 0;
  list-style: none;
   list-style-image: url(http://static.123teachme.com/images/li-bullet.gif);  
}
#spanish-resources ul li {
  background-image: none;
  font-size: 10px;
  margin: 0 0 0 15px;
  padding: 0 0 0 0;
}


.spanish-form {
  position:absolute;
  left: -650px;
  width: 200px;
}

.edih-knil {
  position: absolute;
  left: -500px;
  width: 250px;
}

/******************* scinfo_verbs *********************/
.cabTiempo1, .cabTiempo0 {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px dotted #999;
  margin-top: 20px;
}
.cabTiempoINT {
  padding-left: 10px;
  background: url(http://static.123teachme.com/images/silk_icons/arrow_turn_right.png) no-repeat;
}
.negrita {
  color: #000;
  background:#6ccc7e; /* 6e80cd; */
  padding: 10px;
  /* border: solid 1px #3e509d; */
  border: solid 1px #3c9c4e;
}

img.img-border { /* used by google gadget screenshot */
  border: solid 1px #aaa;
}

fieldset.green {
  border: solid 1px #1c7c2e;
  background: #efffef;
  padding: 5px;
  margin: 5px;
}
fieldset.green legend {
  font-weight: bold;
  color: #1c7c2e; 
  background: #efffef;
  border: solid 1px #1c7c2e;
  padding: 5px;
  margin-left: 5px;
}

fieldset.yellow-grad, div fieldset.yellow-grad {
  border: solid 1px #eFcE01;
  background: #F8F47A url(http://static.123teachme.com/images/yellow-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.yellow-grad legend{
  border: solid 1px #eFcE01;
  background: #F8F47A url(http://static.123teachme.com/images/yellow-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.yellow-grad a, fieldset.yellow-grad a:hover{
  color: #484600;
  background: transparent;
}

fieldset.yellow {
  background: #faec4e;
  border: solid 1px #dacc2e;
}
fieldset.yellow legend {
  background: #faec4e;
  border: solid 1px #dacc2e;
  font-weight: bold;
  color: #555;
}

fieldset.blue {
  border: solid 1px #3c83d2;
  background: #e5eef9;
  padding: 5px;
  margin: 5px;
}
fieldset.blue legend {
  font-weight: bold;
  color: #1c63b2;
  border: solid 1px #3c83d2;
  background: #e5eef9;
  padding: 5px;
  margin-left: 5px;
}

/*** translated sentences ***/
.translated-sentence-pair {
  margin: 8px 0px;
  border-top: 1px dotted #aaa;
  padding: 5px 0px;
}
.translated-sentence-pair .spanish-sentence {
  color: #096d9f;
}


/*************************************** search page *****************************************************/
.search-results { margin-top: 20px; }
.search-result .title a { color: #197daf; font-size:16px; }
.search-result .title a:hover { color: #fff; text-decoration:none; background:#399dcf; }
.search-result .url { color: #080; }
.si-output { margin: 10px 5px 15px 5px}

/*
hungry mutt light green: #deead5
soft yellow: #ffe
soft blue: #e5eef9
soft lime green: #efffef
soft grey: #f1f1f1
*/

body {
	margin: 0;
	padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
	/* text-align: center; */
	color: #333;
	background: #eee;
}
p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}
a:link, a:visited {
	color: #555;
}
h1 {
  font-size: 18px;
  font-weight: bold;
}
/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0 6px;
	font-size: 95%;
	text-align: left;
	background: #fff url(http://static.123teachme.com/images/drop-bg3.gif) repeat-y top left;
	}
#main-body { float: left; width: 100%; background: #fff; }
#content {
	float: left;
	width: 800px;/*prev 496px*/
	margin: 2px 0 0 0;
	background: #fff;
}
#content-wide {
	float: left;
	width: 1000px;/*prev 496px*/
	margin: 2px 0 0 0;
	background: #fff;
}
#right { float: right; position: relative; top: -10px; width: 200px;/*prev 274px*/  background: #e5e5e5; }
#footer {
	clear: both;
	margin: 0;
	padding: 20px 20px 12px 20px;
	border-top: 1px solid #fff;
	/* background: #cecece url(/images/footer-bg.gif) no-repeat top left; */
	background: #d5d5d5;
	}

/* ------------------------------------------------------------

	header

------------------------------------------------------------ */

#header {
	float: left;
	width: 100%;
	background: #fff;
	}
#header h1 {
	float: left;
	margin: 0;
	padding: 0 10px 3px 10px;
	}
#header h2 {
	float: right;
	margin: 28px 20px 20px 20px; /*prev 28px 20px 20px 20px*/
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #777;
	}

/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#nav { background: url(http://static.123teachme.com/images/small-nav-bg.png) repeat-x 0 -3px; float: left; width: 100%; font-size: 10px; float:right; border-bottom:1px solid #999; margin:-1px 0 0 0;}
#nav ul { float:right; width:570px; margin:0; padding:0 0 2px 0px; list-style:none; }
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	display: block;
	float: left;
	margin: 1px 0 0 0;
	padding: 0px 15px 1px 15px;
	/* font-weight: bold; */
	text-decoration: none;
	color: #555;
	}
#nav ul li a:hover {
	background: #c9c9c9;
	}
#nav ul .active a, #nav ul .active a:hover {
	margin-top: 0;
	padding-bottom: 2px;
	border-right: 1px solid #bbb;
	background: #fff;
	}

/* ------------------------------------------------------------

	content

------------------------------------------------------------ */

h2#title, h1#title {
	margin: 0;
	padding: 8px 20px; /*prev 18px 20px*/
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
	color: #fff;
        text-shadow: 1px 1px 1px #292929;
	background: #399DCF /* url(/images/title-bg.gif) no-repeat top left */;
}

h2#long-title, h1#long-title {
  margin: 0;
  padding: 8px 20px; /*prev 18px 20px*/
  font-family: "Trebuchet MS", sans-serif;
  font-size: 110%;
  font-weight: normal;
  color: #fff;
  background: #399DCF /* url(/images/title-bg.gif) no-repeat top left */;
  line-height: 180%
}

	
#content-inner {
	margin: 5px 10px 20px 10px;
	line-height: 1.4em;
	}
#content-inner ul {
	/* margin: 1.5em 0 1.5em 40px; */
	margin: 1.5em 0 1.5em 10px;
	padding: 0;
	list-style: none;
	}
#content-inner ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 23px;
	color: #333;
	background: url(http://static.123teachme.com/images/icon-bullet.gif) no-repeat 0 0;
	}
#content-inner blockquote {
	margin: 1em 0 1em 20px;
	padding: 0 0 0 22px;
	font-size: 90%;
	line-height: 1.4em;
	color: #666;
	background: url(http://static.123teachme.com/images/icon-quotes.gif) no-repeat 0 2px;
	}

/* weblog entries */

.entry h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	}
.entry .posted {
	margin: 0;
	padding: 0 0 0 21px;
	font-size: 90%;
	color: #666;
	background: url(http://static.123teachme.com/images/icon-permalink.gif) no-repeat 0 3px;
	}
.entry .tags {
	margin: 4px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	background-image: url(http://static.123teachme.com/images/icon-tags.gif);
	}
.entry .posted a {
	color: #666;
	border-bottom: 1px dotted #bbb;	
	}
.entry .posted a:hover {
	background: #666;
	color: #fff;
	border: none;
	}
.last .posted {
	border-bottom: none;
	}
	
/* ------------------------------------------------------------

	right	

------------------------------------------------------------ */

/* news box */

#news {
	margin: 0;
	padding: 10px 3px 5px 10px;
	background: #6CCC7E url(http://static.123teachme.com/images/right-box-green-bg.png) no-repeat top left;
	}
#news h3 {
  margin: 0 0 0 10px;
  padding: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 150%;
  font-weight: normal;
  color: #fff;
}
#news fieldset {
  padding:5px 10px;
  /* border:solid 1px #999; */
  border: 0;
}
#news fieldset legend {
  background: #7CDC8E;
  padding:5px 10px;
  border:solid 1px #999;
}
/*********** delete this?
#news dl {
	margin: 1em 0;
	padding: 0;
	line-height: 1.3em;
	}
#news dl dt {
	margin: 0;
	padding: 0 0 0 22px;
	background: url(http://static.123teachme.com/images/icon-bullet.gif) no-repeat 0 1px;
	}
#news dl dd {
	margin: 0 0 8px 22px;
	padding: 0;
	font-size: 90%;
	color: #527000;
	}
#news p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
	}
#news a.more {
	padding-right: 8px;
	font-weight: bold;
	background: url(http://static.123teachme.com/images/bullet-newsmore.gif) no-repeat 100% 4px;
	}
#news a {
	color: #333;
	text-decoration: none;
	}
#news a:hover {
	background-color: #98DAA4;
	}
***************/
/* right contents */

#right-blocks {
	border-top: 1px solid #fff;
	padding: 10px;
	}
#right-blocks h4 {
	margin: 0 0  5px 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 130%;
	color: #555;
	}
#right-blocks ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	}
#right-blocks ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	font-size: 90%;
	border-bottom: 1px solid #ccc;
	background: url(http://static.123teachme.com/images/bullet-grey.gif) no-repeat 3px 9px;
	}
#right-blocks ul li.last {
	border-bottom: none;
}
#right-blocks .last {
  border-bottom: none;
}

/***********************  teasers 

dl.teaser {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 90%;
	line-height: 1.4em;
	border-bottom: 1px solid #ccc;
	}
dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }
dl.last {
	border-bottom: none;
	}
dl.teaser dt {
	float: left;
	}
dl.teaser dt img {
	padding: 3px;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	background: #fff;
	}
dl.teaser dt a:hover img {
	border-color: #eee;
	background: #ccc;
	}
dl.teaser dd {
	margin: 0 0 0 65px;
	padding: 0;
	color: #444;
	}
dl.teaser dd.link {
	margin-bottom: 3px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 130%;
	}
dl.teaser dd.link a {
	padding-right: 9px;
	background-image: url(/images/bullet-sidemore.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	}
dl.teaser dd.link a:hover {
	background-image: url(/images/bullet-sidemore-hov.gif);
	}
*********************************/

/** blocks **/
.block {
  margin: 0 0 5px 0;
  padding: 5px 0 15px 0;
  font-size: 90%;
  line-height: 1.4em;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  width: 170px;
}
.block-title {
  font-weight: bold;
  padding: 3px;
  background: #ffe;
  border: solid 1px #FF7F16;
}
.block-title img { vertical-align:middle; }
.block-body {
  padding-top: 10px;
}


/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer p {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 90%;
	color: #555;
	}
	
#footer p.logo {
  	padding: 5px 0 5px 0;
	line-height: 140%;
	}
	
#footer p a {
	color: #555;
	border-bottom: 1px dotted #aaa;
	}
#footer p a:hover {
	color: #fff;
	border: none;
	background: #555;
	}

/* ------------------------------------------------------------

	misc.

------------------------------------------------------------ */

a img {
	border: none;
	}

hr, .hide {
	display: none;
	}
hr.visible {
  display: block;
}
/* ------------------------------------------------------------

	IE fixes

------------------------------------------------------------ */

/* hide from IE/Mac \*/
#main-body {
	clear: left;
	}

* html div {
	height: 1%;
	}
/* end hide */


body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
html>body #wrap { /* be nice to Opera */
	width: 1000px;
	}


/* self-clearing float */

/* #nav { display: inline-block; }*/ /* for IE/Mac */
/* Hides from IE/Mac \*/
* html #nav, * html #footer { height: 1%; }
#nav { display: block; }
/* End hide from IE/Mac */


hr.fancy {
   display: block;
   color: #eee; 
  width: 100%;
  margin: 20px 0;
}

/******  ITEMS IN THIS CSS FILE ARE SHARED BY DRUPAL AND THE MAIN SITE  ****************/

/** used underneath verb conjugator form **/
special_chars {
  border: solid 1px #a55;
  background: #fff;
  width: 150px;
  padding: 0;
}
.special_chars input {
  text-align: center;
  display: inline;
  border: solid 1px #a55;
  padding: 1px 2px;
  margin: 0 -2px 0 -2px;
  width: 25px;
}

.faded-text {
  color: #999;
}

/*************************************  BEGIN SCHOOL LISTING ***************************/
.admin-only {
  padding: 10px;
  background: #efffef;
  border: 1px solid #dfefdf;
}
.contact-info {
  background:#e5eef9;padding:10px;
  border: 1px solid #c5ced9;
}
.school-request-info {
  float: right;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 5px;
  width: 200px;
  margin: 5px -5px  0 0;
  font-size: 12px;
  background:#ddd;
}
.school-request-info:hover {
  background:#555;
  color: #fff;
}
.school-request-info a{
  display:block;
  text-decoration: none;
}
.school-name {
  font-weight: bold;
  float: left;
}
.school-location {
  font-size: 10px;
}
.school-quality {
  float:right;
}
.school-name-location {
  background: #f1f1f1;
  margin: -12px;
  padding: 10px 30px 10px 10px;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #555;
  border-bottom: solid 1px #555;
  position: absolute; 
  z-index:100;
}
.school-view-evals, .school-view-evals a {
  font-size: 10px;
}
.td-school-instruction fieldset{
  border: solid 1px #cfdfcf; /* slightly darker than background */
  background: #DAFEDA;
  width:240px;
  padding-left: 20px;
}
.td-school-instruction legend{
  border: solid 1px #cfdfcf; /* slightly darker than background */
  background: #DAFEDA;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
.td-school-instruction{
  padding: 5px 5px 5px 5px;
}
.td-school-living {
  padding: 5px 5px 5px 10px;
}
.td-school-living legend, fieldset.exercises legend{
  border: solid 1px #c5ced9; /* slightly darker than background */
  background: #e5eef9;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.exercises{
  border: solid 1px #c5ced9; /* slightly darker than background */
  background: #e5eef9;
  padding-left: 20px;
}
.td-school-living fieldset{
  border: solid 1px #c5ced9; /* slightly darker than background */
  background: #e5eef9;
  width: 290px;
  padding-left: 20px;
}

fieldset.conversation legend{
  border: solid 1px #F4CA66; /* orange */
  background: #FBE4AD;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.conversation{
  border: solid 1px #F4CA66; /* orange */
  background: #FBE4AD;
  padding-left: 20px;
}

.school-listing,.spanish-lesson {
  margin: 30px 10px 10px 10px;
  padding: 5px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #555;
  border-bottom: solid 1px #555;
  background: #f1f1f1;
}
.school-listing .top, .spanish-lesson .top {
  padding-bottom: 10px;
}
.school-listing .bottom, .spanish-lesson .bottom {
  background: #ffe;
  border: solid 1px #bbb;
  margin: 8px;
}
.school-url {
  padding-top: 10px;
  font-size: 10px;
}
.school-description {
  font-size: 11px;
  padding-bottom: 20px;
}
/* used for full school listing page */
.school-description-full {
  font-size: 11px;
  padding-bottom: 20px;
  width: 350px;
  height: 200px;
  margin-bottom: 10px;
  overflow: auto;
}
/* used for theory in lessons in place of school description */
.spanish-lessons-theory {
  font-size: 13px;
  padding-bottom: 20px;
  width: 350px;
  margin-bottom: 10px;
}

.school-listing .other-programs, .spanish-lesson .other-programs {
  font-size: 11px;
  border-top: 1px solid #ccc;
  margin: 10px 5px 0 5px;
  padding: 10px 5px;
}
/*************************************  END SCHOOL LISTING ***************************/





/* floating fieldsets used by drupal */
fieldset.floating-test {
  display: block; 
    float: left;   
   margin: 10px; 
}
fieldset.floating table {
  display: block; 
}
fieldset.floating {
  display: block;
  float: left; 
  margin: 10px; 
}

fieldset.blue2, div fieldset.blue2 {
  border: solid 1px #3c83d2; 
  background: #cee4fc;
  padding: 0 10px 5px 10px;
}

fieldset.blue2 legend{
  border: solid 1px #3c8cd2; 
  background: #cee4fc;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}


fieldset.blue1, div fieldset.blue1 {
  border: solid 1px #b5bec9; 
  background: #e5eef9;
  padding: 0 10px 5px 10px;
}
fieldset.blue1 legend{
  border: solid 1px #b5bec9; 
  background: #e5eef9;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}



fieldset.green1, div fieldset.green1 {
  border: solid 1px #afbfaf; 
  background: #efffef;
  padding: 0 10px 5px 10px;
}
fieldset.green1 legend{
  border: solid 1px #afbfaf; 
  background: #efffef;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}




fieldset.green2, div fieldset.green2 {
  border: solid 1px #1BBF3A; 
  background: #5fff5b;
  padding: 0 10px 5px 10px;
}
fieldset.green2 legend{
  border: solid 1px #1BBF3A; 
  background: #5fff5b;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}


fieldset.yellow1, div fieldset.yellow1 {
  border: solid 1px #bb0; 
  background: #FEFF91;
  padding: 0 10px 5px 10px;
}
fieldset.yellow1 legend{
  border: solid 1px #bb0; 
  background: #FEFF91;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}


fieldset.yellow2, div fieldset.yellow2 {
  border: solid 1px #bb0; 
  background: #ff0;
  padding: 0 10px 5px 10px;
}
fieldset.yellow2 legend{
  border: solid 1px #bb0; 
  background: #ff0;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}


fieldset.gold-grad, div fieldset.gold-grad {
  border: solid 1px #98962B;
  background: #D8D19E url(http://static.123teachme.com/images/gold-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.gold-grad legend{
  border: solid 1px #98962B;
  background: #D8D19E url(http://static.123teachme.com/images/gold-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.gold-grad a{
  color: #484600;
}

fieldset.tan-grad, div fieldset.tan-grad {
  border: solid 1px #bAb28E;
  background: #DAD2AE url(http://static.123teachme.com/images/tan-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.tan-grad legend{
  border: solid 1px #bAb28E;
  background: #DAD2AE url(http://static.123teachme.com/images/tan-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.tan-grad a{
  color: #7A724E;
}


fieldset.purple-grad, div fieldset.purple-grad {
  border: solid 1px #883D9B;
  background: #D278E8 url(http://static.123teachme.com/images/purple-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.purple-grad legend{
  border: solid 1px #883D9B;
  background: #D278E8 url(http://static.123teachme.com/images/purple-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.purple-grad a{
  color: #504;
}




fieldset.green-grad, div fieldset.green-grad {
  border: solid 1px #003a14;
  background: #ae8 url(http://static.123teachme.com/images/green-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.green-grad legend{
  border: solid 1px #003a14;
  background: #ae8 url(http://static.123teachme.com/images/green-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.green-grad a{
  color: #003a14;
}

fieldset.brick2 {
  border: solid 1px #825B4F;
  background: #A28B7F url(http://static.123teachme.com/images/brick2-back.jpg);
  padding: 0 10px 5px 10px;
  font-weight: bold;
}
fieldset.brick2 legend{
  color: #ffe;
  border: solid 1px #825B4F;
  background: #A28B7F;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.brick2 a{
  font-weight: bold;
  color: #ffe;
}

fieldset.blue-grad, div fieldset.blue-grad {
  border: solid 1px #001D7F;
  background: #79E6F9 url(http://static.123teachme.com/images/blue-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.blue-grad legend{
  border: solid 1px #001D7F;
  background: #79E6F9 url(http://static.123teachme.com/images/blue-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.blue-grad a{
  color: #001D7F;
}

fieldset.y-grad, div fieldset.y-grad {
  border: solid 1px #001D7F;
  background: url(http://static.123teachme.com/images/y-grad.gif);
  padding: 0 10px 5px 10px;
}
fieldset.y-grad legend{
  border: solid 1px #001D7F;
  background: url(http://static.123teachme.com/images/y-grad.gif);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.y-grad a{
  color: #001D7F;
}

fieldset.yellow-grad, div fieldset.yellow-grad {
  border: solid 1px #eFcE01;
  background: #FFDF01 url(http://static.123teachme.com/images/yellow-grad.jpg) repeat-x;
  padding: 0 10px 5px 10px;
}
fieldset.yellow-grad legend{
  border: solid 1px #eFcE01;
  background: #F8F47A url(http://static.123teachme.com/images/yellow-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.yellow-grad a{
  color: #484600;
}


fieldset.gb-grad, div fieldset.gb-grad {
  border: solid 1px #003a14;
  background: url(http://static.123teachme.com/images/gb-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.gb-grad legend{
  border: solid 1px #003a14;
  background: url(http://static.123teachme.com/images/gb-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.gb-grad a{
  color: #003a14;
}



fieldset.purple2, div fieldset.purple2 {
  border: solid 1px #883D9B;
  background: #D278E8;
  /* width:240px; */
  padding: 0 10px 5px 10px;
}
fieldset.purple2 legend{
  border: solid 1px #883D9B;
  background: #D278E8;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.purple2 a{
  color: #504;
}




fieldset.purple1, div fieldset.purple1 {
  border: solid 1px #883D9B;
  background: #F1C4FC;
  padding: 0 10px 5px 10px;
}
fieldset.purple1 legend{
  border: solid 1px #883D9B;
  background: #F1C4FC;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.purple1 a{
  color: #504;
}







fieldset.red1, div fieldset.red1 {
  border: solid 1px #a00000; 
  background: #fdcdce;
  padding: 0 10px 5px 10px;
}
fieldset.red1 legend{
  border: solid 1px #a00000; 
  background: #fdcdce;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.red1 a{
  color: #a00000;
}

fieldset.peach-grad, div fieldset.peach-grad {
  border: solid 1px #F1B351;
  background: #FEDE6E url(http://static.123teachme.com/images/peach-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.peach-grad legend{
  border: solid 1px #F1B351;
  background: #FEDE6E url(http://static.123teachme.com/images/peach-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.peach-grad a{
  color: #a16301;
}


fieldset.orange-grad, div fieldset.orange-grad {
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD url(http://static.123teachme.com/images/orange-grad.jpg);
  padding: 0 10px 5px 10px;
}
fieldset.orange-grad legend{
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD url(http://static.123teachme.com/images/orange-grad.jpg);
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
fieldset.orange-grad a{
  color: #830;
}


fieldset.orange1, div fieldset.orange1 {
  border: solid 1px #b48a26; /* orange */
  background: #FBE4AD;
  padding: 0 10px 5px 10px;
}
fieldset.orange1 legend{
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}


/*************************** slideshow **************/

.slideshow-large1 {  /* the slideshow container */
  text-align: center;
  border: solid 2px #333;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
  padding: 0 20px;
  margin: 10px;
  width: 550px;
  height: 500px;
}
.slideshow img { /* the slideshow itself */
  margin: 15px auto;
}
.slideshow-style1 {
  text-align: center;
  border: dashed 4px #333;
  padding: 20px;
  margin: 20px;
  width: 150px;
  height: 120px;
}
.slideshow-begin-message { 
  background: url('http://static.123teachme.com/images/stock_photos/slideshow.jpg') no-repeat 40px 70px;
  margin-top:35px;font-size:18px;line-height:24px;font-weight:bold;
  width:530px;
  height:400px;
}
.slideshow-end-message {
  margin-top:45px;font-size:15px;font-weight:bold;
}
.slideshow-pair .first {
}
.slideshow-pair .second {
  padding-top: 5px;
  color: #059;
}

h2.section-header {
  font-size: 12px;
  font-weight: bold;
  border-bottom: dotted 1px #999;
}
.bookmarks{
  width: 160px;
  float:right;
  /* border: solid 1px #860404; */
  font-size: 11px;
  text-decoration: none;
  padding: 5px;
  padding-top: 3px;
  margin-top: 0px;
}


.bookmarks a {
           text-decoration:none;
 }

.bookmarks a:hover {
           text-decoration:none;
 }

.bookmarks #delicious{
        background:url("http://static.123teachme.com/images/bookmark/delicious.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}

.bookmarks #digg{
        background:url("http://static.123teachme.com/images/bookmark/digg.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}



.bookmarks #reddit{
        padding:0 0 0 2px;
        background:url("http://static.123teachme.com/images/bookmark/reddit.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}

.bookmarks #facebook{
        background:url("http://static.123teachme.com/images/bookmark/facebook.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}

.bookmarks #stumbleupon{
        background:url("http://static.123teachme.com/images/bookmark/stumbleupon.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}

.bookmarks #technorati {
        background:url("http://static.123teachme.com/images/bookmark/technorati.gif") no-repeat 0 0;
        padding-left: 18px;
        margin-right: 5px;
}


.sentence-match-1, .sentence-match-2 {
  padding: 3px 0 3px 0;
}

input.sentence-match-btn {
  margin: 5px;
}

.sentence-match-middle {
  width:450px;
  padding:5px;
  border:#000 1px dashed;
  background:#eee;
  text-align:center; 
  margin: 10px 20px 10px 20px;
}

/**********************************************************************************/

#header-table {
  /* padding-bottom: 10px;  */
  border-bottom: 1px solid #999; 
  margin-bottom: -13px; /* to correct mysterious whitespace below header */
}
table.g-spanish-table {
  width: 570px;
}
tr.g-caption-row td{
  padding: 10px 10px 3px 10px;
  width: 150px;
  text-align: center;
  vertical-align: top;
}
tr.g-image-row td {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}


.spantitle {
  color :#0066cc;
}

.engtitle {
  color: #000;
}

.definition {
  /* color:#444;
  font-size:16px; */
  font-style:italic;
  font-weight:bold;
}


/*****  Right Floating Boxes *****/
/* relative positioned boxes */
.right-box {
  /*  new layout forces us to make this absolute */
  position: absolute;
  right: -6px;
  top: 50px;
  z-index: 10;
  /* float: right; */
  clear: right; /* forces all right floating boxes to appear underneath each other */
  width: 200px;
  font-size: 12px;
  margin: 0 -15px 30px 5px;
  padding: 10px 20px 10px 10px;
}


/* box styles */
div.blue {
  border: solid 3px #3c83d2;
  background: #CEE4fc;
}
div.pink {
  border: solid 3px #a00000;
  background: #fdcdce;
}
div.pink a{
  color: #a00000;
}

/* absolute positioned boxes - DEPRECATED */
.top-right-float {
  position: absolute;
  right: -6px;
  top: 50px;
  z-index: 10;
  border: solid 3px #3c83d2;
  padding: 10px;
  background: #CEE4fc;
  width: 250px;
  font-size: 12px;
}
.top-right-float a{
  color: #383f66;
}

.middle-right-float {
  position: absolute;
  right: -6px;
  top: 350px;
  z-index: 10;
  border: solid 3px #a00000;
  padding: 10px;
  background: url('http://static.123teachme.com/images/sp4kids_xmas.jpg') no-repeat #fdcdce;
  /*background: #ff8b9b;*/
  width: 250px;
  font-size: 12px;
}
.middle-right-float a{
  color: #a00000;
}
/***** END Right Floating Boxes *****/

/**** used in theory template */
table.theory-verbs {
  width: 500px;
  border: 1px solid #aaa;
  margin: 5px;
}
table.theory-verbs tr.header-tr{
  border-bottom: 1px solid #aaa;
}
table.theory-verbs td {
  padding: 5px 20px 5px 5px;
}


/*** multiple choice ***/
div.multi-choice-answers {
  padding: 5px;
  margin-bottom: 10px;
}
span.multi-choice-answer {
  padding: 2px;
  line-height: 27px;
}

div.float-right {
  text-align: center;
  float: right;
  padding: 5px;
}


.taxonomy a{
  text-decoration: none;
  color: #aaa;
}

.sentence-pair {
  border-bottom: solid 1px #9fddab;
  padding-top: 10px;
  /* line-height: 90%; */
}
.sentence-pair img{
  /** vertical-align: top;  **/
  float: right;
}

.indent {
  padding-left: 10px;
  margin-left: 5px;
  border-left: solid 1px #e2a246;
  margin-top: -5px;
}



/*********** accordion **********/
.accordion_toggle {
	display: block;
	height: 30px;
	width: 180px;
	/* background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; */
	background: #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	/* border-bottom: 1px solid #cde99f; */
	border-bottom: 1px solid #555; 
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	/* background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */
        background: #e0542f;
	color: #ffffff;
	/* border-bottom: 1px solid #f68263; */
}

.accordion_content {
  padding: 2px 3px 5px 3px;
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
#vocab-accordion {
  width: 200px;
  border: solid 1px #aaa;
}
#exercises-accordion {
  width: 200px;
  border: solid 1px #aaa;
}
#exercises-accordion .accordion_toggle {
  background: #cee4fc;
}
#exercises-accordion .accordion_toggle_active {
  background: #336699;
}
/*** from pstyle.css ****/

.lesson-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0099FF;
	margin-top: 1em;
}
.lesson-h1 .sub-note, .lesson-h1 .sub-note a {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	color: #777;
	padding-left: 10px;
}

.lesson-h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #41BC56;
	margin-top: 1em;
}

.lesson-h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #41BC56;
	margin-top: 1em;
}

.lesson-h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 1em;
}

.table-h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #41BC56;
	margin:4px;
}

.lesson-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #aaa;
	width: 500px; 
	padding: 10px;
	line-height: 2em;
}
.image-content {  /* mirrors lesson-content but doesn't set width */
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        border: 2px solid #999999;
        padding: 10px;
        line-height: 2em;
}
.note-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #777;
	background-color: #ddd;
	border: solid 1px #777;
	width: 500px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
}
.lesson-content img {
	vertical-align: middle;
	padding: 0px;
	margin: 10px;
}
.lesson-content a {
}

.English, .english, .highlight {
	color:#0066CC;
}

<!--Pulled from lessons.css to format Tables-->

.SubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 90%;
  background: #eee;
}
.Example {
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #000000;
	margin-bottom: 15px;
	width: 90%;
}

.SubTitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 500px;
	background: #eee;
	padding: 10px;
}
.Example2 {
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #999999;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 500px;
	padding: 10px;
}

.ExampleTitle {
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	color: #FFFFFF;
}

.ExampleContent {
	font-family: Arial, Helvetica, sans-serif;
	padding:10px;
}

td.ExampleContent {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FEE4C2;
	color:#995533;
	padding:10px;
}

td.ExampleAnswer {
	font-family: Arial, Helvetica, sans-serif;
    background-color:#FEE4C2;
    width:150px;
	overflow:hidden;
}

td.ExampleSound {
	width:200px;
	padding:10px;
	text-align:left;
}

td.spantitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.prev-next-links {
  height: 25px;
}
.PrevLink{
	float:left;
	padding: 10px 5px;
}

.NextLink{
	float:right;
	padding: 10px 5px;
}

.Footer {
  margin-top: 20px;
  background-color: #CCCCCC;
  text-align: center;
}

.SubTitle {
	font-size: 22px;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 90%;
  background: #eee;
}

.Text {
	text-align: justify;
	margin-bottom: 15px;
  width: 90%;
}

.Example {
	border: 2px solid #000000;
	margin-bottom: 15px;
	width: 90%;
}

.ExampleTitle {
  background: #000;
	color: #FFFFFF;
}

.ExampleContent {
	padding:10px;
}

td.ExampleContent {
	background-color:#FEE4C2;
	color:#995533;
	padding:10px;
}

td.ExampleAnswer {
    background-color:#FEE4C2;
    width:150px;
	overflow:hidden;
}

td.ExampleSound {
	width:200px;
	padding:10px;
	text-align:left;
}

p {
	text-align: justify;
}

.Spanish, .spanish {
	/* color:#FF0000; */
	color:#444;
}

.English, .english, .highlight {
	color:#0066CC;
}


table.ejercicio td.header {
  font-weight: bold;
}
table.ejercicio td input.a {
  width: 70px;
}


.nulengua-ad { width:125px; margin: 0 auto; }

/* ---------------------------------------------------------------------
		top search 
 ---------------------------------------------------------------------- */
.top-search { float:right; width:350px; margin: 15px 5px 0 0; padding:0;}
.top-search .search-box { width:205px; height:25px;padding:0; margin:0; border:solid 1px #aaa; overflow:hidden}
.top-search .search-box form { display:inline; }
.top-search .search-box form input { display:inline; height: 25px; padding:3px 3px; margin:0; font-size: 12px;}
.top-search .search-box form input#q { border:none; width: 143px; position:relative; top: -4px;}
.top-search .search-box form input.search-submit{ border:none;border-left:solid 1px #aaa; width:55px; height:25px; background: #e5e5e5;overflow:hidden; }



/* ------------------------------------------------------------------------------
         unification helpers
---------------------------------------------------------------------- */
.bottom fieldset p { line-height: 15px; font-size: 12px; margin: 5px 0 2px 0;}

/* ------------------------  icons ------------------------------ */
.tank-icon-green{height:29px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/tank_35x29.gif) no-repeat;margin:1px 2px;}
.star-icon-blue{height:30px; width:29px; background: url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -9px -10px no-repeat;margin:1px 2px;}
.star-icon-green{height:30px; width:29px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -9px -100px no-repeat;margin:1px 2px;}
.star-icon-orange{height:30px; width:29px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -9px -185px no-repeat;margin:1px 2px;}
.video-icon-blue{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -61px -8px no-repeat;margin:1px 2px;}
.video-icon-green{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -61px -98px no-repeat;margin:1px 2px;}
.video-icon-orange{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -61px -186px no-repeat;margin:1px 2px;}
.film-icon-blue{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -115px -8px no-repeat;margin:1px 2px;}
.film-icon-green{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -115px -98px no-repeat;margin:1px 2px;}
.film-icon-orange{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -115px -186px no-repeat;margin:1px 2px;}
.chat-icon-blue{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -162px -8px no-repeat;margin:1px 2px;}
.chat-icon-green{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -162px -98px no-repeat;margin:1px 2px;}
.chat-icon-orange{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -162px -186px no-repeat;margin:1px 2px;}
.pencil-icon-blue{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -213px -8px no-repeat;margin:1px 2px;}
.pencil-icon-green{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -213px -98px no-repeat;margin:1px 2px;}
.pencil-icon-orange{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -213px -186px no-repeat;margin:1px 2px;}
.paper-icon-blue{height:30px; width:28px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -260px -8px no-repeat;margin:1px 2px;}
.paper-icon-green{height:30px; width:28px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -260px -98px no-repeat;margin:1px 2px;}
.paper-icon-orange{height:30px; width:28px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -260px -186px no-repeat;margin:1px 2px;}
.network-icon-blue{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -8px -53px no-repeat;margin:1px 2px;}
.network-icon-green{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -8px -143px no-repeat;margin:1px 2px;}
.network-icon-orange{height:30px; width:33px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -8px -230px no-repeat;margin:1px 2px;}
.pencil-paper-icon-blue{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -64px -53px no-repeat;margin:1px 2px;}
.pencil-paper-icon-green{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -64px -143px no-repeat;margin:1px 2px;}
.pencil-paper-icon-orange{height:30px; width:30px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -64px -230px no-repeat;margin:1px 2px;}
.arrows-icon-blue{height:30px; width:40px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -110px -53px no-repeat;margin:1px 2px;}
.arrows-icon-green{height:30px; width:40px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -110px -143px no-repeat;margin:1px 2px;}
.arrows-icon-orange{height:30px; width:40px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -110px -230px no-repeat;margin:1px 2px;}
.puzzle-icon-blue{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -166px -55px no-repeat;margin:1px 2px;}
.puzzle-icon-green{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -166px -145px no-repeat;margin:1px 2px;}
.puzzle-icon-orange{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -166px -232px no-repeat;margin:1px 2px;}
.aa-icon-blue{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -212px -55px no-repeat;margin:1px 2px;}
.aa-icon-green{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -212px -145px no-repeat;margin:1px 2px;}
.aa-icon-orange{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -212px -232px no-repeat;margin:1px 2px;}
.briefcase-icon-blue{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -262px -53px no-repeat;margin:1px 2px;}
.briefcase-icon-green{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -262px -143px no-repeat;margin:1px 2px;}
.briefcase-icon-orange{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -262px -230px no-repeat;margin:1px 2px;}
.medical-icon-blue{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -263px -271px no-repeat;margin:1px 2px;}
.medical-icon-green{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -188px -271px no-repeat;margin:1px 2px;}
.medical-icon-orange{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -225px -271px no-repeat;margin:1px 2px;}
.camera-icon-blue{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -303px -7px no-repeat;margin:1px 2px;}
.camera-icon-green{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -303px -98px no-repeat;margin:1px 2px;}
.camera-icon-orange{height:30px; width:35px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -303px -185px no-repeat;margin:1px 2px;}
.download-icon{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -99px -271px no-repeat;margin:1px 2px;}
.help-icon{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -147px -269px no-repeat;margin:1px 2px;}
.info-icon{height:30px; width:32px; background:url(http://static.123teachme.com/images/icons/2010/icons_combined.png) -9px -271px no-repeat;margin:1px 2px; cursor:pointer;}

/********** orange-red-icons ******************/
.rss-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -4px -3px no-repeat;margin:1px 2px; cursor:pointer;}
.notebooks-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -53px 0px no-repeat;margin:1px 2px; cursor:pointer;}
.house-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -100px 0px no-repeat;margin:1px 2px; cursor:pointer;}
.kids-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -145px 0px no-repeat;margin:1px 2px; cursor:pointer;}
.or-pencil-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -5px -68px no-repeat;margin:1px 2px; cursor:pointer;}
.graduation-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -54px -68px no-repeat;margin:1px 2px; cursor:pointer;}
.numbers-icon{height:36px; width:36px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -104px -68px no-repeat;margin:1px 2px; cursor:pointer;}
.facebook-icon{height:16px; width:16px; background:url(http://static.123teachme.com/images/icons/2010/orange_red_icons.png) -161px -81px no-repeat;margin:1px 2px; cursor:pointer;}

.icon-list { text-align:left;padding:5px 15px;background:#eee;width:250px; }
.icon-list img { vertical-align: middle }

.overlay {
  padding: 20px;display:none;z-index:10000;background-color:#fff;width:675px;min-height:200px;border:1px solid #666;
  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 50px 5px #000;-webkit-box-shadow: 0 0 50px #000; box-shadow: 0 0 50px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
  background-image:url(http://static.123teachme.com/images/overlay/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;
}

.tooltip {
  padding: 10px 0 5px 10px;display:none;z-index:10000;background-color:#fff;width:650px;min-height:200px;border:1px solid #666;
  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;	
/*
	display:none;
	background:transparent url(http://static.123teachme.com/images/tooltip/white_big.png) no-repeat;
	font-size:12px;
	height:194px;
	width:370px;
	color:#111;	
*/
}
.tooltip div { margin:5px 20px 5px 10px; } 


/************************ home page ************************/
table.main-blocks td { font-size:11px;width:250px;padding:25px 5px; }
table.main-blocks td li { font-size:10px; line-height:13px; }
table.main-blocks h1 { font-weight:bold; font-size:13px; font-color: #000; }
table.main-blocks tr td h1 a{ font-weight:bold; font-size:13px; font-color: #000;text-decoration:none }
table.main-blocks tr td h1 a:hover { color:#999; }
table.main-blocks img { padding:3px;float:left; }

/***************** text icons **********************/
.text-img{
  font-size:64px;width:110px;height:110px;line-height:110px;  /* line-height same as height for vertical centering */
  padding:0 10px;text-align:center;
  text-decoration:none; color:#000; display:block;
  text-shadow: 2px 2px 3px #555;
}
.text-img-small{
  font-size:18px;width:80px;height:80px;line-height:75px;  /* line-height same as height for vertical centering */
  padding:0 10px;text-align:center;
  text-decoration:none; color:#000; display:block;
  text-shadow: 1px 1px 2px #555;
}
.text-img-multi{
  width:110px;height:110px;
  padding:0 5px;text-align:center;
  text-decoration:none; color:#000; display:block;
  text-shadow: 1px 1px 2px #555;
}
.aplus-text-img {
  font-family:Mistral,Kristen ITC,Impact,Herculanum,Trebuchet MS;
  font-size:84px;width:110px; height:110px; line-height:110px;  /* line-height same as height for vertical centering */
  padding:0 10px;text-align:center;color:#000;
  background: #fff;
  border:solid 1px #999;
  text-decoration:none; color:#000; display:block;
  text-shadow: 2px 2px 3px #555;
}
.drop-shadow { text-shadow: 2px 2px 3px #555; }


/**** prev and next ****/
.previous-and-next img { border:0; text-decoration:none; vertical-align:middle }
.previous-and-next a:hover {text-decoration:none;}
.previous-and-next a {text-decoration:underline;}

.source-attribution { float:right; text-align:center; width:540px; padding:2px; border:solid 1px #0b0; margin:0px; background:#E4F2D0; font-size:11px; }
.word-for { float:right;padding:15px 20px; margin:10px 50px 5px 5px; border-right:3px solid #ddd; border-left:3px solid #ddd;font-size:14px; }
.word-for img { vertical-align:middle }

.delete-button { font-size: 10px; padding:1px; display:inline; }
.delete-button form { display:inline; }
.delete-button form div { display:inline; }

/******************************** widgets **************************/
.w-div {border:1px solid black;padding:18px}
.w-screenshot {width:400px;}
.w-screenshotImg {width:400px;}
.w-desc {padding-right: 10px;vertical-align:top}

.w-ibox {width:170px;float:left;padding:10px;cursor:pointer;}
.w-iboxImgTd {text-align:center;width:170px;vertical-align:middle;height:150px;}
.w-iboxImgTd img {width:170px;}
.w-iboxLblTd {height:40px;text-align:center;font-weight:bolder}
.w-jbox {width:200px; height:220px; float:left;padding:10px 20px;cursor:pointer;text-align:center;}
.w-jbox img {width:200px;}