/* CSS Document */
/* 316FD9 */
a { font-size: 13px; color: #FF7300; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

div#wordcloud a {
  font-size: 17px; color: #006CFF;
  text-decoration: none; 
}

.wordcloudbold {
  font-size: 21px; color: #006CFF;
  text-decoration: none; 
}

div#wordcloud a:hove {
  text-decoration: underline;
}


.barlink {
      color: #7E95A4;
      font-size: 16px;
      font-family: arial;
      font-weight: bold;

}

div#menubar {
  font-size: 10px; color: #C0C0C0;
}

.newuserform{
       border: 0px solid #C0C0C0;
       margin: 0px;
       
        width: 790px; 
        padding:10 10 10 10;
        margin-top:0px;
        margin-left:10px;
}
.newuserformtd {
    
      font-family: arial; 
      font-size: 13px; 
      color: #303030;
      padding-bottom: 10px;
      padding-left: px;
      text-align:left;
      font-weight: bold;
}

.textform
{

  font-family: arial; 
  font-size: 14px; 
  color: #303030; 
}

.textareaform
{

  font-family: arial; 
  font-size: 14px; 
  color: #303030; 
        border-width: 1px;
        border-top-color: #000000;
        border-left-color: #000000;
        border-bottom-color: #303030;
        border-right-color: #303030;
}

div#menubar a { font-family: arial;font-size: 11px; color: #FF7300; }
div#menubar a:link, a:visited, a:active { text-decoration: none; }
div#menubar a:hover { text-decoration: underline; }

div#condition a { font-family: arial;font-size: 12px; color: #000000; font-weight: bold;  text-decoration: underline;}
div#condition a:link, a:visited, a:active { text-decoration: none; }


body { background-color: #FFFFFF; 
       margin: 0px;
       padding: 0px;
}

.hugetitle {
  font-family: arial; 
  font-size: 20px; 
  color: #303030;

}
input {
        border-width: 1px;
        border-top-color: #000000;
        border-left-color: #000000;
        border-bottom-color: #303030;
        border-right-color: #303030;
}

inputhiddenword {
        border: 1px solid #E0E0E0; 
        padding-left: 5px; 
        margin:0px;
        width:250px; 
        background: #F8F7EF;
}

.inputsearch {
        border: 0px;
        width: 200px;
        font-family: arial; 
        font-size: 13px; 
        color: #AA3030;
        background: #F8F7EF;

}
.titleType1
{
  font-family: arial; 
  font-size: 16px; 
  color: #303030;
  padding: 5px;
}

.text
{
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
}

td {
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
}

.textwin
{

  color: #74BB4D;
}
.texturl
{
  font-family: arial; 
  font-size: 13px; 
  color: #316FD9; 
}



.contentTabLeftSp
{
  border: 0px solid #F0F0F0; 
  width: 900px; 
  font-family: arial; 
  font-size: 13px; 
  color: #303030; 
  padding:0px;
}

.contentTdLeftSp
{
  border-right: 0px solid #C0C0C0; 
  width: 700px; 
  height: 500px; 
  padding: 0px;
}

.contentTdRight
{
  border: 0px solid #E0E0E0; 
  width: 200px;
}

.contentTabLeft
{
  border: 0px solid #F0F0F0; 
  width: 900px; 
  font-family: arial; 
  font-size: 13px; 
  color: #303030; 
  padding:0px;
}

.contentTabTd
{
  border: 0px solid #C0C0C0; 
  width: 300px; 
  height: 500px; 
  padding: 0px;
}

.contentTabTdVocabForm
{
  border: 0px solid #F0F0F0; 
  width: 275px; 
  height: 500px; 
  padding: 0px;
}


p.title {
  font-family: arial; 
  font-size: 17px; 
  color: #303030;
  padding: 5px;
  font-style: italic ;
  font-weight: bold;

}

p.text {
  font-family: arial; 
  font-size: 18px; 
  color: #303030;
  padding: 5px; 
}

p.history {
  font-family: arial; 
  font-size: 16px; 
  color: #606060;
  letter-spacing : 0.5px ;
  word-spacing: 1.8px;
  line-height: 25px;
  padding: 5px; 
  padding-left:30px;
  text-align: justify;
  margin-bottom: 30px;
}

p.time {

  font-family: arial; 
  font-size: 18px; 
  color: #303030;
  padding: 5px; 

}

table.imghistory {

  padding:0px;
  margin:0px;
  border: 0px;
}

img.imgvocabpage {

  padding-right: 100px;
  padding-left: 0px;
  padding-right: 10px;
  margin-bottom: 50px;
}

img.guil {

  margin-left: 10px;
}


div.wordbox {
    border-left: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    border-bottom: solid 1px #E0E0E0;
    width: 490px;
    padding-top: 20px;
    margin-left:2px;
    padding-bottom: 20px;
    padding-left: 23px;
    display: none;
    background-color: #FFFFFF;
    font-family: arial; 
    font-size: 13px; 
    color: #303030; 
    line-height: 25px;
       
}

