body {
        margin:0px 0px 0px 0px;
        padding:0px;
        font-size: 9pt;
        color:#000000;
        background-color:#AFD8E8;
        
      }

table {
        border:0px solid #A0C6D5;
        background-color:#A0C6D5;
        margin:1px;
        margin-left: auto;
        margin-right: auto;
}

.sitecolor
{
background-color:#AFD8E8;
}

.noborder
{
border:0px
}

.headercell 
{
background-color:#AFD8E8;
}

.center
{ 
text-align: center;
}

.main_lateral 
{
background-color:#91d5ff;
}

.main_center
{
vertical-align: top;
background-color:#AFD8E8;
}

.blanco_cell
{
background-color:#ffffff;
}


.grayish
{
background-color:#A0C6D5;
}

.logo_cell
{
background-color:#e7f3ff;
}

.pub_cell
{
vertical-align: top;
background-color:#AFD8E8;
width:18%;
}

.footer_text
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color:#000000;
text-align: center;
}

.footdiv
{ 
padding-top: 2px;
border-top: 1px solid #F0DDDA;

 }

.novedades
{
background-color:#E7F4FF;
font-size: 9px;
}

.nov_header
{
width:25%;
background-color:#A0C6D5;
text-align: center;
}

.indent_me
{ 
text-indent: 10px
}

.elt_list
{
width:25%;
background-color:#A0C6D5;
text-align: center;
font-size: 8px;
}

.written_search
{
width:33%;
background-color:#E7F4FF;
font-size: 8px;
vertical-align: top;
}

.written_intro
{
background-color:#A0C6D5;
}

.side_cells
{
vertical-align: top;
}

/* div styles */

.free-exer
{
background-color:#e7f3ff;
font-family: sans-serif;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px;
padding-top: 30px;
width:75%;
min-width:400px;
align: center;
}

.recommend
{
background-color:#6c80a6;
font-family: sans-serif;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px;
padding-top: 30px;
width:75%;
min-width:400px;
align: center;
}

.choice-table
{
border:1px solid #6c80a6;
background-color:#e6f2ff;
margin:1px;
margin-left: auto;
margin-right: auto;
}

/* fonts n'stuff for free-text exercises */

.wine
{
font-family: sans-serif; 
color:#990000;
background-color:#FFCC99
}

.submit1
{
text-align: right;
background-color: #6c80a6;
}

.recommend-text
{
color:#ffffff;
}

.recommend-links
{
color:#ffff00;
font-weight: bold;
}

/* For navigation light-up buttons */

.navbutcell 
{
background-color:#6c80a6;
padding:2px;
text-align: center;
font-size: 9pt; 
font-weight: bold;

}

.navbutlink
{
text-decoration: none; 
color: #FFFF33;

}

/* login button */

.login-but
{
border: 1px ridge #000000;
background-color: #f9f4e9;
color: #000000;
font-size: 8pt;
font-family: Lucida, Arial;
}

/* for recommended sentences page */

.sent-list
{
border: 1px solid #FFFFFF;
margin: 10px;
margin-left: auto;
margin-right: auto;
width: 98%;
background-color: #e7f3ff;
}

.result-header1
{
vertical-align: top; 
font-weight: bold; 
background-color: #6c80a6;
}

.altern1
{
background-color: #e7f3ff;
}

.altern2
{
background-color: #D8E3EF;
}

.canary
{
font-weight: bold; 
color: #EEEE00;
}

.wine-header
{
color:#990000;
font-weight: bold;
text-align: center;
}


/* ////////////////// */
/* user area styles */
/* ///////////////// */

#container {
width: 100%;
margin: auto;
padding:1;
display: table;
border: 1px solid black;
}

#row  {
display: table-row;
   }

#left {
	width:150px;
	padding:1em;
	background: #e6f2ff;
	display: table-cell;
	}

#right {
	width:150px;
	padding:1em;
	background: #e6f2ff;
        display: table-cell;
	}

#middle {
	padding: 1em;
	background: #AFD8E8;
        display: table-cell;
	}

.user-top-mid
{
background-color:#a0c6d5;
font-family: sans-serif;
top: 0px; 
left: 0px; 
width:90%;
min-width:400px;
align:center;
border: 1px solid #6c80a6;
}

.user-mid-mid
{
background-color:#c8e0f4;
font-family: sans-serif;
top: 0px; 
left: 0px;
width:90%;
min-width:400px;
align:center;
border: 1px solid #6c80a6;
}

