body {
	/*background-image: url(tile4.gif); */
	background-color: #ffffff;
	color: #6e6e6e;
	font-family: "Trebuchet MS", arial, helvetica;
	margin : 0px;
}

/* languages */
.zh, .ar, .hi {
        display: none;
}

.logo a:hover {
	text-decoration: none;
}
.logo-domain {
	color: #2E8885;
	font-size: 250%;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
.logo-tld {
	font-size: 150%;
	color: #6e6e6e;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
.logo-tagline {
	font-size: smaller;
}

body.free #main {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	margin: 1em;
	/* border: 2px outset #666; */
	/*background-color: #B2C8E0; */
}

#top {
/*	background-image: url(gradient.gif);
	background-repeat: repeat-y; */
	padding-left: 1em; padding-right: 1em;
}

#top img.ctrl-icon {
	height: 32px;
	width: 32px;
}
#links {
    padding-bottom: 8px;
}


.mainbutton ,.mainbutton:visited{
	background-color: #2E8885;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #535252;
	display: inline-block;
	color: #f4fff2;
	padding:6px 16px;
	text-decoration:none;
	margin-top: 1em;
	margin-bottom: 5px;
}

.mainbutton:hover {
	color:#f4fff2;
}




#account {
    border: thin solid #666;
    padding: 2px;
    font-size: 85%;
    background-color: #B2C8E0;
    margin-right: 1em;
   }
#account input {
    font-size: 8pt;
  /*  background-color: #fefecb; */
    }
#account h2 {
    margin: 0px;
    }
#account td {
/*   margin-right: 1em; */
  }
#account ul {
    margin: 5px;
    padding-left: 1em;
    }
#terms-conditions {
    white-space: normal;
    background-color: white;
    padding: .5em;
    border: thin solid black;
    }
#create-message {
    font-size: 95%;
    border: thin dashed #666;
    padding: 8px;
    margin: 1em;
}
#account ul.tabmenu {
    text-align: center;
    }
#legend table{
    /*background-color: #DCE6F1;*/
}
#legend td {
    font-size: 85%;
    text-align: center;
    /*border: thin dashed #ccc; */
    padding: 2px;
    line-height: 1.3;
   }
#abovecontent {
	background-image: url(gradient2.gif);
	background-repeat: repeat-x;
}
#intro {
    padding-top: 1em;
    text-align: center;
    color: #333;
    font-size: 95%;
}
#announcement, .announcement, .error {
    margin: 1em;
    border: thin solid red;
    background-color: #ffc;
    color: black;
    padding: 5px;
}

.linktop {
    text-align: right;
    font-size: 75%;
    }
    
#faq {
    text-align: left;
    padding: 1em;
}
.blurb {
    font-size: 85%;
    text-align: justify;
    padding-right: 8px;
   }
#ethics {
    font-size: 90%;
    text-align: center;
    font-style: italic;
   }
#news {
    font-size: 90%;
	color: #555;
	padding-bottom: 8px;
	text-align: left;
}
#news .label {
	font-style: italic;
}

.extras h3 {
    margin: 0px;
    padding: 5px;
    font-style: italic;
    background-color: #c2d8f0;
    font-family: 'trebuchet ms', roman, 'times new roman', times, serif;
    float: left;
    margin-right: 8px;
}

.news, .tip {
    font-size: 85%;
	padding-bottom: 8px;
	padding: 8px;
}

#content {
    padding-left: 1em;
    padding-right: 1em;
}

.verticalform {
    margin-top: 8px;
    margin-bottom: 8px;
 }

#editor {
	/*border: 2px inset #999;*/
}

form {margin: 0px; padding: 0px;}

td.submit {
	padding-left: 1em;
	/* text-align: right; */
}
#aboveeditor {
	text-align: right;
}
#typedText {
	width: 100%;
	height: 200px;
}
.spellcheckpluspro #typedText, .bonpatronpro #typedText, .spanishcheckerpro #typedText {
    height: 250px;
}
.accents, .opts  {
	font-size: 85%;
}
.diacritics-icon {
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 1px solid #eee;
	padding:2px;
}
.diacritics-icon:hover {
	background-color: yellow;
}
.opts {
    white-space: nowrap;
	font-size: smaller;
   }
