/* ------------------------------------------------------------------------- */
/* OrderSelectBox
/* ------------------------------------------------------------------------- */

div#OrderSelectBox {
    display: block;
    width: 200px;

    position:absolute;
    left:0px;
    top:0px;

    padding:5px;

    background-color:#DDDDDF;
    border:2px solid #808088;
}

div#OrderSelectBox p {
    margin: 0;
}


/* ------------------------------------------------------------------------- */
/* LANGUAGE-RANK
/* ------------------------------------------------------------------------- */

#language_rank {
    float: left;
    clear: left;
}

#language_rank > img.flag {
    float: left;
    margin: 0px 5px;
}

#language_rank > img.rank {
    float: left;
    margin: 7px 5px;
}

#language_rank > p {
    float: left;
    margin: 0 5px;
    line-height: 24px;
}


/* ------------------------------------------------------------------------- */
/* ONLINE - BOX
/* ------------------------------------------------------------------------- */

div#online-box {
    float: none;
    width: 188px;
    height: 80px;
    
    padding: 0px;
    margin: 0;
    
    background: transparent url('/img/online-box-bg.png') no-repeat scroll 0 0;
}

div#online-box > a {
    float: left;
    width: 175px;
    height: 50;
    margin: 7px 0 0 6px;

    line-height: 15px;

    text-decoration: none;
}


div#online-box > a > p {
    float: left;
    clear: left;
    width: 145px;
    
    margin: auto 0;
    padding: 0;
    
    font-weight: bold;
    font-family: verdana;
    font-size: 11px;
    
    color: #ffffff;
}

div#online-box > a > p.counter {
    float: right;
    clear: right;
    width: auto;
    
    margin: 0;
    padding: 0;

    font-weight: normal;
    
    color: #ffffff;
}

div#online-box > a.registration {
    text-align: center;
    border-top: #FFFFFF solid 1px;    
}

div#online-box > a.registration > p {
    display: block;
    float: none;
    width: 100%;
}

div#online-box > a.registration:hover > p {
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* BUTTON-BLUE
/* ------------------------------------------------------------------------- */

body a#button-blue {

    float: left;
    width: 13em;
    height: 37px;

    line-height: 34px;
    
    margin: 0;
    padding: 0 8px;
    
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    
    text-decoration: none;
    
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    
    background: transparent url('/img/button-blue.png') no-repeat scroll 0 0;
}

body a#button-blue:hover {

    color: #f58300;
}

/* ------------------------------ */

body a#button-blue4em {
    
    float: left;
    width: 4em;
    height: 30px;
    
    line-height: 28px;
    
    padding: 0 16px 0 13px;
    margin: 0;
    
    color: #ffffff;
    text-align: center;
    vertical-align: middle;

    text-decoration: none;
    
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    
    background: transparent url('/img/button-blue4em.png') no-repeat scroll 0 0;
}

body a#button-blue4em:hover {

    color: #f58300;
}



/* ------------------------------------------------------------------------- */
/* PAGER BOX
/* ------------------------------------------------------------------------- */

body div#pager-box {
    float: left;
    width: auto;
    height: 22px;

    line-height: 22px;
    
    margin: 0;
    padding: 0 20px;
    
    vertical-align: middle;
}

div#pager-box > a {
    float: left;
    width: auto;
    height: 22px;
    
    margin: 0 2px;
    padding: 0;
    padding-left: 4px;
    
    text-decoration: none;
    
    color: #2166a6;
    background: transparent url('/img/pager-box-bg-left-blue.png') no-repeat scroll 0 0;
}


div#pager-box > a > span {
    display: block;
    height: 22px;
    
    line-height: 22px;
    
    margin: 0;
    padding: 0;
    padding-right: 4px;
    
    background: transparent url('/img/pager-box-bg-right-blue.png') no-repeat scroll 100% 0;
}


div#pager-box > a.selected,
div#pager-box > a:hover {
    background: transparent url('/img/pager-box-bg-left-orange.png') no-repeat scroll 0 0;
}

div#pager-box > a.selected > span,
div#pager-box > a:hover > span {
    color: #f3621e;
    background: transparent url('/img/pager-box-bg-right-orange.png') no-repeat scroll 100% 0;
}

div#pager-box > a.left {
    width: 13px;
    height: 22px;
    
    padding: 0;
    
    background: transparent url('/img/pager-box-left-blue.png') no-repeat scroll 0 0;
}

div#pager-box > a.left:hover {
    background: transparent url('/img/pager-box-left-orange.png') no-repeat scroll 0 0;
}

div#pager-box > a.right {
    width: 13px;
    height: 22px;

    padding: 0;
    
    background: transparent url('/img/pager-box-right-blue.png') no-repeat scroll 0 0;
}

div#pager-box > a.right:hover {
    background: transparent url('/img/pager-box-right-orange.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET - szó adatlapok
/* ------------------------------------------------------------------------- */

div#wordsheet {

    float: left;
    width: 800px;
    
    height: 100%;
    
    background: #FFFFFF;
}

div#wordsheet * {
    font-family: Verdana;
    font-size: 13px;
}

/* ------------------------------------------------------------------------- */
/* EXPRESSION INFO */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.expression {
    float: left; 
    width: 783px;
    
    margin: 0;
    margin-left: 3px;
    
    background: #2d79bf url('/img/wordsheet-expression-bg.png') no-repeat 0 0;
}

div#wordsheet > div.expression > div.bottom {
    float: left;
    width: 783px;
    height: 8px;
    
    margin: 0;
    
    background: transparent url('/img/wordsheet-expression-bg-bottom.png') no-repeat 0 0;
}


/* ------------------------------------------------------------------------- */
/* EXPRESSION LEFT */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.expression > div.left {
    float: left;
    width: 240px;
    height: 106px;
    
    margin: 0;
}

div#wordsheet > div.expression > div.left > p.title {
    float: none;
    clear: none;
    display: block;
    margin: 15px 0 0 15px;

    color: #ffffff;
}

div#wordsheet > div.expression > div.left > p.word {
    /*clear: left;*/
    float: left;
    margin: 0 0 0 5px;
    
    font-size: 28px;
    font-weight: bold;
    color: #ed7617;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.expression > div.left > p.play {
    float: left;
    clear: left;
    width: 24px;
    height: 24px;
    
    margin: 5px 0 0 15px;

    background: transparent url('/img/wordsheet-large-player-off-orange.png') no-repeat scroll 0 0;
}