.user-bottom-mid
{
background-color:#e6f2ff;
font-family: sans-serif;
top: 0px; 
left: 0px;
width:90%;
min-width:400px;
align:center;
border: 1px solid #6c80a6;
}

.user-top-sides
{
background-color:#a0c6d5;
font-family: sans-serif;
top: 0px; 
left: 0px; 
width:90%;
min-width:150px;
align:center;
border: 1px solid #6c80a6;
}

.voc-list
{
background-color:#a0c6d5;
font-family: sans-serif;
top: 0px; 
left: 0px; 
width:90%;
min-width:400px;
align:center;
padding: 1em;
}

.user-top-hdr
{
background-color:#fff4e5;
padding:2px;
}

.user-mid-hdr
{
background-color:#f2e7d9
}

.user-bottom-hdr
{
background-color:#e6dccf
}

.user-grammar-data
{
padding: 5px;
}

.over
{
padding: 5px;
border: 1px solid #6c80a6;
background-color:#e6f2ff
}

.out
{
padding: 5px;
border: 1px;
}

.plum
{
font-family: sans-serif; 
color:#993300;
}


.flashcard-nav 
{
background-color:#6c80a6;
width: 50%
padding:2px;
text-align: center;
font-size: 9pt; 
font-weight: bold;

}

/* for sample lesson pages */

.bold-black
{
color:#000000;
font-weight: bold;
}

.sample-links
{
background-color:#e7f3ff;
font-family: sans-serif;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px;
padding-top: 30px;
width:85%;
min-width:400px;
align:center;
}

.sample-links2
{
background-color:#c8e0f4;
font-family: sans-serif;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px;
padding-top: 30px;
width:85%;
min-width:400px;
align:center;
}

.sample-shot
{
background-color:#AFD8E8;
font-family: sans-serif;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px;
padding-top: 30px;
width:85%;
min-width:400px;
align:center;
}

.written-print-hdr
{
color: white; 
font-size: 14pt;
}


/* sentence project pages */

.not-found-box
{
width: 50%; 
background-color: #A0C6D5; 
border: 2px dotted #000000; 
padding: 5px; 
margin: 0px auto;
}


div.buscar
{
width: 70%; 
background-color: #f9f4e9; 
border: 2px solid #6c80a6; 
padding: 5px; 
margin: 0px auto;
text-align: center;
}


/* table on sentence page */

.sentpage
{
background-color:#e7f3ff;
width:100%;
}

.sentads
{
background-color:#A0C6D5;
width:20%;
align:center;
border: 1px solid #6c80a6;
}

.sentmain
{
background-color:#c8e0f4;
width:80%;
align:center;
border: 1px solid #6c80a6;
}

/* for new english lessons */

.resumen
{
background-color:#A0C6D5;
width:50%;
text-align:left;
border: 1px solid #6c80a6;
}


/* for flash presentations (like food_voc) */

.flashframe

{
background-color:#e7f3ff;
text-align: center;
margin: 0 auto; 
width:600px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;

}

/* ******************************************** */
/* for free-form php exercise (eg. test1.php) */
/* ******************************************** */

/* for divs in free-form exercises */

.free-pack
{
text-align: left; 
margin: 1em auto; 
width: 90%;
background-color: #E7F3FF;
layer-background-color: #E7F3FF;
padding: 30px;
}

.free-result
{
text-align: left; 
width: 70%; 
height: auto;
background-color: #A9D0F5;
layer-background-color: #A9D0F5;
border: 1px solid #585858; 
padding: 10px;
}

.free-dudas
{
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
width: 80%; 
border: 1px dotted #990000; 
padding: 5px;
}

.free-thief
{
background-color: #BC2C2C;
layer-background-color: #BC2C2C;
width: 70%; 
border: 1px dotted #FFFFFF; 
padding: 10px;
}

.free-blank
{
background-color: #2E2E2E;
layer-background-color: #2E2E2E;
width: 70%;
border: 1px dotted #D8D8D8; 
padding: 10px;
}

.free-wrong
{
background-color: #F5D0A9;
layer-background-color: #F5D0A9;
}

.free-right
{
background-color: #A9F5A9;
layer-background-color: #A9F5A9;
}

.free-no-id
{
text-align: left; 
margin: 1em auto; 
width: 60%; 
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
padding: 5px;
}

/* text styles  */

.free-warn
{
color: #FFFFFF;
}

.noid-en
{
color: #000080; 
font-size: 8pt;
}

.noid-es
{
color: #990000; 
font-size: 8pt;
}