#functs {
    text-align: right;
    line-height: 1.7em;
}
#functs li {
    margin-left: 1em;
    color: blue;
    white-space: nowrap;
}
#functs li:first-child {
    margin-left: 0px;
}
    
#summarycontainer {
    margin: 1em;
}
#summarycontainer > div:nth-child(2) {
	margin-top: 1em;
}

.summaryerror {
    color: red;
    font-style: italic;
  }


h1 {font-size: 115%; font-weight: bold; text-align: center;
	padding: 10px; border: 5px double white;
	background-color: #2E8885;color:white;}
h2, .h2 {font-size: 110%; font-weight: bold; text-align: center;
	padding: 3px; border: thin solid white;
	background-color: #2E8885; color:white;}
a, a:link {text-decoration: none;}
a:hover {text-decoration: underline; color:red; }

body,textarea {font-family: arial, helvetica;}
#logo p {font-size: smaller;}

#news h2 {font-size: medium; font-weight:bold; font-family: garamond; margin-bottom: 1em; border-bottom: thin solid #999; }
#news ul {font-size: smaller; margin-top: 0;}
#news ul li {margin-bottom: .5em;}

/*** TABBED MENU ***/
#links {
	text-align: center;
}
.tabmenu {
    margin: 0px;
}
ul.tabmenu {
    margin: 0px;
    padding: 0px;
}
.tabmenu li:hover, .tabmenu .selected, #functs li:hover  {
	background-color: white;
}
.tabmenu li:hover, #functs li:hover  {
    color: red;
    cursor: pointer;
 }
 
.tabmenu li {
	display: inline;
	margin: 2px;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #DCE6F1;
	border: thin solid #999;
	margin-top: .5em;
	margin-bottom: 1em;
	font-size: 90%;
	white-space: nowrap;
	line-height: 1.7em;
}
.tabmenu a {
	color: blue; text-decoration: none;
}

#ads {
    min-width: 200px;
    }
    
.spellcheckpluspro #ads, .bonpatronpro #ads, .spanishcheckerpro #ads {
    display: none;
}

/*** FEEDBACK ***/
#feedback {
    text-align: center;
/*
	width: 310px;
	margin-right: 1em;
    padding-right: 1em;
	margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;
*/
}

/*** GOOGLE ADS ***/
#feedback {
/*	text-align: right;*/
	font-size: 85%;
}

#toggleEditors {
    margin-top: 8px;
    margin-bottom: 8px;
    font-style: italic;    
    font-size: 85%;
    text-align: center;
    
   }
/*** BOTTOM INFO ***/
table.bottominfo {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	color: #333;
	font-size: 90%;
}
table.bottominfo td {
	text-align: center;
	font-size: smaller;
	/*background-color: #6B8DB8;*/
}

.bottominfo .links a, .bottominfo .links a:visited {
	color: blue;
	decoration: none;
}
.bottominfo links a:hover {
	color: red;
}

/* no interface language selection, so center */
.spellcheckplus .copyright, .spellcheckpluspro .copyright {
	text-align: center;
}
.copyright a {
	color: #333; text-decoration: none; border-bottom: thin dashed #B2C8E0;
}
.copyright a:hover {
	color: white;
	border-bottom: thin dashed white;
}
#langselect {
    display: inline;
    padding-left: 0px;
}
#langselect li:first-child {
   margin-left: 0px;
}

#langtoolresults table table thead {background-color: #ffc; text-align: center; font-weight: bold}
#langtoolresults table table {background-color: #efefef; border: thin solid #eee; margin: .3em;}
#langtoolresults table td {padding: 4px;}
#langtoolresults {font-size: smaller;}
#langtoolresults h1 {
	color: #2E8885;
	background-color: inherit;
	border: none;
	border-bottom: thin solid #eee;
}