div#wordsheet > div.expression > div.left > p.play.on {
    background: transparent url('/img/wordsheet-large-player-on-orange.png') no-repeat scroll 0 0;
}


/* ------------------------------------------------------------------------- */
/* EXPRESSION CENTER */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.expression > div.center {
    float: left;
    width: 260px;
    min-height: 100px;
    
    border-left: 1px solid #507aa3;
    border-right: 1px solid #507aa3;
    
    margin: 10px 0 0 0;
}

/* ------------------------------------------------------------------------- */
/* UL#expression-center */
/* ------------------------------------------------------------------------- */

ul#expression-center {
    display: block;
    
    margin: 0;
    padding: 0;

	list-style-type: none !important;
	list-style: none !important;
}

ul#expression-center li {
    margin: 0 10px;
    padding: 0;
    /*padding: 0 0 0 30px;*/
    
    line-height: 20px;
    vertical-align: middle;
    
    font-weight: bold;
    color: #ffffff;
}

ul#expression-center li:hover,
ul#expression-center li.selected {
    color: #ff811c;
    background-color: #2369ab;
}

ul#expression-center li > a {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
}

ul#expression-center li:hover > a,
ul#expression-center li.selected > a {
    height: 20px;
    color: #ff811c;
    line-height: 20px;
}


ul#expression-center li > p.pplay, /* parent selected */
ul#expression-center li > p.noplay {
    float: left;
    width:  30px;
    height: 20px;
    
    margin: 0 10px 0 0;
    padding: 0;
}

ul#expression-center li > p.pplay {
    cursor: pointer;
    background: transparent url('/img/wordsheet-small-player-off.png') no-repeat 0 0;
}

ul#expression-center li:hover > p.pplay,
ul#expression-center li.selected > p.pplay,
ul#expression-center li > p.pplay.on {
    background: #2369ab url('/img/wordsheet-small-player-on.png') no-repeat 0 0;
}


/*ul#expression-center li.selected {*/

/*
ul#expression-center li.play {
    background: transparent url('/img/wordsheet-small-player-off.png') no-repeat 0 0;
}

ul#expression-center li.play:hover,
ul#expression-center li.play.selected {
    cursor: pointer;
    color: #ff811c;
    background: #2369ab url('/img/wordsheet-small-player-on.png') no-repeat 0 0;
}
*/

/* ------------------------------------------------------------------------- */
/* EXPRESSION RIGHT */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.expression > div.right {
    float: left;
    width: 280px;
    height: 106px;
    
    margin: 0;
}

div#wordsheet > div.expression > div.right > p.play {
    float: left;
    width: 24px;
    height: 24px;
    
    margin: 45px 5px 0 15px;

    background: transparent url('/img/wordsheet-large-player-off-orange.png') no-repeat scroll 0 0;
}

div#wordsheet > div.expression > div.right > p.play.on {
    background: transparent url('/img/wordsheet-large-player-on-orange.png') no-repeat scroll 0 0;
}

div#wordsheet > div.expression > div.right > p {
    float: left;
    height: 24px;
    
    margin: 45px 0 0 15px;

    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

/* ------------------------------------------------------------------------- */
/* DEFINITION */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.definition {
    float: left;
    width: 790px;
    height: 134px;
    
    margin: 0;
    margin-right: 5px;
    
    background: transparent url('/img/wordsheet-definition-bg.png') no-repeat 0 0;
}

div#wordsheet > div.definition > img {
    float: left;
    width: 124px;
    height: 91px;
    
    margin: 15px 0 0 20px;
    border: 3px solid #ffffff;
}

div#wordsheet > div.definition > p.title {
    float: left;
    width: 620px;
    
    margin: 15px 0px 0px 8px;

    font-size: 16px;
    font-weight: bold;
    color: #13457D;
}

div#wordsheet > div.definition > p {
    float: left;
    width: 620px;
    
    margin: 7px 0px 0px 8px;

    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

div#wordsheet > div.definition > hr {
    float: left;
    clear: left;
    width: 750px;
    height: 0px;

    margin: 10px 20px 10px 20px;
    
    border: 1px solid #bccfe1;
    
    color: transparent; 
    background-color: transparent;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET-MENU */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.menu {
    float: left;
    width: 790px;
    height: 30px;

    line-height: 30px; /* firefox-nak kell */
    
    margin: 0;
    padding: 0;
    
    background: transparent url('/img/wordsheet-menu-bg.png') no-repeat 0 0;
}

div#wordsheet > div.menu > div.menu-content {
    float: left;
    width: 770px;
    
    margin: 0 0 0 20px;
}

div#wordsheet > div.menu > div.menu-content > a, 
div#wordsheet > div.menu > div.menu-content > a:link, 
div#wordsheet > div.menu > div.menu-content > a:active,
div#wordsheet > div.menu > div.menu-content > a:visited {
    float: left;
    width: auto;
    height: 30px;
    
    text-decoration: none;
    
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
}

div#wordsheet > div.menu > div.menu-content > a > span {
    float: left;
    height: 100%;

    margin: 0;
    padding: 0;
    padding-right: 10px;
    
    font-size: 12px;
    font-weight: bold;
    color: #13457d;
}

div#wordsheet > div.menu > div.menu-content > a:hover,
div#wordsheet > div.menu > div.menu-content > a.selected {
    text-decoration: none;
    background: transparent url('/img/wordsheet-menu-bg-lft.png') no-repeat scroll top left;
}

div#wordsheet > div.menu > div.menu-content > a:hover > span,
div#wordsheet > div.menu > div.menu-content > a.selected > span {
    color: #f3621e;
    background: transparent url('/img/wordsheet-menu-bg-rgt.png') no-repeat scroll top right;
}

/* ------------------------------------------------------------------------- */
/* CONTENT */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.content-border {
    float: left;
    width: 790px;
    
    margin: 0;
    padding: 0;
    
    background: transparent url('/img/wordsheet-content-border.png') repeat-y 0 0;
}