div.wordboxfull {
    border-left: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    border-bottom: solid 1px #E0E0E0;
    border-top:solid 1px #E0E0E0;
    width: 490px;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-left:2px;
    padding-bottom: 20px;
    padding-left: 23px;
    background-color: #FFFFFF;
    font-family: arial; 
    font-size: 13px; 
    color: #303030; 
    line-height: 25px;
       
}

.wordofday {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  
}

.favouritecw {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  
}

.boxrelationcategoryword {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  
}

.favouritesup {
  font-family: arial; 
  font-size: 10px; 
  color: #303030;   
}

.availableword {
  border: 1px solid #CFCFCF; 
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030;
  text-align:left; 
  vertical-align: middle;
  padding:10px 5px 10px 5px;
  margin:0px;
}

.login {

  border: 1px solid #CFCFCF; 
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  padding:10px 5px 10px 5px;
  margin:0px;
    text-align:left; 

}

.resultlastexp {
  border: 1px solid #CFCFCF; 
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  padding:10px 5px 10px 5px;
  margin:0px;
  text-align:left; 
}

.resultlastexos {
  border: 1px solid #CFCFCF; 
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  padding:10px 5px 10px 5px;
  text-align:left;
}

.boxexo {
    border: 1px solid #CFCFCF; 
    width: 200px; 
    font-family: arial; 
    font-size: 12px; 
    color: #303030;
    text-align:left;
    margin: 0px;
    padding:10px 5px 10px 5px; 
}

.boxdownloadexo {
    border: 1px solid #CFCFCF; 
    width: 200px; 
    font-family: arial; 
    font-size: 12px; 
    color: #303030;
    text-align:left;
    margin: 0px;
    padding:10px 5px 10px 5px; 
}

.boxcompletion {
    border: 1px solid #CFCFCF; 
    width: 200px; 
    font-family: arial; 
    font-size: 12px; 
    color: #303030;
    text-align:left;
    margin: 0px;
    padding:10px 5px 10px 5px; 
    height: 120px;
}

.boxestore {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  font-weight: normal; 
  
}

.listview {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  font-weight: normal; 
  
}

.boxnews {

  border: 1px solid #CFCFCF;
  width: 200px; 
  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
  text-align:left;
  padding:10px 5px 10px 5px;
  margin:0px;
  font-weight: normal; 
  
}

.boxnewsub {
  font-family: arial; 
  font-size: 11px; 
  color: #303030; 

}

.hrstyle{
  border: 1px solid #CFCFCF;
}

.footerstyle{

  font-family: arial; 
  font-size: 12px; 
  color: #303030; 
}

.titlenotconnect {
  font-family: arial; 
  font-size: 14px;
  font-weight: bold; 
  color: #303030;
  width: 600px;
  text-align:left; 
  padding: 5px 0px 5px 5px;
  margin-top: 30px;
  background-color: #FFEFA5;
}


.titlefull {
  font-family: arial; 
  font-size: 12px;
  font-weight: bold; 
  color: #303030;
  width: 895px;
  text-align:left; 
  padding: 5px 0px 5px 5px;
  background-color: #FFEFA5;
}

.boxestorelink {

  font-family: arial; 
  font-size: 12px;
  font-weight: normal; 
  
}

.boxquestionqcm {
border: 1px solid #C0C0C0; 
width: 500px; 
font-family: arial; 
font-size: 12px; 
color: #303030; 
padding:10px 5px 10px 5px; 
margin:0px;
}

.boxinsidetextqcm {
font-family: arial; 
font-size: 12px; 
color: #303030; 
}

.boxinsideresultqcm {
border: 1px solid #C0C0C0;
font-family: arial; 
font-size: 12px; 
color: #303030; 
padding:10px 0px 10px 10px; 
}

.boxinsideresultqcmgood {
border: 1px solid #C0C0C0;
font-family: arial; 
font-size: 12px; 
color: #508E1F; 
padding:10px 0px 10px 10px; 
}

.boxinsideresulterror {
border: 1px solid #C0C0C0;
font-family: arial; 
font-size: 12px; 
color: #FF0000; 
padding:10px 0px 10px 10px; 
}

div.para {

    font-family: arial; 
    font-size: 13px; 
    color: #303030; 
    padding:0px;
    margin:0px;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 490px;


}

.paratitle {

    font-family: arial; 
    font-size: 13px; 
    color: #316FD9; 
    padding:0px;
    margin:0px;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 490px;
    font-weight: bold;

}

.simpletitle {

    font-family: arial; 
    font-size: 13px; 
    color: #316FD9; 
    text-align:center;
 

}
.categorylist{
     border: 1px solid #C0C0C0; 
     width: 550px;
     text-align: left;
     font-family: arial; 
     font-size: 12px; 
}

.categorylistcontainer{

     padding-left: 15px;
     /*border-left: 1px solid #C0C0C0;*/
     text-align: justify;
     font-family: arial; 
     padding-right: 10px;
     font-size: 12px;
      
     /*border-bottom:1px solid #C0C0C0;*/
     color: #303030;
}

.categorylistcontainer0{
     padding-left: 15px;
     text-align: left;
     font-family: arial; 
     font-size: 12px; 
     color: #303030;
    padding-bottom: 10px;
}