#noajaxtext, .mceContentBody {line-height: normal; font-size: 12pt;}
#noajaxtext, .mceContentBody span {cursor: help;}
#noajaxtext {height: 10em; overflow: scroll; background-color: white;}

.pseudospace {
	font-size: 1pt;
}

body.pop #top, body.pop #belowmain, body.pop #intro {display: none;}
body.pop #belowads {
    text-align: center;
    margin-top: 1em;
}

div.form-element {padding-left: 1em; margin-top: .5em; margin-bottom: .5em;}
div.form-element div:first-child {display: list-item;}

#quickfacts p {
    font-size: smaller; margin:0; padding: 0; white-space: pre;
}

.text_wide_rectangle .nc_ad_span {
	padding: 2px;
	background-color: #DCE6F1;
	border: thin solid #ccc;
}

.inlinetip {
	font-size: smaller;
	
}

sup {font-size: smaller;}
img {border: none;}

#help-container {
/*	display: none;
*/}
#help-container li {
}
.top-ctrl-container {
	position: absolute;
	top: 80px;
	right: 42px;
}
.ctrl-container {
	z-index: 3;
	background:#efefef;
	box-shadow: 4px 4px 3px 0px #676767;
	margin: 0;
	padding: 10px;
}
.ctrl-container h3 {
	margin: 0;
}
.ctrl-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ctrl-container .button {
	margin: 5px;
	background-color: #2E8885;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 1px solid #535252;
	display: block;
	color: #f4fff2;
	padding:4px;
	white-space: nowrap;
}

.ctrl-container li, .ctrl-container a.button {
		color: #f4fff2;
}
.ctrl-container a {
		color: blue;
}


#useroptions{
display:hidden!important;
padding:10px;
top:40px;right:0px;position:absolute;z-index:3;width:150px;height:70px;
}

#usermenu{
display:inline;float:right;height:30px;
}

#usermenu li{
display:inline;float:right;height:30px;width:30px;
}

#usermenu li img{
display:block;
margin:6px auto;
}

.shadowbox{
background:#efefef;
box-shadow: 4px 4px 3px 0px #676767;
}

/* GUIDE */
div.guide table:not(.guide-nav):not(.nostyle)  {
	border: thin solid #aaa;
	border-radius: 10px;
	margin-left: 2em;
}
div.guide table:not(.guide-nav):not(.nostyle) td {
	padding: 2px;
	white-space: nowrap;
	border-right: thin solid #ccc;
	border-bottom: thin solid #ccc;
}
div.guide table:not(.guide-nav):not(.nostyle) tr:first-child td {
	background-color: rgba(51,153,153, .1);
	text-align: center;
}
div.guide table:not(.guide-nav):not(.nostyle) td:last-child {
	border-right: none;
}
div.guide table:not(.guide-nav):not(.nostyle) tr:last-child td {
	border-bottom: none;
}
div.guide table.wide td {
	white-space: initial;
}
div.guide .cor { 
	background-color: rgba(51,153,153, .1);
	color: black;
}
div.guide div.cor {
	display: table-cell;
	background-color: rgba(51,153,153, .1);
	padding: 3px;
        border: thin solid #aaa;
        border-radius: 10px;
}
div.guide .ver, div.guide .mod, div.guide .spellver, div.guide .spellmod, div.guide .cor {
	margin: initial;
}
h1.guide-title {
/*	font-family: Rockwell;*/
	padding-bottom: 0;
	padding-top: 0;
	background-color: initial;
	color: initial;
	font-size: xx-large;
}
div.guide h1 {
	font-size: xx-large;
	padding-top: none;
	color: black;
	background-color: #efefef;
	border-radius: 10px;
	border: 1px solid #aaa;
}
div.guide h1.guide-title {
	padding-bottom: none !important;
}
div.guide h2 {
	padding-top: none;
	color: black;
	border: initial;
/*	border-bottom: 1px solid #aaa;*/
	background-color: initial;
}
div.guide h3 {
	text-align: left;
	background-color: none;
	border-bottom: thin dotted black;
	padding-bottom: 2px;
}
.guide {
	margin-right: 100px;
}
/*
.guide-nav {
	margin-left: 0;
	padding: 1em;
	right: 3em;
	top: 260px;
	position: fixed;
	background-color: white;
}*/
.guide h2 {
	text-align: left;
}
.guide h2.nav {
	color: black;
	padding: 5px;
	border-bottom: thin dotted rgba(0,0,0,.5);
}
.guide h2:not(.nav) {
	background-color: initial;
	border: initial;
/*	border-bottom: thin solid black;*/
}
.guide .compact {
	float: left;
	background-color: rgba(0,0,0,.05);
	border-radius: 10px;
	border: thin solid rgba(0,0,0,.05);
	width: 200px;
	margin: 1em;
	padding: .5em;
}