div#wordsheet > div.content-border > div.content-background {
    float: left;
    width: 775px;
    /*height: 100%;*/
    
    margin: 0 0 0 7px;
    padding: 0;
    
    background: #dbe8f5 none repeat-x 0 0;
    /*background: #fec56e url('/img/wordsheet-content-bg.png') repeat-x 0 0;*/
    
}


div#wordsheet > div.content-border > div.content-background > div.content {
    float: left;
    width: 745px;
    
    margin: 0px;
    margin-left: 15px;
    margin-right: px;
    
    padding: 0;
    
    background: #FFFFFF;
}

/* ------------------------------------------------------------------------- */
/* CONTENT ELEMENTS */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* SPACE */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.content-border > div.content-background > div.space {

    float: left;
    width: 100%;
    height: 13px;
    
    margin: 0;
    padding: 0;
    
    background-color: transparent;
}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.footer {
    float: left;
    width: 790px;
    height: 8px;
    
    margin: 0;
    padding: 0;
    
    background: transparent url('/img/wordsheet-footer.png') no-repeat 0 0;
}

div#wordsheet.boy > div.footer {
    background: transparent url('/img/wordsheet-footer-boy.png') no-repeat 0 0;
}

div#wordsheet.girl > div.footer {
    background: transparent url('/img/wordsheet-footer-girl.png') no-repeat 0 0;
}


/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX */
/* ------------------------------------------------------------------------- */

div#wordsheet-box {
    float: left;
    /*width: 200px; /*auto !important;*/
    /*height: auto !important;*/
    
    margin: 0;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX TOP & BOTTOM */
/* ------------------------------------------------------------------------- */

div#wordsheet-box > div.top {
    display: block;
    height: 14px;
}

div#wordsheet-box > div.top > div {
    display: block;
    height: 14px;
    
    margin: 0;
    margin-left: 17px;
    padding: 0;
}

div#wordsheet-box > div.bottom {
    /*float: left;*/
    width: 100%;
    height: 13px;
    
    margin: 0;
    margin-top: -7px;
}

div#wordsheet-box > div.bottom > div {
    display: block;
    height: 13px;
    
    margin: 0;
    margin-left: 17px;
    padding: 0;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX CONTENT */
/* ------------------------------------------------------------------------- */

div#wordsheet-box > div.left {
    
    padding: 0;
    padding-left: 6px;

    background-color: red;
}

div#wordsheet-box > div.left > div.right {
    
    padding: 0;
    padding-right: 6px;

    background-color: green;
}

div#wordsheet-box > div.left > div.right > div.content {
    
    display: table;
    *display: block;
    *height: 100%;
    width: 100%;
    padding: 0 0 5px 0;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX SIMPLE-CONTENT */
/* ------------------------------------------------------------------------- */

div#wordsheet-box > div.content {
    
    display: table;
    *display: block;
    *height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}


/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX CONTENT ELEMENTS */
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > p {
    
    display: block;
}

div#wordsheet-box div.content > p.title {
    
    display: block;
    
    margin: 0 10px;
    
    font-family: Tahoma;
    font-size: 25px;
    font-weight: bold;
    
    color: #ffffff;
}

div#wordsheet-box div.content > hr {
    
    clear: left;
    display: block;
    height: 0px;
    
    margin: 0px 10px 10px 10px;
    *margin: 0px 10px 0px 10px;
    
    color: transparent; 
    background-color: transparent;
    
    border: 1px solid #c7bfb3;
}

div#wordsheet-box div.content > hr.title {
    
    margin: 5px 10px 10px 10px;
    *margin-top: -5px;
}

/* ------------------------------------------------------------------------- */


ul#content-list {
    clear: left;
    display: block;
    
    margin: 0;
    padding: 0;

	list-style-type: none !important;
	list-style: none !important; /*url('/img/wordsheet-box-list-arrow-blue.png') !important;*/
}

ul#content-list li {
    
    margin: 0;
    padding: 0 10px 0 30px;
    
    line-height: 20px;
    vertical-align: middle;
    
    font-weight: bold;
    
    color: #083d70;
    background: transparent url('/img/wordsheet-box-list-arrow-blue.png') no-repeat 0 0;
}

ul#content-list li:hover {
    background-color: #dfd9d1;
}


/*
div#wordsheet-box div.content ul {
    clear: left;
    display: block;
    
    margin: 0;
    padding: 0;

	list-style-type: none !important;
	list-style: none !important; /*url('/img/wordsheet-box-list-arrow-blue.png') !important; * /
}

div#wordsheet-box div.content ul li {
    
    margin: 0;
    padding: 0 10px 0 30px;
    
    line-height: 20px;
    vertical-align: middle;
    
    font-weight: bold;
    
    color: #083d70;
    background: transparent url('/img/wordsheet-box-list-arrow-blue.png') no-repeat 0 0;
}

div#wordsheet-box div.content ul li:hover {
    background-color: #dfd9d1;
}
*/

/* ------------------------------------------------------------------------- */
/* TABLE PRONOUNCE */
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.pronounce {
    width: 100%;
}

div#wordsheet-box div.content > table.pronounce tr {
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.pronounce td.playbutton {
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

div#wordsheet-box div.content > table.pronounce td.playbutton a {
    display: block;
    float: none;
    width: 24px;
    height: 24px;

    margin: 0 auto;

    text-decoration: none;

}

/* ------------------------------------------------------------------------- */

div#wordsheet-box.orange > div.left > div.right > div.content td.playbutton a {
    background: transparent url('/img/wordsheet-large-player-off-orange.png') no-repeat scroll 0 0;
}

div#wordsheet-box.orange > div.left > div.right > div.content td.playbutton a.on {
    background: transparent url('/img/wordsheet-large-player-on-orange.png') no-repeat scroll 0 0;
}

div#wordsheet-box.blue > div.left > div.right > div.content td.playbutton a {
    background: transparent url('/img/wordsheet-large-player-off-blue.png') no-repeat scroll 0 0;
}

div#wordsheet-box.blue > div.left > div.right > div.content td.playbutton a.on {
    background: transparent url('/img/wordsheet-large-player-on-blue.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.pronounce td.info {
    width: 68%;
    border: 0;
}

div#wordsheet-box.orange > div.left > div.right > div.content > table.pronounce td.info {
    border-left: 1px solid #fed9a3;
    border-right: 1px solid #fed9a3;
}

