html {
    display: block;
}

form {

}

body {
    color: #525252;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 10pt;
    line-height: 18px;
    min-width: 960px;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

.desktop {
    max-width: 960px;
    margin: auto;
    padding-left: 5px;
    margin-bottom: 20px;
}

.pageTop {
    height: 55px;
    margin: auto;
    max-width: 960px;
    padding: 5px 0;
}

a {
    color: #264ba0;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

acronym {
    border: none;
}

img {
    border: none;
}

table {
    border-collapse: collapse;
}

.logo {
    height: 45px;
    width: 225px;
    float: left;
    padding: 5px 0 5px 0;
    text-decoration: none;
    border: 0;
}

.slogan {
    color: #A8B0B4;
    text-transform: uppercase;
    height: 12pt;
    font-weight: bold;
    float: left;
    padding: 30px 0 0 0;
    font-family: Arial, Helvetica,sans-serif;
    display: none;
}

.userInfo {
    text-align: right;
    color: #696969;
    padding: 10px 0 0 20px;
}

    .userInfo a {
        color: #1F8C86;
    }


.loginPanel input[type='text'], .loginPanel input[type='password'] {
    border: thin solid #B3B3B3;
    width: 120px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #696969;
    padding: 2px;
}

.txt_placeholder {
    font-style: italic;
    color: #B3B3B3;
}

.loginPanel {
    padding-top: 7px;
    text-align: right;
    color: #696969;
    vertical-align: bottom;
}

    .loginPanel a {
        color: #fff;
        font-size: 15px;
        margin: 5px 0;
        background-color: #1E8B7B;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAMCAYAAACX8hZLAAABEklEQVQ4y62UsUpDQRBFz7zERCwCNmpjULG10sJf0HyBRUobKz9FUHvBwk4QtM832NoIdumCgoUmx8J5EEIE9b0Ly7DDcGfvnd2FKajBDObl/g11QW2pV+qTOlB362xQqAd+Y6TeqY+5P6+sKBsUSXg/TageZb5fRURJdgacRERLbQAToIiIsXoJ9IEu0Ab8U4OIYanmJcnmzalnBQA0qQ8CY6B04rNUXWTBLXCcp2+ooTYi4gM4BF6BZWANWJ1Z68BeWv+ccQi8leOoPPi0tJt1+xlP1Rv1HaAZERO1AHrAgzoCBuomsANcRMS1GhHhD5entL2VcQnoAIu1PMa0tqluqW11W+2oK+oGv/lC6vhWvgDw2EBHeSBj2QAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: 10px 5px;
        background-size: 25px auto;
        border: 1px solid #399E9E;
        border-radius: 2px;
        cursor: pointer;
        outline: none;
        padding: 2px 10px 2px 45px;
        line-height: 19px;
    }

    .loginPanel a:hover {
        background-color: #428080;
    }

    .loginPanel a:active  {
        padding: 2px 9px 0 44px;
        background-position: 9px 5px;
        border: 2px solid #418282;
        background-color: #558787;
    }


.rememberMe {
    width: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    cursor: hand;
    cursor: pointer;
}

.loginOperations {
    float: right;
}

.loginError {
    color: #f00;
    width: 307px;
    height: 3px;
    display: block;
    float: right;
}

.error {
    color: #f00;
}

.loginEklase img {
    margin-bottom: -4px;
}

.menuContainer {
    background-color: #525252;
    height: 38px;
    display: block;
    clear: both;
    padding: 0 10px 0 0;
}

    .menuContainer .desktop {
        margin-bottom: 0;
    }

.submenu a {
    font-size: 10pt;
    color: #FFB155;
    padding: 10px 10px 10px 10px;
    margin: 0 0 0 10px;
    display: block;
    float: right;
}

.menu a {
    font-size: 10pt;
    color: White;
    padding: 10px;
    margin: 0;
    display: block;
    float: left;
}

.menu_active {
    color: #1F8C86 !important;
    background-color: #E6E5E3 !important;
}

.menu_active_sub {
    color: #525252 !important;
    background-color: #E6E5E3 !important;
}

#ctl00_menu0, #ctl00_ctl00_menu0 {
    background-image: url('design/homeWhite.png');
    background-repeat: no-repeat;
    background-position: 15px 10px;
    width: 30px;
    height: 18px;
}

.menu_active#ctl00_menu0 {
    background-image: url('design/home.png') !important;
}



