form {
    display: inline; margin: 0px;
}

body, td {
    font-family: Arial;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}


#header {
    width: 955px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
    margin-top: 0px;
    height: 100px;
}

#header_logo {
    position: absolute;
    top: 5px;
    left: 30px;
}

#logo {
    display: block;
    width: 200px;
    height: 100px;
    color: #555555;
    background-image: url('images/notis4.png');
    background-repeat: no-repeat;

}

#header2 {
    position: absolute;
    width: 650px;
    padding: 5px;
    height: 15px;
    top: 28px;
    right: 25px;
}

#header_left {
    float: left;
    ccolor: #44dd44;
}

#header_menu {
    text-align: right;
    float: right;
}

#header_menu a {
    text-decoration: none;
    color: #403f2e;
    font-weight: bold;
}

#header_menu a:hover {
    text-decoration: underline;
}


#footer_menu {
    margin: 0 auto;
    width: 900px;
    background-color: #cfdeaf;
    padding: 5px;
    text-align: right;
}

#footer_menu a {
    text-decoration: none;
    color: #403f2e;
    font-weight: bold;
}

#footer_menu a:hover {
    text-decoration: underline;
}



#body {
    position: relative;
    width: 900px;
    margin: 0 auto;
    margin-top: 10px;
}

#footer {
    width: 900px;
    margin: 0 auto;
    text-align: right;
    font-family: times new roman;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
}

#footer a {
    text-decoration: none;
    color: black;
}

#footer a:hover {
    text-decoration: underline;
}


.inputtext {
    border : 1px solid #403f2e;
    color: gray;
}

input.submit {
    background-color : #cfdeaf;
    color: #9e0a0f;
    font-weight: bold;
    border: 2px solid #403f2e;
    width: 70px;
}

a {
    color: #d43c00;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clearer {
    clear: both;
}


div.login input.inputtext {
    width: 150px;
}


#index_login {
    padding-top: 20px;
    width: 200px;
    float: left;

}

#index_text {
    float: left;
    width: 500px;
    margin-left: 100px;
}

#login_login {
    margin: 0 auto;
    width: 400px;
}

h2.elev {
    padding-left: 20px;
    color: #403f2e;
    font-size: 14pt;
}

div.profesor_materii {
    padding-bottom: 15px;
    padding-left: 5px;
    color: #403f2e;
    font-size: 12pt;
}

span.profesor_materie {
    border: 1px solid #cccccc;
    margin: 3px;
    padding: 3px;
}

span.profesor_materie.selected {
    border: 1px solid black;
    background-color: #eeeeee;
}

span.nume {
    color: #9e0a0f;
    font-weight:bold;
}

div.elev_materie {
    float: left; border: 1px solid #9e0a0f ; width: 150px; margin: 10px;
}

div.elev_materie div.materie_name {
    background-color: #cfdeaf; text-align:center; font-size: 10pt; font-weight: bold; color: #9e0a0f;
}

div.elev_materie div.materie_note {
    font-weight: bold; color: #403f2e; margin: 10px 5px 10px 5px;
}

div.elev_materie div.materie_note span.nota {
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 4px;
    margin: 1px;
    cursor: pointer;
}

div.elev_materie div.materie_note span.teza {
    background-color: #eaeaea;
    border: 1px solid green;
    cursor: pointer;
    color: green;
}

div.elev_materie div.materie_note span.nota.zece {
    color: green;
}

div.elev_materie div.materie_note span.nota.sapte {
    color: red;
}

div.elev_materie div.materie_note span.nota:hover {
    background-color: #eaeaea;
}

div.elev_materie div.materie_absente {
    color: #403f2e; margin: 10px 5px 10px 5px; font-size: 9pt;
}

div.elev_materie div.materie_absente span.absenta {
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 1px;
    margin: 1px;
    cursor: pointer;
}

div.elev_materie div.materie_absente span.absenta:hover {
    background-color: #eaeaea;
}



div.profesor_elev {
    position: relative;
    float: left; border: 1px solid #9e0a0f ; width: 167px; margin: 4px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
}

div.profesor_elev div.elev_nume {
    background-color: #cfdeaf; text-align:center; font-size: 10pt; font-weight: bold; color: #9e0a0f;
    white-space: nowrap;
    padding-left: 4px;
}

div.profesor_elev div.elev_teza {
    position: absolute;
    bottom: 3px;
    left: 4px;
    color: #403f2e; font-weight: bold;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 1px;
}

div.profesor_elev div.elev_note {
    color: #403f2e; margin: 3px;
}

div.profesor_elev div.elev_note div.elev {
    float: left;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 1px;
    padding-left: 1px;
    margin: 1px;
}

div.profesor_elev div.elev_note div.elev span.nota {
    color: #403f2e  ;
    font-weight: bold;
}

div.profesor_elev div.elev_note div.elev span.date {
    color: green;
}

div.profesor_elev div.buton_nota {
    position: absolute;
    bottom: 5px; left: 5px;
    background-color: #eaeaea; text-align:center; font-size: 10pt; font-weight: bold; color: #403f2e  ;
    border: 1px solid #403f2e ;
    padding: 1px 3px 1px 3px;
    font-size: 9pt;
    cursor: pointer;
}

div.profesor_elev div.buton_nota {
    display: none;
}

div.profesor_elev:hover div.buton_nota {
    display: block;
}