div#wordsheet-box.blue > div.left > div.right > div.content > table.pronounce td.info {
    border-left: 1px solid #cbdff2;
    border-right: 1px solid #cbdff2;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.pronounce td.info > p {
    margin: 0;
    margin-top: 5px;
}

div#wordsheet-box div.content > table.pronounce td.info > p.caption {
    float: left;
    width: 40%;
    
    margin-left: 10px;
    padding: 0;
    
    vertical-align: top;
    
    font-weight: bold;
    font-size: 13px;

    color: #2166a6;
}

div#wordsheet-box div.content > table.pronounce td.info > p.user {
    float: left;
    width: 56%;
    
    color: #2166a6;
    
    font-weight: normal;
    font-size: 13px;
}

div#wordsheet-box div.content > table.pronounce td.info > p.user > b {
    color: #f3621e;
    
    font-weight: bold;
    font-size: 18px;
}


div#wordsheet-box div.content > table.pronounce td.info > p.rate {
    float: left;
    width: 56%;
    
    color: #2166a6;
    
    font-weight: bold;
    font-size: 13px;
}

div#wordsheet-box div.content > table.pronounce td.info > p.voting {
    float: left;
    width: 56%;
    
    margin-left: 44%;
    *margin-left: 30%;
    
    color: #000000;
    
    font-weight: bold;
    font-size: 13px;
}

div#wordsheet-box div.content > table.pronounce td.info > p.voting > img {
    width: 13px;
    height: 13px;
    cursor: pointer;
    
    margin: 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.pronounce td.report {
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

div#wordsheet-box div.content > table.pronounce td.report a {
    display: block;
    float: none;
    margin: 0 auto;
    text-decoration: none;
    
    font-size: 10px;
    font-weight: bold; 
}

div#wordsheet-box div.content > table.pronounce td.report a.picture {
    width:  30px;
    height: 30px;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box.orange > div.left > div.right > div.content > table.pronounce td.report a {
    color: #ff4200;
}

div#wordsheet-box.orange > div.left > div.right > div.content > table.pronounce td.report a.picture {
    background: transparent url('/img/wordsheet-box-report-red.png') no-repeat scroll 0 0;
}

div#wordsheet-box.blue > div.left > div.right > div.content > table.pronounce td.report a {
    color: #2d76bc;
}

div#wordsheet-box.blue > div.left > div.right > div.content > table.pronounce td.report a.picture {
    background: transparent url('/img/wordsheet-box-report-blue.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */
/* TABLE MEANING */
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.meaning {
    width: 100%;
}

div#wordsheet-box div.content > table.meaning tr {
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.meaning td.info {
    width: 90%;
}

div#wordsheet-box div.content > table.meaning td.info > p {
    margin: 0;
    margin-top: 5px;
}

div#wordsheet-box div.content > table.meaning td.info > p.caption {
    float: left;
    clear: left;
    width: 35%;
    
    margin-left: 10px;
    padding: 0;
    
    vertical-align: top;
    
    font-weight: bold;
    font-size: 10px;

    color: #2166a6;
}

div#wordsheet-box div.content > table.meaning td.info > p.meaning {
    float: left;
    width: 55%;

    vertical-align: top;
    
    font-weight: bold;
    font-size: 12px;

    color: #f3621e;
}

div#wordsheet-box div.content > table.meaning td.info > p.percent {
    float: left;
    width: 55%;
    
    color: #000000;
    
    font-weight: bold;
    font-size: 10px;
}

div#wordsheet-box div.content > table.meaning td.info > p.feature {
    float: left;
    width: 95%;
    
    padding-left: 5%;
    
    color: #000000;
    
    font-weight: bold;
    font-size: 10px;
}

div#wordsheet-box div.content > table.meaning td.info > p.percent > b {
    font-weight: bold;
    font-size: 12px;
}

div#wordsheet-box div.content > table.meaning td.info > p.percent > b.up {
    color: #2166a6;
}

div#wordsheet-box div.content > table.meaning td.info > p.percent > b.down {
    color: #a62e21;
}

div#wordsheet-box div.content > table.meaning td.info > div.progressbar {
    float: left;
    width: 114px;
    height: 13px;
    
    margin: 5px 0 0 43%;
    *margin: 5px 0 0 135%;
}

div#wordsheet-box div.content > table.meaning td.info > div.progressbar > div {
    width: 56px;
    height: 13px;
    float: left;
}

div#wordsheet-box div.content > table.meaning td.info > div.progressbar > div.up {
    border-left: 1px solid #f6d31e;
    background: #FFFFFF url('/img/wordsheet-box-progressbar-blue-bg.png') no-repeat scroll 0 0;
}

div#wordsheet-box div.content > table.meaning td.info > div.progressbar > div.down {
    border-right: 1px solid #f6d31e;
    background: #FFFFFF url('/img/wordsheet-box-progressbar-red-bg.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > table.meaning td.vote-hands {
    text-align: center;
    vertical-align: middle;
}

div#wordsheet-box.orange div.content > table.meaning td.vote-hands {
    border: 0;
    border-left: 1px solid #fed9a3;
}

div#wordsheet-box.blue div.content > table.meaning td.vote-hands {
    border: 0;
    border-left: 1px solid #cbdff2;
}

div#wordsheet-box div.content > table.meaning td.vote-hands > img {
    cursor: pointer;
}

div#wordsheet-box div.content > table.meaning td.vote-hands > img.down {
    margin-top: 5px;
}

/* ------------------------------------------------------------------------- */
/*  STATISTIC BOX */
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content p.statistic {
    float: left;
    clear: left;
    width: 35%;
    
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    
    color: #083d70;
    
    font-weight: bold;
    font-size: 12px;
}

div#wordsheet-box div.content p.infotext {
    float: left;
    clear: none;
    width: 55%;
    
    margin: 0;
    margin-bottom: 10px;
    
    color: #083d70;
    
    font-weight: normal;
    font-size: 12px;
}

div#wordsheet-box div.content p.infotext b {
    color: #ffffff;
    font-size: 12px;
}

/* ------------------------------------------------------------------------- */

/*
div#wordsheet-box div.content a {
    float: left;
    
    margin: 0;
    margin-bottom: 5px;
    margin-left: 10px;

    font-weight: bold;
    
    text-decoration: none;
}

div#wordsheet-box div.content a:hover {
    color: #53a3ef
}
*/
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content ul.menu {
}