.fp_pumpa {
    color: #157871;
    width: 5px;
    height: 5px;
    background-color: #157871;
    display: block;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.arPumpu {
    background-position: left center;
    padding-left: 10px;
    background-image: url('design/pumpa.png');
    background-repeat: no-repeat;
}

.arMazuPumpu {
    background-position: left center;
    padding-left: 10px;
    background-image: url('design/mazaPumpa.png');
    background-repeat: no-repeat;
}




.fp_subtitle {
    clear: both;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 2px;
    padding-top: 10px;
}

.fp_title {
    font-size: 11pt;
    color: White;
    text-transform: uppercase;
    padding: 3px 30px 3px 10px;
    margin: 10px 0 0 5px;
    background-color: #1F8C86;
    width: 150px;
    position: relative;
    top: 12px;
    clear: both;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.fp_orange {
    background-color: #FE9B00;
}

.fp_text {
    padding: 20px 5px 10px 10px;
    font-size: 10pt;
  
    margin: 0 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fp_grtext {
    padding: 20px 5px 10px 10px;
    font-size: 10pt;
    background-color: #EFF8F3;
    margin: 0 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.fp_orangeBck {
    background-color: #FDF7E1;
}

.fp_whiteBck {
    background-color: #FFFFFF;
}

.fp_text > img {
    display: block;
    float: left;
    width: 100px;
    padding-right: 3px;
}

.fp_text_middle > * {
    margin-left: 10px;
}

.fp_line {
    margin: 0 0 5px 0;
    height: 3px;
    background-color: #E9E8E6;
    display: block;
    border: none;
    clear: both;
}

.fp_smallline {
    margin: 0;
    height: 1px;
    background-color: #E8E8E6;
    display: block;
    border: none;
    clear: both;
}

.fp_text_middle {
    padding: 14px 5px 10px 0;
    margin: 0 20px 0 0;
}

.firstColumn .fp_title {
    color: #1F8C86;
    background-color: White;
}

.termOfDay {
    font-style: italic;
}

.red {
    color: #f00;
}

.master_body {
    clear: both;
    width: 100%;
    height: auto;
}

.master_sans {
    vertical-align: top;
    text-align: left;
    width: 250px;
    min-width: 250px;
    margin-right: 20px;
}

    .master_sans .fp_text img {
        max-width: 230px;
    }

.master_vidus {
    width: 100%;
}

    .master_vidus .fp_text img {
        max-width: 240px;
    }

.today {
    color: #696969;
    padding-top: 5px;
    width: 250px;
}

    .today > div {
        color: #228483;
    }

.searchPanel input {
    float: left;
    margin-left: 3px;
}

.searchPanel > img {
    padding: 5px;
    float: left;
    cursor: hand;
    cursor: pointer;
}


.socialPanel {
    padding: 0 0 3px 0;
    display: inline;
    float: right;
}

.searchPanel {
    padding: 3px 0 0 3px;
}

    .searchPanel .izvMekl {
        color: #1F8C86;
        padding: 7px 0 0 40px;
        text-decoration: none;
        float: left;
    }

.searchBox {
    background: #FFFFFF url(design/lupa.png) no-repeat 230px 4px;
    border: thin solid #B3B3B3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 22px 2px 2px;
    width: 230px;
    height: 20px;
    font-size: 14px;
}


.hp_sans {
    float: left;
    background-color: #979797;
    vertical-align: top;
    text-align: left;
    width: 200px;
}


.master_search {
    padding-top: 3px;
}

.resxml {
    text-align: justify;
}

#section8 {
    text-align: left;
}

.firstPage {
    color: #424242;
    position: relative;
    top: -10px;
}

    .firstPage tr {
        /*vertical-align: top;*/
    }

.fpLeft {
    width: 302px;
}

.fpRight {
    width: 292px;
}


.firstPage p {
    margin: 5px 10px 10px 10px;
    text-align: left;
}

.firstPage img {
    float: left;
    text-align: left;
}

.firstPageSide {
    font-size: 8pt;
    color: #424242;
    vertical-align: top;
}

    .firstPageSide p {
        margin: 5px 10px 10px 10px;
    }

    .firstPageSide img {
        float: left;
    }

.firstPageRes {
    vertical-align: top;
}

.firstPageResimg {
    border-color: #a8ae93;
    border-width: 1px;
    margin-right: 10px;
}

.enc_subtitle {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 2px;
}

.enc_bold {
}

.top {
    text-align: left;
    width: 100%;
    color: #ffffcc;
    background-color: #6d6600;
}

.copyright {
    display: block;
    clear: both;
    font-size: 10pt;
    vertical-align: bottom;
    width: 100%;
    background-color: #525252;
    color: White;
    padding-top: 0;
    height: 39px;
}

.tilde_logo {
    background-position: left center;
    background-image: url('design/tilde.png');
    background-repeat: no-repeat;
    height: 29px;
    padding-left: 35px;
    padding-top: 10px;
    display: inline-block;
    float: left;
}

.copyright a {
    color: White;
}

.supportLinks {
    padding-top: 10px;
    float: right;
}

    .supportLinks a {
        padding: 0 10px 0 10px;
    }


.meklet {
    font-weight: bold;
    font-size: 11px;
    color: #3e5515;
}

.saans {
    width: 99%;
    height: 100%;
    padding-bottom: 10px;
    vertical-align: top;
    text-align: left;
}


div.hr {
    height: 2px;
    margin: 2px 0 2px 0;
    border-bottom: 1px solid #d8d8d8;
}

.literature div.hr {
    height: 1px;
    margin: 2px 10px 2px 0;
}

.hrList {
    height: 1px;
    width: 250px;
    background-image: url(pictures/hr.PNG);
    background-repeat: repeat-x;
}

div.hr hr {
    display: none;
}

.resListe {
    margin: 0 10px;
    vertical-align: text-top;
}

.literature .resListe, .c_container.macibas ul.c_items_ul li a {
    padding: 5px 0;
    background-image: url('/literatura/assets/next_small_green.png');
    background-repeat: no-repeat;
    background-position: 110% center;
    background-position: right -10px center;
    background-size: 8px 15px;
    -moz-transition: .2s background-position ease-in-out;
    -o-transition: .2s background-position ease-in-out;
    -webkit-transition: .2s background-position ease-in-out;
    transition: .2s background-position ease-in-out;
}

    .literature .resListe:hover,
    .literature .resListe.resSelected,
    .c_container.macibas ul.c_items_ul li a:hover,
    .c_container.macibas ul.c_items_ul li.c_itemSelected a {
        background-position: 97% center !important;
        background-position: right 10px center !important;
    }

    .literature .resListe.resSelected {
        font-weight: bold;
    }

.resListe a, .saans a {
    color: #424242;
    padding: 3px 0;
}

.literature .resListe a,
.literature .resListe b {
    color: #16857d;
    margin-right: 25px;
    display: block;
}

.resListe b {
    font-weight: normal;
}

.resListe a:hover {
    color: #1F8C86;
}

.resListe.resSelected a,
.resListe.resSelected b {
}

.resourceName, 
.c_container .c_items .c_title {
    margin: 15px 0 20px 10px;
    text-align: left;
    display: block;
    font-size: 15pt;
    color: #525252 !important;
    width: 210px;
    float: left;
    line-height: 1.2;
}



.fp_resourceName {
    margin: 20px 5px 10px 0;
    color: #1F8C86;
    text-transform: uppercase;
    line-height: 12pt;
}

.kanonsResource {
    background-image: url('groups/pictures/kanons.gif');
    background-repeat: no-repeat;
    padding: 50px 5px 0 10px;
}

#ctl00_sans_injan {
    float: left;
    display: block;
    margin-top: 20px;
}

.leftMenu {
    padding: 0 5px 5px 0;
    clear: both;
}

/*################################################################
šķirkļu saraksts
##################################################################*/

.entryListPanel {
    width: 100%;
}

.entryListes {
    overflow-x: hidden;
    overflow: auto; /*overflow-y:scroll;*/
    height: 477px;
    color: #3e5515;
    width: 100%;
    font-size: 9pt !important;
}

    .entryListes A {
        color: #424242;
    }

.entryListItemON {
    background-color: #fdf5e0;
    padding-left: 5px; /*border-top-style: dotted;*/
    overflow-x: hidden;
    padding-top: 1px;
    padding-bottom: 2px;
}

.entryListItem {
    padding: 0 0 0 5px;
    overflow-x: hidden;
    padding-top: 1px;
    padding-bottom: 2px;
    /*background-color: #F8F5F1;	*/
}

.actual /*atvērtais šķirklis*/ {
    background-color: #fdf5e0;
    padding-left: 5px;
}

    .actual A /*atvērtais šķirklis*/ {
        /*color:#319687;*/
        font-weight: bold;
    }
/*pogas šķirkļu sarakstam*/

.chars /*visas pogas*/ {
    width: 100%;
    font-size: 10pt;
    /*height: 14px;	*/
    line-height: 10pt;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.arrowGT {
    background-image: url(pictures/arrowGT1.PNG);
    background-repeat: no-repeat;
    width: 4px;
    background-position-y: center;
}

.arrowMiddle {
    width: 230px;
    vertical-align: middle;
    text-align: center;
    height: 14pt;
}

.arrowLT {
    background-image: url(pictures/arrowLT1.PNG);
    background-repeat: no-repeat;
    background-position-y: center;
    height: 7px;
    width: 15px;
    vertical-align: middle;
}

.entryListChar /* viena poga*/ {
    font-weight: normal;
    color: #d05d00;
    letter-spacing: 4px;
    padding-left: 3px;
    font-size: 11pt;
}

.entryListCharActive {
    font-weight: bold;
    color: #D05D00 !important;
    padding-left: 3px;
    letter-spacing: 4px;
    font-size: 11pt;
}

.chars a:hover {
    color: #cc9900;
}

.firstPageResList {
    padding: 0 0 5px 5px;
}

    .firstPageResList a {
        color: #3e5515;
        font-weight: normal;
        text-decoration: none;
        font-size: 12px;
    }

/*################################################################
meklējums
##################################################################*/
.highlight {
    /*background-color: #f6f9d7;*/
    font-weight: bolder;
    color: #d05d00;
}

.searchResults a {
    text-decoration: none;
    font-weight: bold;
    /*color: #3e5515;*/
    color: #264ba0;
}

.searchResults p {
    margin: 5px 0 0 0;
}

.resName {
    color: #8c946f;
}

    .section .resName {
        /* MZ */
        text-transform: uppercase;
        display: inline-block;
        min-width: 24px;
        text-align: justify;
    }


.resNameSearch {
    padding-left: 5px;
    color: #8c946f;
    font-size: 9pt;
    vertical-align: baseline;
}

.descr {
    margin-left: 3px;
}

.suggestions {
    padding: 10px 0 0 20px;
}

.imgPrev {
    float: left;
    border-color: #a8ae93;
    border-width: 1px;
    max-width: 100px;
    width: expression(this.width > 100 ? 100: true);
    max-height: 200px;
    height: expression(this.height > 200 ? 200: true);
    margin-right: 10px;
    margin-bottom: 5px;
}

.uzzini > div > ul {
    display: block;
    margin-left: 120px;
}

.uzzini {
    line-height: 10pt;
}

    .uzzini p {
        margin: 0 0 0 0;
    }

    .uzzini img {
        padding: 2px 20px 0 0;
        float: left;
        width: 100px;
    }

.siDienaVesture {
    text-align: left;
}

    .siDienaVesture > div {
        background-position: 0 4px;
        clear: both;
        padding-top: 10px;
        background-image: url('design/lotiMazaPumpa.png');
        background-repeat: repeat-x;
    }

        .siDienaVesture > div:first-child {
            background-image: none;
            background-repeat: repeat-x;
        }

    .siDienaVestureImg, .siDienaVesture img {
        overflow-x: auto;
        padding: 5px;
        /*max-width:100px;*/
        height: 100px;
        /*width: expression(this.width > 100&&this.width>this.height ? 100: true);
	height: expression(this.height > 100&&this.height>this.width? 100: true);*/
        float: right;
        display: inline-block;
    }

.rezCount {
    color: #8c946f;
}

.pagingLinks {
    color: #3e5515;
    margin: 0 10px 0 10px;
    width: 97%;
}

    .pagingLinks a {
        text-decoration: none;
        color: #8c946f;
    }

    .pagingLinks img {
        padding-right: 1px;
        padding-left: 1px;
        vertical-align: middle;
        text-decoration: none;
    }

.pagingHR {
    height: 5px;
    background-repeat: repeat-x;
    background-image: url(pictures/hr.PNG);
}

.HRfirstPage {
    height: 10px;
    top: 4px;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    background-repeat: repeat-x;
    background-image: url(pictures/hr.PNG);
}


/*################################################################
šķirkļa elementi
##################################################################*/
.highlightEntry {
    background-color: #f9dcaa;
}

.title {
    font-weight: bold;
    color: Black;
}


.subjectfield {
    color: #a8ae93;
    font-weight: bold;
}



.pronunc {
}

.comments {
    color: #628985;
}

.author {
    color: #628985;
}

.quotation {
    padding: 10px 10px 10px 10px;
    background-color: #f8f8f8;
}

    .quotation strong {
        font-weight: normal;
        font-style: italic;
        margin-top: 5px;
    }

    .quotation p {
        font-weight: normal;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        margin: 0;
        padding-top: 0;
    }

    .quotation i {
        font-style: normal;
    }

.source {
    color: #3e5515;
}


.inlineTable {
    /*word-break:break-all;*/
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    border-right: #cccc99 groove;
    border-top: #cccc99 groove;
    border-left: #cccc99 groove;
    border-bottom: #cccc99 groove;
}

.inlineTD {
    padding: 3px 10px;
    vertical-align: top;
    border-right: #cccc99 thin solid;
    border-top: #cccc99 thin solid;
    border-left: #cccc99 thin solid;
    border-bottom: #cccc99 thin solid;
}

.inlineTR {
    border-right: #cccc99 thin solid;
    border-top: #cccc99 thin solid;
    border-left: #cccc99 thin solid;
    border-bottom: #cccc99 thin solid;
}

.reslist {
    width: 100%;
    vertical-align: top;
    text-align: left;
}

.rank {
    color: #996633;
    padding-left: 10px;
}

.embImage {
    padding: 0 0 30px 30px;
    margin: 0;
    text-align: right;
    max-width: 150px;
    width: expression(this.width > 140 ? 140: true);
}

.embeddImageFrame {
    width: 140px;
    overflow: hidden;
}

.multTitle {
    color: #525252;
    text-align: right;
    vertical-align: top;
    width: auto;
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: 12px;
}

.right {
    float: right;
}

#entryScroll .entry {
    padding-right: 15px;
    text-align: left;
    line-height: 1.5em;
}

.entry {
    margin: 0 0 5px 0;
    color: #525252;
}

    .entry p {
        margin: 5px 0 5px 0;
    }

.embImage img {
    max-width: 140px;
    width: expression(this.width > 140 ? 140: true);
    border-color: #a8ae93;
    border-width: 1px;
}

.linkToOther a:hover {
}

.linkToOther a {
    color: #264ba0;
    text-decoration: none;
}

    .linkToOther a:visited {
        color: #264ba0;
        text-decoration: none;
    }

    .linkToOther a img {
        border-width: 0;
    }

.bold {
    font-weight: bold;
}

.EntryTitle {
    font-weight: bold;
}

.space5px {
    margin: 15px 0 0 0;
}

.fromSample {
    color: #424242;
}

.EntryText {
    color: #525252;
    font-weight: normal;
}

.EntryItalic {
    /*font-size: 11px;*/
    font-style: italic;
}

.EntryExpression {
    /*font-size: 11px;*/
    color: #3e5515;
}

.editText {
    font-weight: bold;
    color: #b4604f;
    font-style: normal;
    font-size: 10pt;
    font-variant: small-caps;
}

.video {
    text-align: left;
    clear: none;
    font-size: xx-small;
    padding: 10px 2px 0 0;
}

.firstEntry {
    margin: 5px 10px 10px 0;
    background-color: #FDF5E0;
    padding: 5px 0 5px 0;
    border: #f9dcaa 1px solid;
}

.period {
    color: #3e5515;
}

/*nav tiesību apskatīt šķirkli*/
.forbidden {
    margin: 10px 20px;
    vertical-align: middle;
    color: #cc3300;
    text-align: left;
}

.searchPath {
    clear: both;
}

.keyboard {
    text-align: center;
    vertical-align: bottom;
    float: left;
}

.pogudelis {
    clear: both;
    width: 430px;
    float: left;
    padding: 5px 0 3px 0;
    font-size: 12px;
    color: #696969;
    display: block;
}

#ctl00_search_searchPath {
    clear: both;
    float: left;
    padding: 5px 0 3px 0;
    font-size: 12px;
    color: #696969;
    display: block;
}

.KeyBtn {
    padding: 0 2px 0 0;
    background-image: url(pictures/key.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 21px;
    cursor: pointer;
    vertical-align: bottom;
}

.KeyBtn_down {
    padding: 0 2px 0 0;
    background-image: url(pictures/key2.PNG);
    background-repeat: no-repeat;
    width: 19px;
    height: 21px;
    cursor: pointer;
}

.KeyBtn_text {
    padding-top: 3px;
    padding-left: 2px;
    color: #3e5515;
    font-weight: bold;
    font-size: 12px;
}

A.SiteLinkTop:link {
    font-weight: bold;
    font-size: 11px;
    color: #eee7b1;
}

A.SiteLinkTop:active {
    font-size: 11px;
    font-weight: bold;
    color: #eee7b1;
}

A.SiteLinkTop:visited {
    font-size: 11px;
    font-weight: bold;
    color: #eee7b1;
}

A.SiteLinkTop:hover {
    font-size: 11px;
    font-weight: bold;
    color: #eee7b1;
}

A.SiteLink:link {
    font-size: 11px;
    font-weight: bold;
    color: #403303;
}

A.SiteLink:active {
    color: #403303;
}

A.SiteLink:visited {
    color: #403303;
}

A.SiteLink:hover {
    color: #eee7b1;
}

.SiteLink {
    font-size: 11px;
    color: white;
}

.SiteLinkLabel {
    font-size: 11px;
    color: white;
    font-weight: bold;
}

.LVEE {
    font-size: 8pt;
    color: #3e5515;
    font-weight: bold;
    padding-top: 10px;
    display: block;
    -ms-text-justify: auto;
    text-justify: auto;
    text-align: justify;
}

.aptauja {
    padding: 7px 5px 5px 5px;
    text-align: left;
}

    .aptauja img {
        position: relative;
        top: 3px;
        padding-right: 6px;
    }

    .aptauja p {
        padding: 2px;
        margin: 0;
    }

    .aptauja .q_buttons {
        padding-top: 10px;
    }

.entryLine {
    background-image: url(groups/pictures/line.PNG);
    background-repeat: repeat-x;
    height: 1px;
}

.entryTitleComp {
    padding: 2px 0 5px 0;
    font-weight: bold;
    font-size: 12pt;
    margin: 0 0 0 0;
}

.section {
    display: block;
    padding: 0 0 0 5px;
}

.sectionHeader {
    padding: 0 0 0 0;
    margin-top: 0;
}

.sectionTitle {
    text-transform: uppercase;
    color: #424242;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sectionImage {
    cursor: hand;
    cursor: pointer;
}

.noTranslation {
    margin: 10px 0 0 0;
}

.sectionForbidden {
    margin: 5px 0 5px 0;
    padding: 2px 10px 2px 0;
    color: #000000;
    background-position: left center;
    background-image: url(groups/pictures/key.PNG);
    background-repeat: no-repeat;
    border-right: #ffe1bb 1pt solid;
    border-top: #ffe1bb 1pt solid;
    border-left: #ffe1bb 1pt solid;
    direction: ltr;
    border-bottom: #ffe1bb 1pt solid;
}

    .sectionForbidden p {
        margin: 5px 0 7px 50px;
        padding: 0 0 0 0;
    }

.etbResults {
    padding: 0 0 15px 0;
}

.etbRes p {
    padding: 0 0 10px 3px;
    margin: 0 0 0 0;
}

.etbResults p {
    padding: 0 0 0 3px;
    margin: 0 0 0 0;
}

.entryAbonInfo {
    padding: 0 0 0 -30px;
    margin: 0 0 0 -10px;
}

.hansanetForma {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    background-color: #fffff0;
    width: 350px;
    border-right: #cccccc thin solid;
    border-top: #cccccc thin solid;
    border-left: #cccccc thin solid;
    border-bottom: #cccccc thin solid;
}

.skatitPilnu {
    padding-top: 10px;
    float: left;
}

.searchResults .skatitPilnu {
    float: none;
}

.skatitPilnuETB a {
    padding-top: 0;
    margin-bottom: 10px;
    float: none;
    font-weight: normal;
    color: #264ba0;
}

.skatitPilnu a {
    font-weight: normal;
    color: #264ba0;
}

.etbLang {
    padding-left: 5px;
    color: #c4c899;
}

.commentLink {
    font-style: italic;
    font-variant: normal;
    color: #88c4be;
}

.hpLinks {
    padding: 10px 5px 10px 15px;
}

    .hpLinks a {
        color: Black;
    }

.hp_submenu a {
    color: white;
    padding: 0 0 0 3px;
}

.hp_submenu p {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
}

.tableOfContentHeader {
    padding: 5px 0 0 10px;
    margin: 0;
    text-decoration: none;
    white-space: normal;
}

.tableOfContents {
    overflow: auto;
    font-size: 11px;
    width: 242px;
    margin-left: 5px;
}

    .tableOfContents p {
        padding: 4px 0 0 0;
        margin: 0 0 0 0;
        text-align: left;
        vertical-align: text-bottom;
        clear: both;
    }

        .tableOfContents p img {
            margin: 2px 1px 0 0;
            float: left;
            padding: 2px 0 0 0;
        }

        .tableOfContents p a {
            cursor: pointer;
            cursor: hand;
            display: block;
            margin-left: 12px;
            font-size: 11px;
            color: #3e5515;
            text-decoration: none;
        }

.subtitle {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #3e5515;
}

.subtitle0 {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #3e5515;
}

.subtitle1 {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.subtitle-lit {
    font-size: 22pt;
    font-weight: normal;
    text-align: left;
    line-height: 1.2;
}

.subtitle-lit-sm {
    font-size: 15pt;
    font-weight: normal;
    text-align: left;
    line-height: 1em;
}

.bookmark {
    font-size: 13px;
    color: #40823E;
    font-weight: bold;
}


.person {
    font-weight: bold;
    color: #800000;
}


.titlePath {
    color: #3e5515;
    font-weight: bold;
    text-align: left;
    width: 500px;
    float: left;
}

    .titlePath a {
        color: #3e5515;
        cursor: hand;
        cursor: pointer;
        font-weight: normal;
    }


.titlePathBackground {
    height: 1px;
    margin: 5px 0;
}

#entryScroll {
    width: 100%;
    overflow: auto;
    float: left;
}

.publicationLayout {
    font-size: 12px;
}

.sectionSelected {
    font-weight: bold;
    color: #CE5D00;
}

.division a {
    font-weight: bold;
    color: #3e5515;
    font-size: 12px;
}

.division {
    margin: 10px 10px 0 0;
    padding: 0 0 0 0;
}

.divisionElement a {
    font-weight: bold;
    color: #D05D00;
    font-size: 16px;
}




.divisionElement {
    margin: 5px 10px 0 20px;
    padding: 0;
}

.publicationList a {
    color: #CE5D00;
    font-weight: bold;
}

.publicationList {
    font-size: 12px;
    margin-left: 25px;
}

.publicationSection a {
    font-weight: normal;
    color: #525252;
}

.publicationSection {
    padding: 1.3em 0 .3em 0;
    clear: both;
    line-height: 1.2em;
    color: #525252;
    font-weight: normal;
    font-size: 15pt;
}

.loading {
    margin: 50px 30px 30px 130px;
}

.paintBrush {
    cursor: hand;
    cursor: pointer;
    position: relative;
    display: none;
}

.KlasikiInlinePic {
    float: right;
    border: 0;
    max-width: 250px;
    width: expression(this.width > 250 ? 250: true);
    max-height: 350px;
    height: expression(this.height > 350 ? 350: true);
    margin: 10px 0 10px 10px;
}

iframe.multImage2 {
    height: 40px;
    width: 450px;
    border: none;
    display: inline;
    overflow: hidden;
}

iframe.audio {
    height: 40px;
    width: 100%;
    border: none;
}

iframe.video {
    height: 340px;
    width: 100%;
    border: none;
}

img.multImage2 {
    border: 0;
    max-width: 500px;
    width: expression(this.width > 500 ? 500: true);
    margin: 5px 0 5px 0;
}

.KlasikiInlinePic2 {
    display: block;
    border: 0;
    max-width: 250px;
    width: expression(this.width > 250 ? 250: true);
    max-height: 350px;
    height: expression(this.height > 350 ? 350: true);
    margin: 10px 0 10px 10px;
}

.startReading {
    margin: 0 0 10px 10px;
    color: #3e5515;
    cursor: hand;
    cursor: pointer;
}

.favorite {
    background-image: url(literatura/img/bookmark.jpg);
    background-repeat: no-repeat;
    height: 25px;
    width: 36px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 25px;
    color: #3e5515;
    vertical-align: middle;
}

.inlineImageFrame {
    width: 500px;
    overflow: hidden;
}

.imageFrame {
    clear: both;
    width: 677px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.multImage {
    width: expression(this.width > 675 ? 675: true);
    max-width: 675px;
    border: 1px solid #a8ae93;
}

.b1_multimediaSection {
    margin: 5px 0 0 0;
    color: #424242;
    text-transform: uppercase;
}


#myselectbox {
    font-size: 7pt;
    background-color: #FFFDE6;
    color: #003399;
}

.mapsPS {
    border: 1px solid #a8ae93;
    text-align: right;
    margin: 5px 0 15px 0;
    background-color: #FAF5E4;
    padding: 5px 5px 5px 5px;
    display: block;
}

#mini_map {
    height: 180px;
    width: 277px;
    border: 1px solid #a8ae93;
}

.mapContainer {
    height: 215px;
    width: 280px;
    float: right;
    margin: 0 0 5px 10px;
    overflow: hidden;
}

.personvardi {
    width: 243px;
    color: #D05D00;
    background-color: #F8F5F1;
}

.gDescr {
    font-size: 8pt;
    max-width: 200px;
    width: expression(this.width > 200 ? 200: true);
}

    .gDescr b {
        display: block;
    }

    .gDescr img {
        max-height: 60px;
        height: expression(this.height > 60 ? 60: true);
        max-width: 80px;
        width: expression(this.width > 80 ? 80: true);
        float: left;
        display: block;
        padding-right: 5px;
    }

.c_title {
    padding: 6px 0 6px 0;
    font-weight: bold;
    color: #FF8400 !important;
}

.c_subtitle {
    padding: 6px 0 6px 0;
    font-size: 13pt;
    color: #157871;
}

.c_title a {
    font-size: 13pt;
    color: #525252;
    text-transform: uppercase;
}

.c_container .c_items .c_title {
    font-weight: normal;
    text-transform: none;
    padding: 0;
    margin-bottom: 10px;
}

.c_container {
    width: 100%;
    height: 100%;
    margin-top: -3px;
    min-width: 958px;
}

    .c_container .c_items {
        clear: both;
        float: left;
        margin: 0;
        display: block;
        width: 20%;
    }

    .c_container ul {
        clear: both;
        float: left;
        margin: 0;
        padding: 20px 0 0 0;
        display: block;
        
    }
    
    .c_container.macibas ul {
        padding-top: 0;
    }

    .c_container.macibas .c_title {
        text-transform: none;
        font-weight: normal;
        color: #FF8400 !important;
        font-size: 15pt;
    }

.kanons {
    margin-top: 10px;
    background-image: url('kolekcija/img/fons.png');
    background-repeat: repeat-x;
    margin-right: 13px;
    width: 960px;
}

    .kanons .c_imageContainer a img {
        width: 137px;
    }


.c_container ul li {
    margin: 10px 10px 10px 0;
    list-style-type: none;
}

    .c_container ul li a {
        color: #157871;
        text-transform: uppercase;
        font-weight: bold;
    }

.bottom-section {
    clear:both;
}

.c_itemSelected a {
    color: #FF8400 !important;
    background-position-y: 0;
    background-image: url('kolekcija/img/selected.png');
    padding-left: 10px;
    background-repeat: no-repeat;
}

    .c_container.macibas .c_contents {
        width: 683px;
        padding-top: 12px;
        line-height:1.5em;
    }

    .c_container.macibas .c_items {
        width: 237px;
        margin-right: 35px;
        margin-bottom: 20px;
    }

    .c_container.macibas ul.c_items_ul li {
        border-bottom: 1px solid #d8d8d8;
        margin: 0;
        padding: 2px 0 2px 0;
    }

        .c_container.macibas ul.c_items_ul li span,
        .c_container.macibas ul.c_items_ul li a {
            display: block;
            padding: 8px 0;
            margin: 0 0 0 10px;
        }

            .c_container.macibas ul.c_items_ul li:not(:first-child) .c_itemTitle {
                margin-top: 2.5em;
            }

        .c_container.macibas ul.c_items_ul li a {
            font-weight: normal;
            text-transform: none;
            color: #16857d;
            padding-right: 25px;
        }

        .c_container.macibas ul.c_items_ul .c_itemSelected a {
            color: #16857d !important;
            font-weight: bold;
        }

    .c_container.macibas .c_contentsTitle {
        margin-top:5px;
        padding: 4px 0 4px 20px;
        color: #525252;
    }

    .c_container.macibas .c_contentsSection {
        background-color: #f7f7f7;
    }

        .c_container.macibas .c_contentsSection ol {
            padding:5px 0 5px 20px;
            margin: 0;
        }

    .c_container.macibas .c_contentsSection .c_subtitle {
        font-size: 10pt;
        color: #16857d;
        font-weight: bold;
    }

    .c_container.macibas .c_contents p {
        margin: .5em 0;
    }

.c_contents {
    padding-top: 15px;
    display: block;
    float: left;
    width: 80%;
}

    .c_contents p {
        padding: 5px 0 5px 0;
        margin: 0;
    }

    .c_contents img {
        max-width: 200px;
        width: expression(this.width > 200 ? 200: true);
        display: inline;
        padding-right: 10px;
    }

.c_imageContainer {
    padding-left: 0;
}

    .c_imageContainer a img, .c_imageContainer a {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
    }

.c_imageUnSelected img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.c_contentsTitle {
    cursor: hand;
    cursor: pointer;
    background-position: 3px 6px;
    background-image: url('kolekcija/img/open.png');
    background-repeat: no-repeat;
    height: 20px;
    padding: 3px 0 0 20px;
    margin: 0;
    color: #066AA3;
}

.c_contentsSection {
    clear: both;
    display: none;
    background-color: #FCFBFA;
    background-color: #FDF7E1;
    color: #525252;
    padding: 0 10px 10px 20px;
    margin: 0;
}

    .c_contentsSection td {
        padding-right: 20px;
    }

    .c_container.macibas .c_contentsSection td {
        padding-right: 30px;
    }

.c_contentsOpened {
    background-image: url('kolekcija/img/close.png');
    background-color: #F7D3AA;
    color: #525252;
}

.c_title {
    color: #157871;
    text-transform: uppercase;
    font-size: 12pt;
    padding-left: 20px;
}

.c_contents .c_title {
    padding-left: 0;
}

h1 {
    font-size: 12pt;
    color: #1F8C86;
    padding-top: 10px;
}

.lineBefore {
    margin-top: 10px;
    border-top: dotted #1F8C86 1px;
    border-top-style: dotted;
    border-top-width: thin;
}

.norekinuBildes img {
    padding: 5px;
}

.tr-submit {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdkMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1,#FFAF05),color-stop(0,#FF7D0C));
    background: -moz-linear-gradient(center top,#FFAF05,#FF7D0C) repeat scroll 0 0 transparent;
    background-color: #FF7D0C;
    border: 1px solid #E07B00;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    font-size: 15px;
    color: white;
    font-weight: normal;
    padding: 3px 6px 3px 6px !important;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    outline: none;
}

    .tr-submit:hover {
        border: 1px groove #E07B00;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZlMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #FF9F02), color-stop(0, #FF6E06));
        background: -moz-linear-gradient(center top, #FF9F02, #FF6E06) repeat scroll 0 0 transparent;
        background-color: #FF6E06;
    }

    .tr-submit:active {
        background-color: #E47403;
        border: 2px solid #D27400;
        padding: 3px 5px 1px 5px !important;
    }

.trg-submit {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYWRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1,#2DADAD),color-stop(0,#327A7A));
    background: -moz-linear-gradient(center top,#2DADAD,#327A7A) repeat scroll 0 0 transparent;
    background-color: #2DADAD;
    border: 1px solid #399E9E;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    font-size: 15px;
    color: white;
    font-weight: normal;
    padding: 1px 6px 2px 6px;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    outline: none;
}

    .trg-submit:hover {
        border: 1px solid #327A7A;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhOTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #3A9999), color-stop(0, #428080));
        background: -moz-linear-gradient(center top, #3A9999, #428080) repeat scroll 0 0 transparent;
        background-color: #428080;
    }

    .trg-submit:active {
        background-color: #558787;
        border: 2px solid #418282;
        padding: 0 5px 0 5px;
    }


.book-link {
    display: block;
    width: 120px;
    margin: 8px;
    text-align: left;
    height: 285px;
    vertical-align: top;
    overflow: hidden;
    float: left;
    position: relative;
}

.littype-icon {
    position: absolute;
    top: 120px;
    margin: 5px;
}

.publist {
}

    .publist .book-link {
        /*height: 245px;*/
    }

.book-link .book-cover {
    width: 120px;
    height: 182px;
    margin-bottom: 10px;
}

.book-link .bookName {
    font-size: 10pt;
    color: #525252;
    font-weight: bold;
}

.book-link .resName {
    font-size: 12px;
    color: #cbcbcb;
    text-transform: none;
    display: inline-block;
    min-width: 24px;
    text-align: left;
}

.book-link a,
.lit-list-table a {
    color: #525252;
}

    .book-link .resName a:hover,
    .lit-list-table a:hover {
        text-decoration: underline;
    }

.book-link .lock {
    position: relative;
    top: 1px;
}

.book-link .book-cover-overlay {
    position: absolute;
    background-color: rgba(242, 130, 8, .9);
    color: #FFFFFF;
    top: 0;
    left: 0;
    width: 110px;
    height: 90px;
    text-align: center;
    opacity: 0;
    -moz-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    padding: 92px 5px 0 5px;
    background-image: url('/literatura/assets/lock_white.png');
    background-repeat: no-repeat;
    background-position: center 50px;
    font-weight: bold;
    /*IE8*/
    display: none\0/;
    background-color: rgb(242, 130, 8)\0/;
}

.book-link:hover .book-cover-overlay {
    opacity: 1;
    /*IE8*/
    display: block\0/;
}

.start-reading {
    color: #16857d;
    display: inline-block;
    background-image: url('/literatura/assets/next_small_green.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px 15px;
    padding: 10px 20px 10px 0;
    font-size: 14px;
}

.resListeTitle, .c_itemTitle {
    font-weight: bold;
    padding: 5px 10px;
    color: #525252;
}

.lit-banner {
    padding-bottom: 20px;
    display: block;
    max-width: 960px;
}


/* Login page */

#LoginForm #fullpage .section {
    text-align: center;
    margin: auto;
}

    #LoginForm #fullpage .section .inner-container {
        max-width: 700px;
        margin: auto;
    }


#LoginForm .header-wrapper {
    position: relative;
    background-color: #ffffff;
    z-index:100;
    position: fixed;
    top:0;
    width: 100%;
}

#LoginForm #menu {
    list-style: none;
    text-align: center;
    z-index: 100;
    position: relative;
    background-color: #1F8C86;
    margin: 0;
    position: fixed;
    top: 65px;
    width: 100%;
}

    #LoginForm #menu li {
        display: inline-block;
        padding: 10px 30px;
        vertical-align: top;
    }

        #LoginForm #menu li a {
            color: #fff;
            display:block;
        }

    #LoginForm #menu li.active {
        background-color: #145A55;
    }