div.profesor_elev div.buton_absenta {
    position: absolute;
    bottom: 5px; right: 5px;
    background-color: #eaeaea; text-align:center; font-size: 10pt; font-weight: bold; color: #403f2e  ;
    border: 1px solid #403f2e ;
    padding: 1px 3px 1px 3px;
    font-size: 9pt;
    cursor: pointer;
}

div.profesor_elev div.buton_absenta {
    display: none;
}

div.profesor_elev:hover div.buton_absenta {
    display: block;
}

div.container-profesor {
    float:left;
    position: relative;
    border: 1px solid #9e0a0f; margin: 10px;
    height: 150px;
}

div.container-profesor div.title {
    background-color: #cfdeaf; text-align:center; font-size: 12pt; font-weight: bold; color: #9e0a0f;
}

div.container-profesor.container-note {
    width: 300px;
}


div.container-profesor.container-note div.elev_teza {
    position: absolute;
    bottom: 2px; left: 4px;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 2px; margin: 1px;
    font-size: 12pt;
    color: #403f2e;
}

div.container-profesor.container-note div.elev_teza span.nr {
    font-weight: bold;
}

div.container-profesor.container-note div.elev_teza span.date {
    color: green;
}

div.container-profesor.container-note div.elev_media {
    position: absolute;
    bottom: 2px; right: 4px;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 2px; margin: 1px;
    font-size: 12pt;
    color: #403f2e;
}

div.container-profesor.container-note div.elev_media span.nr {
    font-weight: bold;
}


div.container-profesor.container-note div.elev_note {
    color: #403f2e; margin: 5px 5px 5px 5px;
}

div.container-profesor.container-note div.elev_note div.note {
    float: left;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 3px;
    margin: 1px;
    font-size: 12pt;
}

div.container-profesor.container-note div.elev_note div.note span.nr {
    color: #403f2e  ;
    font-weight: bold;
}

div.container-profesor.container-note div.elev_note div.note span.date {
    color: green;
}


div.container-profesor.container-absente {
    margin-left: 100px;
    width: 300px;
}

div.container-profesor.container-absente div.elev_absente {
    color: #403f2e; margin: 5px 5px 5px 5px;
}

div.container-profesor.container-absente div.elev_absente div.absenta {
    float: left;
    background-color: #fafafa;
    border: 1px solid silver;
    padding: 3px;
    margin: 1px;
    font-size: 12pt;
    color: green
}

div.container-profesor.container-nota-sterge {
    width: 300px;
    height: 160px;
}

div.container-profesor.container-nota-noua {
    width: 300px;
    height: 160px;
}
div.container-profesor div.elev_nota_noua {
    color: #403f2e; margin: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 11pt;
    margin-left: 20px;
}
div.container-profesor select {
    width: 45px; text-align:right;
    border: 1px solid gray;
    color: #403f2e;
    font-size: 10pt;
}
div.container-profesor input.button {
    background-color: #eaeaea; text-align:center; font-size: 10pt; font-weight: bold; color: #403f2e  ;
    border: 1px solid #403f2e ;
    padding: 1px 3px 1px 3px;
    font-size: 9pt;
    cursor: pointer;
}

div.container-profesor.container-absenta-noua {
    margin-left: 100px;
    width: 300px;
    height: 160px;
}
div.container-profesor.container-absenta-noua div.elev_absenta_noua {
    color: #403f2e; margin: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 11pt;
    margin-left: 20px;
}


div.container-diriginte {
    height: 690px;
}

div.container-diriginte div.diriginte_elevi {
    position: absolute;
    left: -30px;
    width: 165px;

}

div.container-diriginte div.diriginte_elevi div.elev {
    border: 1px solid silver;
    margin: 2px; padding: 2px; margin-bottom: 3px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

div.container-diriginte div.diriginte_elevi div.elev.selected {
    background-color:silver;
    border: 1px solid black;
}

div.container-diriginte div.diriginte_elevi div.elev:hover {
    text-decoration: underline;
    background-color: #dadada;
}

div.container-diriginte div.diriginte_elev {
    position: absolute;
    left: 150px;
}

div.diriginte_title {
    position:absolute;
    top: -50px;
    left: 245px;
    font-size: 11pt;
    color: #9e0a0f;
    font-weight: bold;
}

div.diriginte_title a.screen {
    color: silver;
}

div.diriginte_title a.screen.selected {
    color: #9e0a0f;
    font-weight: bold;
    text-decoration: underline;
}


div.diriginte_elev div.elev_materie {
    cursor:pointer;
}

div.diriginte_elev div.elev_materie:hover {
    background-color: #f0f0f0;
}


/*
    Diriginte - Administrare
*/
div#container-diriginte-admin div#diriginte_elevi {
    float:left;
}

div#container-diriginte-admin div#diriginte_materii {
    margin-left: 150px;
    float: left;
}


/*
    Window/Panel
*/
div.window {
    border: 1px solid gray;
    padding: 2px;
}

div.window div.title {
    background-color: #cfdeaf; text-align:center; font-size: 12pt; font-weight: bold; color: #9e0a0f;
}

div.window div.body {
    padding: 5px;
}

div.window div.footer {
    padding: 5px;
    text-align: right;
}





option.bold {
    font-weight: bold;
}

option.italic {
    font-style: italic;
}