div#wordsheet-box div.content ul.menu li {
    color: #ffffff;
}

div#wordsheet-box div.content ul.menu li.selected,
div#wordsheet-box div.content ul.menu li:hover {
    background-color: transparent;
    color: #4384c2;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content ul.controls {
    margin-top: 10px;
    margin-left: 5px;
}

div#wordsheet-box div.content ul.controls > li {
 
    padding-left: 25px;
 
    color: #ffffff;
    background: transparent url('/img/wordsheet-box-list-arrow-black.png') no-repeat 0 0;
}

div#wordsheet-box div.content ul.controls > li > a {

    display: block;
    float: none;
    
    color: #ffffff;
    margin: 0;
    
    text-decoration: none;
}

div#wordsheet-box div.content ul.controls > li.selected > a,
div#wordsheet-box div.content ul.controls > li > a:hover {
    color: #ba0c01;
}

div#wordsheet-box div.content ul.controls > li.selected,
div#wordsheet-box div.content ul.controls > li:hover {
    background-color: transparent;
    color: #ba0c01;
    background: transparent url('/img/wordsheet-box-list-arrow-red.png') no-repeat 0 0;
}


/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX SIMPLE COLORS & BACKGROUNDS: TOP, BOTTOM, CONTENT           */
/* ------------------------------------------------------------------------- */

div#wordsheet-box.simple-grey > div.top {
    background: transparent url('/img/wordsheet-box-tl-grey.png') no-repeat 0 0;
}

div#wordsheet-box.simple-grey > div.top > div {
    background: transparent url('/img/wordsheet-box-tr-grey.png') no-repeat scroll top right;
}

div#wordsheet-box.simple-grey > div.bottom {
    background: transparent url('/img/wordsheet-box-bl-grey.png') no-repeat 0 0;
}

div#wordsheet-box.simple-grey > div.bottom > div {
    background: transparent url('/img/wordsheet-box-br-grey.png') no-repeat scroll top right;
}

div#wordsheet-box.simple-grey > div.content {
    background-color: #cec4b4;
}

/* ------------------------------------------------------------------------- */
/* WORDSHEET-BOX COLORS & BACKGROUNDS: TOP, BOTTOM, LEFT, RIGHT, CONTENT     */
/* ------------------------------------------------------------------------- */

div#wordsheet-box.grey > div.top {
    background: transparent url('/img/wordsheet-box-border-tl-grey.png') no-repeat 0 0;
}

div#wordsheet-box.grey > div.top > div {
    background: transparent url('/img/wordsheet-box-border-tr-grey.png') no-repeat scroll top right;
}

div#wordsheet-box.grey > div.bottom {
    background: transparent url('/img/wordsheet-box-border-bl-grey.png') no-repeat 0 0;
}

div#wordsheet-box.grey > div.bottom > div {
    background: transparent url('/img/wordsheet-box-border-br-grey.png') no-repeat scroll top right;
}

div#wordsheet-box.grey > div.left {
    background: transparent url('/img/wordsheet-box-border-left-grey.png') repeat-y scroll 0 0;
}

div#wordsheet-box.grey > div.left > div.right {
    background: transparent url('/img/wordsheet-box-border-right-grey.png') repeat-y scroll top right;
}

div#wordsheet-box.grey > div.left > div.right > div.content {
    background: #d2cabf url('/img/wordsheet-box-bg-grey.png') repeat-x scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box.orange > div.top {
    background: transparent url('/img/wordsheet-box-border-tl-orange.png') no-repeat 0 0;
}

div#wordsheet-box.orange > div.top > div {
    background: transparent url('/img/wordsheet-box-border-tr-orange.png') no-repeat scroll top right;
}

div#wordsheet-box.orange > div.bottom {
    background: transparent url('/img/wordsheet-box-border-bl-orange.png') no-repeat 0 0;
}

div#wordsheet-box.orange > div.bottom > div {
    background: transparent url('/img/wordsheet-box-border-br-orange.png') no-repeat scroll top right;
}

div#wordsheet-box.orange > div.left {
    background: transparent url('/img/wordsheet-box-border-left-orange.png') repeat-y scroll 0 0;
}

div#wordsheet-box.orange > div.left > div.right {
    background: transparent url('/img/wordsheet-box-border-right-orange.png') repeat-y scroll top right;
}

div#wordsheet-box.orange > div.left > div.right > div.content {
    background: #fff8ea url('/img/wordsheet-box-bg-orange.png') repeat-x scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box.blue > div.top {
    background: transparent url('/img/wordsheet-box-border-tl-blue.png') no-repeat 0 0;
}

div#wordsheet-box.blue > div.top > div {
    background: transparent url('/img/wordsheet-box-border-tr-blue.png') no-repeat scroll top right;
}

div#wordsheet-box.blue > div.bottom {
    background: transparent url('/img/wordsheet-box-border-bl-blue.png') no-repeat 0 0;
}

div#wordsheet-box.blue > div.bottom > div {
    background: transparent url('/img/wordsheet-box-border-br-blue.png') no-repeat scroll top right;
}

div#wordsheet-box.blue > div.left {
    background: transparent url('/img/wordsheet-box-border-left-blue.png') repeat-y scroll 0 0;
}

div#wordsheet-box.blue > div.left > div.right {
    background: transparent url('/img/wordsheet-box-border-right-blue.png') repeat-y scroll top right;
}

div#wordsheet-box.blue > div.left > div.right > div.content {
    background: #f2f8ff url('/img/wordsheet-box-bg-blue.png') repeat-x scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box.yellow > div.top {
    background: transparent url('/img/wordsheet-box-border-tl-yellow.png') no-repeat 0 0;
}

div#wordsheet-box.yellow > div.top > div {
    background: transparent url('/img/wordsheet-box-border-tr-yellow.png') no-repeat scroll top right;
}

div#wordsheet-box.yellow > div.bottom {
    background: transparent url('/img/wordsheet-box-border-bl-yellow.png') no-repeat 0 0;
}

div#wordsheet-box.yellow > div.bottom > div {
    background: transparent url('/img/wordsheet-box-border-br-yellow.png') no-repeat scroll top right;
}