#LoginForm .login-controls {
    width: 250px;
    margin: auto;
    text-align: left;
}

#LoginForm #login_eklase,
#LoginForm #login_mykoob {
    margin: 0 40px;
}

#LoginForm .desciption-container,
#LoginForm .error-container,
#LoginForm h1 {
    margin: 2em 0;
    line-height: 1.5em;
}

#LoginForm .error-container {
    height: 1.5em;
}

#LoginForm .error-message {
    color: #ae4637;
}

#LoginForm h1 {
    font-weight: normal;
    font-size: 20pt;
}

#LoginForm h2 {
    font-weight: normal;
    line-height: 1.5em;
    margin: .5em 0;
}

    #LoginForm h2 + .desciption-container {
        margin-top: 0;
    }

#LoginForm input[type='text'],
#LoginForm input[type='password'] {
    padding: 5px 10px;
    width: 100%;
    margin: 3px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: thin solid #B3B3B3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
}

#LoginForm input[type='checkbox'] {
    margin-left: 0;
    margin-top: 5px;
}

#LoginForm .placeholder {
    color: #a9a9a9;
}

#LoginForm input.tr-submit {
    width: 70px;
}

#LoginForm a.tr-submit {
    width: 110px;
}

.inline-block {
    display: inline-block;
}

.inline-right {
    display: inline-block;
    float: right;
}

.invisible {
    visibility: hidden;
}

textarea:focus, input:focus{
    outline-color: #1F8C86;
}

input[type=image] {
    outline: none;
}