﻿.pBody
{
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    font-family: Arial;
    font-size: small;
    color: #000;
}
.bgDark
{
    background-color: #2B6D31;
}
.bgLight
{
    background-color: #4ABA55;
}
.tblHeader
{
    width: 99%;
    height: 55px;
}
.imgLogo
{
    border-width: 0px;
}
.pTitle
{
    font-size: larger;
    font-family: Arial;
    font-weight: bold;
}
.pSubTitle
{
    font-weight: bold;
    font-size: small;
    padding-top: 10px;
    font-family: Arial;
}

p
{
    width: 600px;
    font-size: small;
    font-family: Arial;
}

td
{
    vertical-align: top;
}

.pError
{
    font-weight: bold;
    color: #f00;
}
.aLogoff
{
    color: #fff;
    font-family: Arial;
}
.logoffLbl
{
    margin-top: 30px;
}
.aLink:link
{
    color: #2B6D31;
    font-family: Arial;
    font-weight: bold;
}
.aLink:visited
{
    color: #2B6D31;
    font-family: Arial;
    font-weight: bold;
}
.aLink:hover
{
    font-weight: bold;
    color: #4ABA55;
    font-family: Arial;
}

.text
{
    font-family: Arial;
    color: #000;
    font-size: small;
}

.fontBlack
{
    color: #000;
}
.textSmall
{
    font-size: small;
}
.textSmaller
{
    font-size: smaller;
}
.mustField
{
    font-size: larger;
    font-weight: bold;
    color: #f00;
    padding-left: 5px;
}

/*Primary navigation*/
.aPrimaryNav:link
{
    color: #fff;
}
.aPrimaryNav:visited
{
    color: #fff;
}
.aPrimaryNav:hover
{
    color: #D8F4DB;
    background-color: #4ABA55;
}
.aPrimaryNavActive
{
    color: #fff;
    border-bottom: #4ABA55 1px solid;
    background-color: #2B6D31;
    background-image: url(images/bgPrimaryNavActive.gif);
    background-position: center;
    background-repeat: repeat-x;
}