div#wordsheet-box.yellow > div.left {
    background: transparent url('/img/wordsheet-box-border-left-yellow.png') repeat-y scroll 0 0;
}

div#wordsheet-box.yellow > div.left > div.right {
    background: transparent url('/img/wordsheet-box-border-right-yellow.png') repeat-y scroll top right;
}

div#wordsheet-box.yellow > div.left > div.right > div.content {
    background: #fec56f url('/img/wordsheet-box-bg-yellow.png') repeat-x scroll 0 0;
}

/* ------------------------------------------------------------------------- */
/* USER-INFO-BOX */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box {
    float: left;
    width: 790px;
    min-height: 134px;
    
    margin: 0;
    margin-right: 5px;
}

div#wordsheet.boy > div.user-info-box {
    background: transparent url('/img/wordsheet-user-info-box-bg-boy.png') no-repeat 0 0;
}

div#wordsheet.girl > div.user-info-box {
    background: transparent url('/img/wordsheet-user-info-box-bg-girl.png') no-repeat 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box > p.name {
    display: block;

    margin: 0;
    margin-top: 15px;
    margin-left: 30px;
    
    font-size: 18px;
    font-weight: bold;
}

div#wordsheet.girl > div.user-info-box > p.name {
    color: #000000;
}

div#wordsheet.boy > div.user-info-box > p.name {
    color: #f3621e;
}

/* ------------------------------------------------------------------------- */
/* USER-INFO-BOX TABLE */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box > table {
    clear: both;
    width: 100%;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.left {
    width: 27%;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.left > img,
div#wordsheet > div.user-info-box td.left > a > img {
    display: block;

    border: 4px solid #ffffff;
    
    margin: 0 0 0 30px;
    padding: 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.middle {
    width: 47%;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.middle > p {
    float: left;
    width: 48%;
    
    margin: 0;
    margin-top: 5px;
    
    color: #ffffff;
}

div#wordsheet.girl > div.user-info-box > table td.middle > p > img.progressbar {
    background: #FFFFFF url('/img/pb-bg-girl.png') no-repeat scroll 0 0;
}

div#wordsheet.boy > div.user-info-box > table td.middle > p > img.progressbar {
    background: #FFFFFF url('/img/pb-bg-boy.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.right {
    /*width: 100%;*/
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box td.right > ul {
    display: block;
    margin: 0;
    padding: 0;

	list-style-type: none !important;
	list-style: none !important;
}

div#wordsheet > div.user-info-box td.right > ul > li {
    margin: 0;
    margin-top: 5px;
    margin-right: 20px;
    
    padding: 0;
    padding-left: 15px;
    
    line-height: 15px;
    
    color: #ffffff;
    
    font-weight: bold;
    font-size: 12px;
}

div#wordsheet.girl > div.user-info-box td.right > ul > li {
    background: transparent url('/img/user-info-box-arrow-girl.png') no-repeat scroll 0 0;
}

div#wordsheet.boy > div.user-info-box td.right > ul > li {
    background: transparent url('/img/user-info-box-arrow-boy.png') no-repeat scroll 0 0;
}

div#wordsheet.girl > div.user-info-box td.right > ul > li:hover,
div#wordsheet.girl > div.user-info-box td.right > ul > li.selected {
    color: #000000;
}

div#wordsheet.boy > div.user-info-box td.right > ul > li:hover,
div#wordsheet.boy > div.user-info-box td.right > ul > li.selected {
    color: #fc8d55;
}

/* ------------------------------------------------------------------------- */

div#wordsheet > div.user-info-box hr {
    float: left;
    clear: left;
    width: 750px;
    height: 0px;

    margin: 10px 20px 10px 20px;
    
    color: transparent; 
    background-color: transparent;
}

div#wordsheet.girl > div.user-info-box hr {
    border: 1px solid #cc4d45;
}

div#wordsheet.boy > div.user-info-box hr {
    border: 1px solid #467eb2;
}

/* ------------------------------------------------------------------------- */
/* MENU BOY & GIRL */
/* ------------------------------------------------------------------------- */

div#wordsheet.girl > div.menu {
    background: transparent url('/img/wordsheet-menu-bg-girl.png') no-repeat 0 0;
}

div#wordsheet.boy > div.menu {
    background: transparent url('/img/wordsheet-menu-bg-boy.png') no-repeat 0 0;
}


div#wordsheet.girl > div.menu > div.menu-content > a > span,
div#wordsheet.boy > div.menu > div.menu-content > a > span {
    color: #ffffff;
}


div#wordsheet.girl > div.menu > div.menu-content > a.selected > span,
div#wordsheet.boy > div.menu > div.menu-content > a.selected > span {
    color: #000000;
    background: transparent url('/img/wordsheet-menu-bg-rgt.png') no-repeat scroll top right;
}

div#wordsheet.girl > div.menu > div.menu-content > a.selected:hover > span,
div#wordsheet.boy > div.menu > div.menu-content > a.selected:hover > span {
    color: #000000;
}

div#wordsheet.girl > div.menu > div.menu-content > a:hover > span,
div#wordsheet.boy > div.menu > div.menu-content > a:hover > span {
    color: #f3621e;
    background: transparent url('/img/wordsheet-menu-bg-rgt.png') no-repeat scroll top right;
}

/* ------------------------------------------------------------------------- */
/* CONTENT BACKGROUNDS */
/* ------------------------------------------------------------------------- */

div#wordsheet.girl > div.content-border {
    background: transparent url('/img/wordsheet-content-border-girl.png') repeat-y 0 0;
}

div#wordsheet.boy > div.content-border {
    background: transparent url('/img/wordsheet-content-border-boy.png') repeat-y 0 0;
}

div#wordsheet.girl > div.content-border > div.content-background {
    width: 777px;
    margin-right: 0;
}

div#wordsheet.boy > div.content-border > div.content-background {
    width: 776px;
    margin-right: 0;
}

div#wordsheet.girl > div.content-border > div.content-background {
    background: #d64602 url('/img/wordsheet-content-bg-girl.png') repeat-x 0 0;
}

div#wordsheet.boy > div.content-border > div.content-background {
    background: #234db8 url('/img/wordsheet-content-bg-boy.png') repeat-x 0 0;
}

