BODY {background:#FFFFFF; margin: 20px 0px 0px 0px; font-family:Arial; }
TABLE, DIV, IMG, FORM {margin:0; padding:0; border:0;}

A {color:blue;text-decoration:none;}
A:link {text-decoration:none;}
A:hover {text-decoration:underline;}
A:active {text-decoration:none;}
A:visited {text-decoration:none;}
A:visited:hover {text-decoration:underline;}

.divTopBar {background:#66CDAA; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; text-align:left;}
.divTopBar P {padding:5px 0px 5px 0px; font-size:20px; font-weight:bold; color:#FFFFFF;}
.divTopBar SPAN.nav {margin:0; padding:5px 0px 5px 20px; font-size:12px; color:#FFFFFF; font-weight:normal;}

.thumbnailForm {margin:0px !important;}
.thumbnailForm .text_input {width:250px;}

/* various pages */

#divSmallOptions {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#EEEEEE;}
#tableSmallOptions {margin:0px 0px 0px 23px;}
#tableSmallOptions DIV.smallOptions {font-size:11px; padding:5px 40px 5px 0px; line-height:150%; }

#tableMain {margin:20px 20px 0px 23px;}
#tableMain h1 {margin:0; padding:0; font-size:13px; color:#111111; font-weight:normal;}
#tableMain h2 {margin:0px 0px 6px 0px; padding:0; font-size:12px; color:#54AD8F; font-weight:bold;}
#tableMain h3 {margin:0px 0px 15px 0px;padding:0px 0px 4px 0px; font-size:16px; color:#54AD8F; font-weight:bold; border-bottom:solid 2px #EEEEEE;}
#tableMain HR {margin:0px 0px 0px 0px; padding:0; background:#54AD8F; color:#66CDAA; border:0; height:2px;}
#tableMain TD.left  {vertical-align:top; padding:0px 30px 0px 0px;}
#tableMain TD.right {vertical-align:top; padding:0px 20px 0px 0px;}
#tableMain TD.add  {vertical-align:top; padding:0px 40px 0px 0px; width:300px;}
#tableMain TD.existing {vertical-align:top; text-align:left; padding:0px 0px 0px 0px; }
#tableMain DIV.dark  {background:#66CDAA; padding: 0px 0px 0px 0px; color:#FFFFFF; font-weight:normal; font-size:12px;}
#tableMain DIV.light {background:#FFFFFF; padding: 8px 8px 8px 0px; color:#222222; font-weight:normal; font-size:12px;}
#tableMain FORM {margin:8px 8px 8px 8px;}
#tableMain TD.field     {padding: 0px 0px 6px 0px; color:#FFFFFF; font-size:13px; width:10px; white-space:nowrap;}
#tableMain TD.fieldDark {padding: 0px 0px 6px 0px; color:#222222; font-size:13px; width:10px; white-space:nowrap;}
#tableMain TD.value {padding: 0px 0px 6px 10px;}
#tableMain TD.value INPUT.text {border:solid 1px #AAAAAA; width:100%;}
#tableMain TD.error {padding: 8px 0px 0px 0px; font-size:13px; font-weight:bold; color:red;}
#tableMain TD.button {text-align:center;}
#tableMain DIV.button {margin:20px 0px 0px 0px; text-align:center;}
#tableMain .tableSignup {width:100%;}
#tableMain .required {color:red;}
#tableMain TD.option {text-align:right; padding:0px 30px 0px 0px; background:#FFFFFF; font-size:10px;}
#tableMain DIV.botOptions {width:270px; background:#FFFFFF; text-align:right;padding:5px 0px 0px 0px;font-size:10px;}

INPUT.front       {color:#4D6D6D; background:#EEEEEE; padding:5px 20px 5px 20px; font-weight:bold;}
INPUT.frontMedium {color:#4D6D6D; background:#DDDDDD; padding:1px 10px 1px 10px; font-weight:bold;}
INPUT.frontSmall  {color:#4D6D6D; background:#DDDDDD; font-size:11px; padding:0px 0px 0px 0px; margin:6px 0px 0px 0px; font-weight:normal;}

.tableExisting {width:100%; margin:7px 0px 10px 0px;}
.tableExisting TD {padding:0px 0px 0px 0px; font-size:12px; font-weight:normal; color:#111111; line-height:150%;}
.tableExisting TD.existing_options {white-space:nowrap;}
.tableExisting TD.header {padding:0px 0px 10px 0px;}
.tableExisting TD.options {padding-right:10px; width:10px; white-space:nowrap;}
.tableExisting TD.title {padding-top:1px; width:56px; padding:0px 6px 0px 0px;}

SMALL {font-size:10px;}
ALERT {color:#DD5050;}

/* essay */

.hidden    {display:none;}

#tableAdminTags {
  position:absolute; top:10px; left:10px; z-index:9; background:#FAF9DC; margin:0;
  border-left:solid 1px #AAAAAA; border-top:solid 1px #AAAAAA; border-bottom:solid 1px #555555; border-right:solid 1px #555555;
}
#tableAdminTags TD {font-size:12px; color:#333333; }
#tableAdminTags TD.main {padding: 3px 5px 8px 5px; vertical-align:top;width:220px;}
#tableAdminTags P {margin: 0px 0px 4px 0px;}
#tableAdminTags #lexiaTags  {height:226px; overflow:auto; overflow-x:hidden; margin:4px 0px 2px 0px; padding:3px 3px 3px 3px; background:#FFFFFF;}
#tableAdminTags #systemTags {height:166px; overflow:auto; overflow-x:hidden; margin:4px 0px 2px 0px; padding:3px 3px 3px 3px; background:#FFFFFF;}
#tableAdminTags INPUT.text  {border:solid 1px #999999; margin: 8px 3px 3px 1px; color:#666666; width:184px; padding-left:4px;}
#tableAdminTags INPUT.button {border:solid 1px #999999; width:30px; margin: 8px 0px 3px 0px; color:#666666;}
#tableAdminTags INPUT.cb     {display:inline;}
#tableAdminTags A {color:#6464B5;}

#tableAdminAuthors {
  position:absolute; top:10px; left:10px; z-index:9; background:#FAF9DC; margin:0;
  border-left:solid 1px #AAAAAA; border-top:solid 1px #AAAAAA; border-bottom:solid 1px #555555; border-right:solid 1px #555555;
}
#tableAdminAuthors TD {font-size:12px; color:#333333; }
#tableAdminAuthors TD.main {padding: 3px 5px 8px 5px; vertical-align:top;width:220px;}
#tableAdminAuthors P {margin: 0px 0px 4px 0px;}
#tableAdminAuthors #documentAuthors  {height:180px; overflow:auto; overflow-x:hidden; margin:4px 0px 2px 0px; padding:3px 3px 3px 3px; background:#FFFFFF;}
#tableAdminAuthors #systemAuthors {height:180px; overflow:auto; overflow-x:hidden; margin:4px 0px 2px 0px; padding:3px 3px 3px 3px; background:#FFFFFF;}
#tableAdminAuthors INPUT.text  {border:solid 1px #999999; margin: 8px 3px 3px 1px; color:#666666; width:184px; padding-left:4px;}
#tableAdminAuthors INPUT.button {border:solid 1px #999999; width:30px; margin: 8px 0px 3px 0px; color:#666666;}
#tableAdminAuthors INPUT.cb     {display:inline;}
#tableAdminAuthors A {color:#6464B5;}

/* this is a hack to supprt position:fixed in IE 5+ */
/* this page has it all figured out: http://www.howtocreate.co.uk/fixedPosition.html */
#divAddNewLexia  {
  width:213px; position:absolute;  height:450px; overflow:auto; z-index:7;
  left: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 90 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
body > #divAddNewLexia {position:fixed; top:90px; left:20px;}

#divAddNewLexia DIV {width:190px; margin: 0px 3px 0px 0px; font-size:12px; color:#696969;}
#divAddNewLexia DIV#nav_listoftitles {margin:0px 0px 10px 0px;}
#divAddNewLexia DIV H1 {font-size:22px; color:#B4B4B4; margin:0px 0px 8px 0px; padding:0;}
#divAddNewLexia DIV H2 {font-size:16px; color:#B4B4B4; margin:0px 0px 14px 0px; padding:0;}
#divAddNewLexia DIV P              {font-size:14px; margin:0px 0px 8px 0px; padding:0; font-weight:normal;}
#divAddNewLexia DIV P.collapsed    {font-size:13px; margin:0px 0px 8px 0px; padding:0; font-weight:normal;}
#divAddNewLexia DIV P.collapsed A  {color:#8B8BB0;}
#divAddNewLexia DIV.inputs {margin:0px 0px 0px 0px; white-space:nowrap;}
#divAddNewLexia DIV INPUT.text   {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%; padding-left:4px;}
#divAddNewLexia DIV SELECT       {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%;}
#divAddNewLexia DIV INPUT.button {border:solid 1px #999999; margin: 3px 0px 3px 0px; color:#666666; float:right;}
#formAddNewLexia {width:190px; border-top:solid 1px #AAAAAA; margin:12px 0px 0px 0px; padding:8px 0px 0px 0px; font-size:12px; color:#696969;}
#formAddNewLexia DIV.inputs {margin:0px 0px 0px 0px; white-space:nowrap;}
#formAddNewLexia SELECT#selectAddLexiaParent {width:190px;}
#formAddNewLexia DIV INPUT.button {border:solid 1px #999999; margin: 3px 0px 3px 0px; color:#666666; float:right;}
#formAddNewLexia DIV INPUT.text   {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%; padding-left:4px;}
#formAddNewLexia DIV SELECT       {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%;}


.tableGlobal   {margin:10px 0px 10px 0px; width:100%;}
.tableGlobal .essayMsg {
  margin:0px 0px 3px 20px; background:#FFFFFF; padding: 5px 5px 3px 10px; font-size:12px; color:#666666; font-weight:normal;
	border-top:solid 1px #DDDDDD; border-left:solid 1px #DDDDDD; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;
}
.tdGlobalLeft  {vertical-align:top; width:230px; padding:0px 0px 0px 0px;}
.tdGlobalLeft DIV {width:207px;}
.tdGlobalLeft DIV {margin: 0px 3px 0px 20px; font-size:12px; color:#696969;}
.tdGlobalLeft DIV#nav_listoftitles {margin:0px 0px 10px 0px;}
.tdGlobalLeft DIV H1 {font-size:22px; color:#B4B4B4; margin:0px 0px 8px 0px; padding:0;}
.tdGlobalLeft DIV H2 {font-size:16px; color:#B4B4B4; margin:0px 0px 14px 0px; padding:0;}
.tdGlobalLeft DIV P              {font-size:14px; margin:0px 0px 8px 0px; padding:0; font-weight:normal;}
.tdGlobalLeft DIV P.collapsed    {font-size:13px; margin:0px 0px 8px 0px; padding:0; font-weight:normal;}
.tdGlobalLeft DIV P.collapsed A  {color:#8B8BB0;}
.tdGlobalLeft DIV.inputs {margin:0px 0px 0px 0px; white-space:nowrap;}
.tdGlobalLeft DIV INPUT.text   {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%; padding-left:4px;}
.tdGlobalLeft DIV SELECT       {border:solid 1px #999999; margin: 3px 3px 3px 0px; color:#666666; width:100%;}
.tdGlobalLeft DIV INPUT.button {border:solid 1px #999999; margin: 3px 0px 3px 0px; color:#666666; float:right;}
.tdGlobalRight {padding:0px 40px 0px 0px;vertical-align:top;}

#formEssay        {}
.divSheet         {font-family:Courier New; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border-right:solid 1px #CCCCCC;}
.tableSheet       {width:100%; }

.tableSheet #topBufferLeft    {height:15px;}
.tableSheet #topBufferOptions {border-top:solid 1px #DDDDDD; background:#FFFFFF; border-left:solid 1px #DDDDDD;}
.tableSheet #topBufferRight   {border-top:solid 1px #DDDDDD; background:#FFFFFF;}

.tableSheet #botBufferLeft    {height:15px;}
.tableSheet #botBufferOptions {border-bottom:solid 1px #CCCCCC; background:#FFFFFF; border-left:solid 1px #DDDDDD;}
.tableSheet #botBufferRight   {border-bottom:solid 1px #CCCCCC; background:#FFFFFF;}

/* editable areas */

TEXTAREA.full      {width:100%; height:300px;}
TEXTAREA.edit_content   {font-family:Courier New; border:solid 1px #AAAAAA; width:100%; margin:0px 0px 0px 0px; font-size:11px; color:#555555; line-height:133%;}
INPUT.edit_content      {font-family:Courier New; border:solid 1px #AAAAAA; width:100%; margin:0px 0px 0px 0px; font-size:11px; color:#555555; line-height:133%;}
INPUT.contentRight {text-align:right; font-family:Courier New; border:solid 1px #AAAAAA; width:100%; margin:0px 0px 0px 0px; font-size:11px; color:#555555; line-height:133%;}
INPUT#input_h1_title {text-align:right;}
INPUT#input_h1_subtitle {text-align:right;}

/* sheet cells */

.divSheet .globalOptions     {vertical-align:top; text-align:right; padding:5px 0px 0px 0px; font-size:10px; width:20px; font-family:Arial;}
.divSheet .globalOptionsMo   {vertical-align:top; text-align:right; padding:5px 0px 0px 0px; font-size:10px; width:20px; font-family:Arial;}
.divSheet .globalOptions A   {padding-right:5px; color:#B0B0DD; visibility:hidden; font-size:12px; font-family:Helvetica; font-weight:bold;}
.divSheet .globalOptionsMo A {padding-right:5px; color:#B0B0DD; visibility:visible; font-size:12px; font-family:Helvetica; font-weight:bold;}

.divSheet .options     {width:34px; border-left:solid 1px #DDDDDD; background:#FFFFFF; vertical-align:top; text-align:left; padding:9px 0px 0px 6px; font-size:10px; font-family:Arial;}
.divSheet .optionsMo   {width:34px; border-left:solid 1px #DDDDDD; background:#EEEEEE; vertical-align:top; text-align:left; padding:9px 0px 0px 6px; font-size:10px; font-family:Arial;}
.divSheet .options A   {color:#B0B0DD; visibility:hidden;}
.divSheet .optionsMo A {color:#B0B0DD; visibility:visible;}

.divSheet .tags       {font-size:11px; padding: 4px 40px 4px 0px; white-space:nowrap; text-align:right; background:#FFFFFF;}
.divSheet .tags A     {white-space:nowrap; color:blue;} /* old: #8D8DCE */

.divSheet TD.left     {text-align:left;}

.divSheet .content       {font-weight:normal; font-size:11px !important; color:#000000; background:#FFFFFF; padding: 8px 40px 8px 0px;}
.divSheet .contentMo     {font-weight:normal; font-size:11px; color:#000000; background:#EEEEEE; padding: 8px 40px 8px 0px;}
.divSheet .contentInd    {font-weight:normal; font-size:11px; color:#000000; background:#FFFFFF; padding: 8px 40px 8px 20px;}
.divSheet .contentIndMo  {font-weight:normal; font-size:11px; color:#000000; background:#EEEEEE; padding: 8px 40px 8px 20px;}

.divSheet .content P, .divSheet SPAN {font-size:11px !important;}

.divSheet TD.heading   {font-weight:bold; padding-top:4px; padding-bottom:4px;}                       /* stacks on .content */
.divSheet TD.headingMo {font-weight:bold; padding-top:4px; padding-bottom:4px; background:#EEEEEE;}   /* stacks on .content */

.divSheet A.content    {color:#555555; text-decoration:none;}

.divSheet .lineBuffer  {font-size:1px; overflow:hidden; height:5px; background:#FFFFFF;}

/* force image width */
.divSheet IMG {width:200px !important; text-align:left !important;}