.navcontainerUl
{
    padding-right: -10px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

.navcontainerLi
{
    background-image: url(images/bgPrimaryNav.gif);
    background-position: center;
    background-repeat: repeat-x;
    border-right: #2C7133 1px solid;
    padding-right: 0px;
    border-top: #B0E1B5 1px solid;
    border-bottom: #2C7133 1px solid;
    border-left: #B0E1B5 1px solid;
    display: block;
    padding-left: 0px;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    font: bold 1em/23px Verdana, Arial, sans-serif;
    padding-top: 0px;
    list-style-type: none;
    height: 23px;
    text-align: center;
}

#navcontainerPrimaryNav A
{
    padding-right: 20px;
    display: block;
    padding-left: 20px;
    font-size: 14px;
    text-decoration: none;
}

.bgRowTwoSecondCell
{
    background-image: url(images/bgRowTwoSecondCell.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: xx-small;
}
.bgRowTwoFirstCell
{
    background-image: url(images/bgRowTwoFirstCell.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    font-size: xx-small;
}
.bgRowTreeFirstCell
{
    background-image: url(images/bgRowTreeFirstCell.gif);
    background-position: right;
    background-repeat: repeat-y;
    padding: 0px 5px 5px 0px;
    vertical-align: top;
    width: 200px;
}
.bgRowTreeSecondCell
{
    background-color: #fff;
}
.bgRowFourFirstCell
{
    background-image: url(images/bgRowFourFirstCell.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    font-size: xx-small;
}
.tdCopyrigth
{
    font-family: Arial;
    font-size: x-small;
    color: #555;
    text-align: center;
    padding-top: 10px;
}
.aCopyright
{
    font-family: Arial;
    font-size: x-small;
    color: #555;
}

/*Subnavigation*/
.aSubNav
{
    line-height: 1.5em;
    color: #fff;
    text-decoration: none;
}

.aSubSubNav
{
    line-height: 1.5em;
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
}

.aSubNavActive
{
    color: #fff;
    font-weight: bold;
}

.subNavDiv
{
    padding: 0px 10px;
}
.pUserDetail
{
    margin: 50px -5px 10px 0px;
    padding: 10px;
    color: #fff;
    width: 180px;
}

.form
{
    padding: 0px;
    margin: 0px;
}

/*Content*/
.tdContent
{
    vertical-align: top;
    padding: 0px 20px;
    height: 400px;
    min-height: 400px;
}

/*General object formation*/
.btnSubmit
{
    font-family: Arial;
    font-size: smaller;
}

/*Header table for detail information*/
.contentFieldsGridHeaderTbl
{
    border: 1px solid #C6D7C6;
    width: 600px;
    font-size: small;
    margin-bottom: 30px;
    border-collapse: collapse;
    background-color: #D7E3D7;
}

.contentFieldsGridHeaderTd
{
    background-image: url(images/bgContentFieldsGridHeader.gif);
    background-position: center;
    background-repeat: repeat-x;
    height: 22px;
    font-weight: bold;
}

/*Tables to maintain forms*/
.contentFieldsGridTbl
{
    border: 1px solid #C6D7C6;
    width: 600px;
    font-size: small;
    margin-bottom: 30px;
    border-collapse: collapse;
    background-color: #E6F5E7;
}
.contentFieldsGridFirstTd
{
    background-image: url(images/bgContentFieldsGridFirst.gif);
    background-position: center;
    background-repeat: repeat-x;
    font-weight: bold;
    border-top: solid 1px #DBDDDB;
    border-bottom: solid 1px #DBDDDB;
}
.contentFieldsGridTd
{
    padding-right: 10px;
    padding-bottom: 2px;
    vertical-align: top;
}
.tdEven
{
    background-color: #DDEEDF;
}
.trLectionEven
{
    background-color: #f0f0f0;
}
.trLectionOdd
{
    background-color: #e0e0e0;
}
/*Forms general*/
.inpField
{
    font-family: Arial;
    font-size: small;
    width: 300px;
}
.inpFieldShort
{
    font-family: Arial;
    font-size: small;
    width: 150px;
}
.inpFieldMultiline
{
    font-family: Arial;
    font-size: small;
    width: 300px;
    height: 40px;
}
.inpReadonly
{
    background-color: #eee;
}

.tdValignTop
{
    vertical-align: top;
}
.tdMarginTop
{
    margin-top: 3px;
}
.tdButton
{
    padding: 10px 0px;
    vertical-align: bottom;
}
.tdBold
{
    font-weight: bold;
}

/*Keyboard with foreign signs*/
.divKeyBoardContainer
{
    width: 600px;
    padding:0px;
    height:32px;
    border: solid 0px #555;
    vertical-align:top;
}
.btnKey{
    padding:0px;
    margin:0px;
    width: 32px;
    height: 32px;   
    font-size:medium;
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
}
.btnBigSmall{}
.imgKeyBigSmall{border-width:0px; height:22px; width:22px;}

/*Display errors by comparing*/
.spnLetterOk
{
    color: #2B6D31;
}
.spnLetterFalse
{
    color: #f00;
}
.showErrorPnl
{
    font-size: small;
    padding-top: 3px;
    padding-bottom: 10px;
}
.imgReadMe
{
    border-width: 0px;
    margin-left: 20px;
    position: relative;
    top: 2px;
}

/*Language pannels*/
.panLanguage
{
    font-weight: bold;
}
.panLection
{
    padding-left: 20px;
}
.paddingLeft10
{
    padding-left: 10px;
}

/*Word form */
.wordLanguageNamePnl
{
    padding: 10px;
}
.wordLectionNamePnl
{
    padding: 5px 10px;
}
.inpAnnex
{
    width: 70px;
}
.annexTxt
{
    padding-right: 10px;
}

/*User doing words*/
.wordError
{
    font-family: Arial;
    font-size: larger;
    font-weight: bold;
    padding-left: 20px;
    color: #f00;
}
.wordOk
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    padding-right: 10px;
    color: #339933;
}
.wordOkMarginLeft
{
    margin-left: 15px;
}
.userWordError
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    padding-right: 10px;
    color: #f00;
}
.imgRightFalse
{
    border-width: 0px;
    height: 18px;
    position: relative;
    top: 2px;
}
.tdLineHeight
{
    padding-top: 5px;
}
.fntInputSize
{
    font-size: medium;
}

/*Norobots*/
.inpNoRobots
{
    font-family: Arial;
    font-size: small;
    width: 60px;
}

/*Cardfile compartiments*/
.compartimentTbl
{
    width: 100%;
    border: solid 1px #aaa;
    border-collapse: collapse;
}
.compartimentHeaderTd
{
    background-color: #e0e0e0;
    text-align: center;
    color: #555;
    border: solid 1px #fff;
}
.compartimentHeader0Td
{
    text-align: center;
    color: #555;
}
.compartimentFooterTd
{
    text-align: center;
    border: solid 1px #aaa;
    background-color: #D8ECD9;
}
.compartimentFooter0Td
{
    text-align: center;
}