/* ------------------------------------------------------------------------- */
/* LANGUAGE-BOX LIST */
/* ------------------------------------------------------------------------- */

div#wordsheet > div.content-border > div.content-background div.language-border {
    display: block;
    height:160px;
    
    margin: 0;
    margin-top: 5px;
    padding: 5px;
}

div#wordsheet.boy > div.content-border > div.content-background div.language-border {
    background-color: #f0f8ff;
}

div#wordsheet.girl > div.content-border > div.content-background div.language-border {
    background-color: #faebd7;
}

/* ------------------------------------------------------------------------- */
/* ADATLAP INSIDE */
/* ------------------------------------------------------------------------- */

div#wordsheet div.content > h2,
div#wordsheet div.content > p.blockTitle {
    display: block;
    float: none;
    clear: both;
    
    margin: 0 20px;
    margin-top: 20px;
    padding: 0;
    
    font-family: verdana;
    font-size: 18px;
    font-weight: normal;
    
    line-height: 30px;
    
    color: #2672b9;
    background: none;
    
    border: 0;
    border-bottom: 1px solid #ffd3bb;
}

div#wordsheet div.content > p {
    display:block;
    float: none;
    clear: left;

    margin: 0 20px;
    margin-top: 10px;
    
    font-size: 11px;
    font-weight: normal;
    
    color: #000000;
}

div#wordsheet div.content > p > b {
    color: #ee4300;
    font-size: 11px;
}

/* ------------------------------------------------------------------------- */
/* HELP BOX */
/* ------------------------------------------------------------------------- */

div#wordsheet-box.help  {
    float: none;
}

div#wordsheet-box.help div.content > div.icons {
    float: left;
    width: 45px;
}

div#wordsheet-box.help div.content > div.icons > img {
    float: left;
    clear:left;

    margin-left: 5px;
}



div#wordsheet-box.help div.content > p {
    display: block;
    float: none;
    clear: none;

    margin-left: 50px;
    margin-right: 10px;
    
    color: #083d70;
}

div#wordsheet-box.help div.content > p > b {
    color: #083d70;
}

div#wordsheet-box.help div.content > p > a {
    float: none;

    margin: 0;

    font-size: 11px;
    color: #bc2c00;
}

div#wordsheet-box.help div.content > p > a:hover {
    color: #e9582c;
}


/* ------------------------------------------------------------------------- */

div#wordsheet-box.help > div.top {
    background: transparent url('/img/wordsheet-box-border-tl-help.png') no-repeat 0 0;
}

div#wordsheet-box.help > div.top > div {
    background: transparent url('/img/wordsheet-box-border-tr-help.png') no-repeat scroll top right;
}

div#wordsheet-box.help > div.bottom {
    background: transparent url('/img/wordsheet-box-border-bl-help.png') no-repeat 0 0;
}

div#wordsheet-box.help > div.bottom > div {
    background: transparent url('/img/wordsheet-box-border-br-help.png') no-repeat scroll top right;
}

div#wordsheet-box.help > div.left {
    background: transparent url('/img/wordsheet-box-border-left-help.png') repeat-y scroll 0 0;
}

div#wordsheet-box.help > div.left > div.right {
    background: transparent url('/img/wordsheet-box-border-right-help.png') repeat-y scroll top right;
}

div#wordsheet-box.help > div.left > div.right > div.content {
    background: #b4cff5 url('/img/wordsheet-box-bg-help.png') repeat-x scroll 0 0;
}

/* ------------------------------------------------------------------------- */
/* PICTURE BOX */
/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > p.caption-top,
div#wordsheet-box div.content > p.caption-bottom {
    float: left;
    width: 25%;
    
    
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0;
    
    vertical-align: top;
    
    font-weight: bold;
    font-size: 13px;

    color: #2166a6;
}

div#wordsheet-box div.content > p.caption-top {
    width: 40%;
    
    line-height: 18px;
}


div#wordsheet-box div.content > p.user {
    float: left;
    clear: none;
    width: 55%;
    
    margin: 0;
    margin-top: 5px;
    margin-left: 5px;
    
    color: #2166a6;
    
    font-weight: normal;
    font-size: 13px;
}

div#wordsheet-box div.content > p.user > b {
    color: #f3621e;
    
    font-weight: bold;
    font-size: 18px;
}

div#wordsheet-box div.content > div.word-picture {
    display: block;
    width: 343px;
    height: 258px;
    margin: 10px auto 10px auto;
}

div#wordsheet-box.orange div.content > div.word-picture {
    border: 1px solid #ffddac;
}

div#wordsheet-box.blue div.content > div.word-picture {
    border: 1px solid #c5daee;
}

div#wordsheet-box div.content > div.word-picture > img {
    border: 4px solid #ffffff;
}



div#wordsheet-box div.content > p.rate {
    float: left;
    clear: none;
    width: 15%;
    
    margin: 0;
    margin-top: 10px;
    margin-left: 5px;
    
    color: #2166a6;
    
    font-weight: bold;
    font-size: 13px;
}

div#wordsheet-box div.content > p.voting {
    float: left;
    clear: none;
    width: 40%;
    
    margin: 0;
    margin-top: 10px;
    margin-left: 5px;
    
    color: #000000;
    
    font-weight: bold;
    font-size: 13px;
}

div#wordsheet-box div.content > p.voting > img {
    width: 13px;
    height: 13px;
    cursor: pointer;
    
    margin: 0;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > hr.picture {
    display: block;
    float: none;
    clear: left;
    height: 0px;

    margin: 15px 10px 0 10px;
    *margin: 0px 10px;
    
    color: transparent; 
    background-color: transparent;
}

div#wordsheet-box.orange div.content > hr.picture {
    border: 1px solid #fddbac;
}

div#wordsheet-box.blue div.content > hr.picture {
    border: 1px solid #d2e3f4;
}

/* ------------------------------------------------------------------------- */

div#wordsheet-box div.content > a.report-picture {
    float: right;
    width:  30px;
    height: 30px;

    margin: 0;
    margin-top: 5px;
    margin-right: 10px;
    text-decoration: none;
    
    font-size: 10px;
    font-weight: bold;
}

div#wordsheet-box.orange > div.left > div.right > div.content > a.report-picture {
    background: transparent url('/img/wordsheet-box-report-red.png') no-repeat scroll 0 0;
}