.testAnswerWrong {
	border: thin solid red;
}

.exs {
	color: green;
	border-bottom: thin dotted green;
	font-style: italic;
}

a.phoneticsplay {
	width: 24px;
	height: 24px;
	background-image: url("../images/volume.gif");
	display: inline-block;
}

.guidetoc {
	display: inline-block;
	text-align: center;
	margin: 2em;
	max-width: 100px;
	vertical-align: top;
}
body.menu .guidetoc {
	max-width: 200px;
}
.guidetocimg {
	background-size: cover;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.guidetocimg.verbs {
	background-image: url("../images/guide/verbs.png");
}
.guidetocimg.adverbs {
	background-image: url("../images/guide/adverbs.png");
}
.guidetocimg.conjunctions {
	background-image: url("../images/guide/conjunctions.png");
}
.guidetocimg.nouns {
	background-image: url("../images/guide/nouns.png");
}
.guidetocimg.determiners {
	background-image: url("../images/guide/determiners.png");
}
.guidetocimg.adjectives {
	background-image: url("../images/guide/adjectives.png");
}
.guidetocimg.prepositions {
	background-image: url("../images/guide/prepositions.png");
}
.guidetocimg.numbers, .guidetocimg.losnmeros {
	background-image: url("../images/guide/numbers.png");
}
.guidetocimg.datesandtime, .guidetocimg.lafechaylahora {
	background-image: url("../images/guide/datesandtime.png");
}
.guidetocimg.spellingandpunctuation {
	background-image: url("../images/guide/spellingandpunctuation.png");
}
.guidetocimg.spellingandpronounciation {
	background-image: url("../images/guide/spellingandpronounciation.png");
}
.guidetocimg.commonanglicismstoavoid {
	background-image: url("../images/guide/commonanglicismstoavoid.png");
}
.guidetocimg.finalexam, .guidetocimg.examenfinal {
	background-image: url("../images/guide/finalexam.png");
}
.guidetocimg.pronouns {
	background-image: url("../images/guide/pronouns.png");
}
.guidetocimg.consonants {
	background-image: url("../images/phonetics/consonants.png");
}
.guidetocimg.frenchrhythmandstress {
	background-image: url("../images/phonetics/frenchrhythmandstress.png");
}
.guidetocimg.intonation {
	background-image: url("../images/phonetics/intonation.png");
}
.guidetocimg.liaisonandenchanement {
	background-image: url("../images/phonetics/liaisonandenchanement.png");
}
.guidetocimg.phoneticsymbols {
	background-image: url("../images/phonetics/phoneticsymbols.png");
}
.guidetocimg.resourcesandreferences, .guidetocimg.practice {
	background-image: url("../images/phonetics/resourcesandreferences.png");
}
.guidetocimg.semiconsonants {
	background-image: url("../images/phonetics/semiconsonants.png");
}
.guidetocimg.transcriptionexercises {
	background-image: url("../images/phonetics/transcriptionexercises.png");
}
.guidetocimg.unstablee {
	background-image: url("../images/phonetics/unstablee.png");
}
.guidetocimg.vowels, .guidetocimg.pronunciationhints {
	background-image: url("../images/phonetics/vowels.png");
}
.guidetocimg.overviewofkeyconcepts {
	background-image: url("../images/phonetics/overviewofkeyconcepts.png");
}
.guidetocimg.animals, .guidetocimg.losanimales {
	background-image: url("../images/guide/animals.png");
}
.guidetocimg.thebody, .guidetocimg.elcuerpo {
	background-image: url("../images/guide/body.png");
}
.guidetocimg.business, .guidetocimg.losnegocios {
	background-image: url("../images/guide/business.png");
}
.guidetocimg.clothing, .guidetocimg.laropa {
	background-image: url("../images/guide/clothing.png");
}
.guidetocimg.coloursandcharacteristics, .guidetocimg.coloursanddescriptions, .guidetocimg.coloresydescripciones {
	background-image: url("../images/guide/colours.png");
}
.guidetocimg.food, .guidetocimg.lacomida {
	background-image: url("../images/guide/food.png");
}
.guidetocimg.greetings, .guidetocimg.lossaludos {
	background-image: url("../images/guide/greetings.png");
}
.guidetocimg.health, .guidetocimg.lasalud {
	background-image: url("../images/guide/health.png");
}
.guidetocimg.household, .guidetocimg.thehousehold, .guidetocimg.lacasa {
	background-image: url("../images/guide/household.png");
}
.guidetocimg.people, .guidetocimg.lagente {
	background-image: url("../images/guide/people.png");
}
.guidetocimg.restaurant, .guidetocimg.therestaurant, .guidetocimg.elrestaurante {
	background-image: url("../images/guide/restaurant.png");
}
.guidetocimg.school, .guidetocimg.laescuela {
	background-image: url("../images/guide/school.png");
}
.guidetocimg.sports, .guidetocimg.losdeportes {
	background-image: url("../images/guide/sports.png");
}
.guidetocimg.travel, .guidetocimg.elviaje {
	background-image: url("../images/guide/travel.png");
}
.guidetocimg.weather, .guidetocimg.eltiempo {
	background-image: url("../images/guide/weather.png");
}
.guidetocimg.swap {
	background-image: url("../images/guide/swap.png");
}
.guidetocimg.synonyms {
	background-image: url("../images/guide/synonyms.png");
}
.guidetocimg.basicexpressions, .guidetocimg.espresionesbsicas {
	background-image: url("../images/guide/quote.png");
}
.guidetocimg.xpress {
	background-image: url("../images/guide/xpress.png");
}


.cke_nayt_state {
	width: 15px !important;
	height: 16px !important;
	background-size: contain;
}
.cke_nayt_state.false {
	background-image: url("../images/icone_rvb_web3x16.png") !important;
}
.cke_nayt_state.true {
	background-image: url("../images/loadingx16.gif") !important;
}

#cke_tooltip { padding: 5px; border: 1px solid #ddd; background: #ffc; font-size: smaller; line-height: 1em;}

.pong {
	position: relative;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
.pong canvas {
	position: absolute;
	z-index: 1;
}
.pong #input {
	display: none;
	position: absolute;
	top: 150px;
	z-index: 2;
}

@media screen and (max-width: 728px) {
	.adResponsiveHorizontalBottom, .adResponsiveHorizontalTop {
		min-width:400px;max-width:728px;width:100%;height:90px;
	}
	.adResponsiveVerticalRight {
		display: none;
	}
}
@media screen and (min-width: 729px) and (max-width: 1024px) {
	.adResponsiveHorizontalBottom, .adResponsiveHorizontalTop {
		min-width:400px; max-width:728px;width:100%;height:90px;
	}
	.adResponsiveVerticalRight {
		min-width:200px; max-width:400px; width:100%; height:600px;
	}
}
@media screen and (min-width: 1024px) {
	.adResponsiveHorizontalBottom, .adResponsiveHorizontalTop {
		min-width:700px;max-width:800px;width:100%;height:90px;
	}
	.adResponsiveVerticalRight {
		min-width:200px; max-width:400px; width:100%; height:600px;
	}
}

@media screen and (max-width: 699px) {
    #addthis, #guidelinks {
    	display: none;
	}
	body.free #main {
		max-width: 700px;
	}
}