div#wordsheet-box.blue > div.left > div.right > div.content > a.report-picture {
    background: transparent url('/img/wordsheet-box-report-blue.png') no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------- */
/* meaninglist */
/* ------------------------------------------------------------------------- */

table#meaninglist {
    
    width: 100%;
    padding: 0 2px;
}

table#meaninglist tr {

    background-color: #cec4b4;
}

table#meaninglist tr.highlight {

    background-color: #ddd3c3;
}

table#meaninglist tr td.first {
 
    border-right: 1px solid #c1b7a7;
}

table#meaninglist tr td.second {

    width: 25px;
    
    text-align: center;
    vertical-align: middle;
    
    padding: 0 5px;
}

table#meaninglist tr td.second img {

    cursor: pointer;
}

table#meaninglist tr.separator {
    
    height: 3px;
    background-color: #b0a593;
}

/* ------------------------------------- */

ul#meaninglist-item {

    display: block;
    
    margin: 0;
    padding: 0;


	list-style-type: none !important;
	list-style: none !important;
}

.votebox ul#meaninglist-item:hover {
    
    background-color: #ddd3c3;
}


ul#meaninglist-item > li {
    
    margin: 0;
    margin-left: 10px;
    
    line-height: 20px;
    vertical-align: middle;
    
    font-weight: normal;
    color: #000000;
}

ul#meaninglist-item > li > div.hands {
    
    float: right;
    margin-top: -25px;
}

/* -------------------*/

ul#meaninglist-item > li div.handup {
    width: 20px;
    height: 20px;
    float: left;
    
    cursor: pointer;
    
    background: transparent url('/img/handupsmall_blue.png') no-repeat 0 0;
}

ul#meaninglist-item > li div.handup:hover {
    background: transparent url('/img/handupsmall_orange.png') no-repeat 0 0;
}

ul#meaninglist-item > li div.handdown {
    width: 20px;
    height: 20px;
    float: left;
    
    cursor: pointer;
    
    background: transparent url('/img/handdownsmall_orange.png') no-repeat 0 0;
}

ul#meaninglist-item > li div.handdown:hover {
    background: transparent url('/img/handdownsmall_blue.png') no-repeat 0 0;
}


/* -------------------*/

ul#meaninglist-item > li.meaning-level {
    
    margin-bottom: 5px;
    
    line-height: 25px;
    
    padding-left: 0;
    margin-left: 0;
    
    font-size: 16px;
    font-weight: bold;
    color: #bc2c00;
}

.highlight ul#meaninglist-item > li.meaning-level {
    
    color: #f72500;
} 

ul#meaninglist-item > li.meaning-level > b {
    
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

/* -------------------*/

ul#meaninglist-item > li.feature-link {

    margin-left: 27px;
    margin-bottom: 5px;
    padding-left: 13px;

    line-height: 25px;
    
    font-size: 11px;
    font-weight: normal;
    color: #2166A6;
    
    cursor: pointer;

    background: transparent none no-repeat 0 0;
}

ul#meaninglist-item > li.feature-level {

    margin-left: 27px;
    padding-left: 13px;

    line-height: 25px;
    
    font-size: 14px;
    font-weight: bold;
    color: #0d467c;

    background: transparent url('/img/li-arrow-blue.png') no-repeat 0 0;
}

.highlight ul#meaninglist-item > li.feature-level {

    color: #2166a6;
    background: transparent url('/img/li-arrow-bluelight.png') no-repeat 0 0;
} 

/* -------------------*/

ul#meaninglist-item > li.feature {

    margin-left: 50px;

    font-size: 12px;
    font-weight: normal;
    color: #2166a6;

	list-style-type: disc !important;
}

.votebox ul#meaninglist-item > li.feature:hover {

    font-weight: normal;
    color: #bc2c00;
}

ul#meaninglist-item > li.feature > b {
    
    font-weight: normal;
    color: #000000;
}

/* -------------------*/

ul#meaninglist-item > li.feature-light {

    margin-left: 50px;

    font-size: 12px;
    font-weight: normal;
    color: #92adc7;

	list-style-type: disc !important;
}

.votebox ul#meaninglist-item > li.feature-light:hover {

    font-weight: normal;
    color: #d6d1c9;
}

ul#meaninglist-item > li.feature-light > b {
    
    font-weight: normal;
    color: #858585;
}

/* -------------------*/

ul#meaninglist-item > li.text {

    margin-left: 40px;

    font-size: 14px;
    font-weight: normal;
    color: #010101;
}

.highlight ul#meaninglist-item > li.text {

    color: #565656;
}

/* -------------------*/

ul#meaninglist-item > li.text-light {

    margin-left: 40px;

    font-size: 14px;
    font-weight: normal;
    color: #858585;
}

.highlight ul#meaninglist-item > li.text-light {

    color: #a7a7a7;
}


/* ------------------------------------------------------------------------- */
/* possiblemeaninglist-features */
/* ------------------------------------------------------------------------- */


ul#possiblemeaninglist-features {
 
    float: left;
    
    margin: 0;
    padding: 0;

    background-color: transparent;

	list-style-type: disc;
}


ul#possiblemeaninglist-features > li {
    
    margin: 0;
    padding-left: 13px;
    
    line-height: 20px;
    vertical-align: middle;

    font-weight: normal;
    color: #4d9ae1;
    
    background: transparent url('/img/li-arrow-blue.png') no-repeat 0 0;
}


ul#possiblemeaninglist-features > li:hover {
    
    color: #0164bf;
}


ul#possiblemeaninglist-features > li > b {
    
    font-weight: normal;
    color: #000000;
}

/* -------------------*/
/* HANDS */
/* -------------------*/

div.handup {
    width: 20px;
    height: 20px;
    float: left;
    
    cursor: pointer;
    
    background: transparent url('/img/handupsmall_blue.png') no-repeat 0 0;
}

div.handup:hover {
    background: transparent url('/img/handupsmall_orange.png') no-repeat 0 0;
}

div.handdown {
    width: 20px;
    height: 20px;
    float: left;
    
    cursor: pointer;
    
    background: transparent url('/img/handdownsmall_orange.png') no-repeat 0 0;
}

div.handdown:hover {
    background: transparent url('/img/handdownsmall_blue.png') no-repeat 0 0;
}