/* 
    Document   : default
    Created on : 13-set-2013, 12.45.41
    Author     : m.zonno
    Description:
        Purpose of the stylesheet follows.
*/
@font-face {
  font-family: 'brioni';
  font-weight: normal;
  src: url('../fonts/Brioni/BrioniSansStd-Light.otf') format("opentype");
}

#topheader {
    background-color: #fff;
    height: 151px;
}

@media screen and (max-width: 575px) {
    
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 100%;
        height: 100px;
        margin: 0 1em;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
        background-size: 220px auto;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 100%;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 100%; 
        background-color: #fff;
    }
    
    #HPinfo {
        width: 20% !important;
    }
}

@media screen and (min-width: 576px) {
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 100%;
        height: 100px;
        margin: 0 1em;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
        background-size: 260px auto;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 100%;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 100%; 
        background-color: #fff;
    }
    
    #HPinfo {
        width: 20% !important;
    }
    

}

@media screen and (min-width: 768px) {
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 100%;
        height: 100px;
        margin: 0 1em;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 100%;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 100%; 
        background-color: #fff;
    }
    
    #HPinfo {
        width: 27% !important;
    }

}

@media screen and (min-width: 992px) {
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 960px;
        height: 100px;
        margin: 0 auto;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 960px;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 960px; 
        background-color: #fff;
    }
    
    #HPinfo {
        width: 30% !important;
    }


}

@media screen and (min-width: 1200px) {
    #container {
        width: 1200px;
        margin: 0 auto;
    }
    
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 1200px;
        height: 100px;
        margin: 0 1em;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 1200px;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 1200px; 
        background-color: #fff;
    }
    
    

}

@media screen and (min-width: 1400px) {
    #topheader div.x-box-layout-ct {
        margin: 0 auto; 
        width: 1240px;
        height: 100px;
        margin: 0 1em;
        background: url(https://www.pusc.it/sites/all/themes/tb_university/logo.png) no-repeat;
    }
    
    #menu {
        background-color: #e8e8e8 !important;
        width: 1240px;
        height: 50px;
    }
    
    #HPcentro {
        margin: 0 auto; 
        width: 1240px; 
        background-color: #fff;
    }
    
    #HPinfo {
        width: 33% !important;
    }
    

}




html, body {
    height: 100%;
}
* html #container {
    height: 100%;
    font-family: brioni;
}
sup {
    color: red !important;
}

.x-fieldset legend {
    font-size: 10.5pt;
    color: darkred;
}

.HPheaderprof {
    text-align: center; 
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;    
    font-size: 12pt;
    letter-spacing: 2px;
    background: transparent;
    color: white;
    white-space: normal; 
    padding-top: 10px;
}
.x-form-item-label-top {
    margin-bottom: 4px;
}

.x-tip {
    width: auto !important;
}
.x-tip-body {
    width: auto !important;
}
.x-tip-body span {
    width: auto !important;
}
.x-btn-group-default {
    box-shadow: 0px 0px 0px 0px transparent inset, 0px 0px 0px 0px transparent inset, 0px 0px 0px 0px transparent inset, 0px 0px 0px 0px transparent inset !important;
}
.x-menu-body {
    /*background: #1d3b61  !important;*/
    background-repeat: repeat-x  !important;
    background-attachment: scroll !important;
    background-position: center top  !important;
    background-clip: border-box  !important;
    background-origin: padding-box  !important;
    background-size: auto auto  !important;
}


.headergroup {
    background-color: #b4c4d1;
    background-image: url("../images/headgroup.jpg");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
.x-toolbar {
    border-bottom-width: 4px !important;
    border-bottom-color: #b3c5d3 !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.x-toolbar-over {
/*    background-color: transparent !important;*/
    border-bottom-width: 4px !important;
    border-bottom-color: #f2bc00 !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.x-menu-item.my-over {
    /*background: #105091 !important;*/
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    color: #666666 !important;
}

/*Ext is not consistent */
.x-btn.x-btn-my-pressed {
    /*background: #1d3b61*/
    color: #158ab7;
    background-color: white;
}

.x-btn-toolbar:hover {
    background: white;
    color: #737e8e !important;
}

.HPmenu {
    /*
    font-family: sans-serif;
    font-size: 9.4pt;
    color: white;
    */
    background: transparent;
    white-space: nowrap; 
    line-height: 1em;
    
    font-family: 'brioni', Arial, Helvetica, sans-serif;
    color: #111;
    font-size: 1.4em;
    
    position: relative;
    top: -2px;
}



#main {
    min-height: 100%;
}


#loading-mask {
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
    z-index:  20000;
    background-color: white;
}

#loading {
    position: absolute;
    left:     50%;
    top:      50%;
    padding:  2px;
    z-index:  20001;
    height:   auto;
    margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
    background: url(../images/loading.gif) no-repeat;
    color:      #555;
    font:       bold 13px tahoma,arial,helvetica;
    padding:    8px 42px;
    margin:     0;
    text-align:  center;
    height:     auto;
}


.HP_row_autori td {
    color: #333;
    font-weight: normal;
    font-size: 10pt !important;
}

.HP_new {
    background-image: url(../images/round_add.png) !important;
}
.HP_remove {
    background-image: url(../images/remove.png) !important;
}
.HP_move {
    background-image: url(../images/exchange.png) !important;
}
.boxheader {
    background: #7F99BE url(../images/body-bg-small.png) repeat-x center ;
}
.accedi {
    background-image: url(../images/login.png) !important;
}

.HP_dupl {
    background-image: url(../images/copy.png) !important;
}
.HP_save {
    background-image: url(../images/filesave.png) !important;
}
.HP_cancel {
    background-image: url(../images/cancel.png) !important;
}
.HP_undo {
    background-image: url(../images/undo.png) !important;
}
.HP_foto {
    background-image: url(../images/picture.png) !important;
}
.HP_add {
    background-image: url(../images/add.png) !important;
}
.HP_delete {
    background-image: url(../images/delete.png) !important;
}
.HP_fotoelenco {
    background-image: url(../images/picture_edit.png) !important;
}
.photo  {
    text-align: center; 
    padding: 2px 2px 2px 0px;
    overflow: hidden;
    background-color: #fff;
    border-width: 0px;
}
.photo img {
    border: 1px solid #333;
}

.HPfacolta {
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 16px;
    padding-top: 5px;
    color: darkblue;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    /*height: 85px;*/
    border-bottom-color: darkblue !important;
    border-bottom-width: 3px !important;
    border-bottom-style: outset !important;     
}

.HPcard {
    background-color: #fff /*url(../images/card.jpg) */;
    margin-top: 2px;
}


.HPincarico {
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold; 
    color: #222;
    text-align: center; 
    margin-bottom: 10px;
}

.HPinfocard {
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #222;
    line-height: 1.4em;
}

div.curriculum {
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 13px;
    padding-left: 20px;
    margin-top: 16px;
    background: url(../images/curriculum_vitae.png) no-repeat;
}


ul.extul {margin-left: 40px;}
ul.extul li {list-style-type: disc;}

ol.extol {margin-left: 40px;}
ol.extol li {list-style-type: decimal }

.upload {
     background-image: url(../images/upload.png) !important;
}
.HPeditbtn {
     background-image: url(../images/edit.png) !important;
     height: 32px;
}



.HPsection {
    background-color: #fff;
    height:44px;
    text-align: center;
    vertical-align: middle;
    padding-top: 12px;
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 16px;
    color: darkblue;
    border-bottom-color: darkblue !important;
    border-bottom-width: 3px !important;
    border-bottom-style: outset !important; 
}

#HP_nomecognome {
    background-color: #fff;
    height:44px;
    text-align: center;
    padding-top: 9px; 
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: darkblue;
    border-bottom-color: darkblue !important;
    border-bottom-width: 3px !important;
    border-bottom-style: outset !important; 
}

.HPcontent {
    margin-top: -10px;
    font-size: 1.2em;
}

ol.BookIndex {
    padding-top: 6px; 
    padding-bottom: 4px; 
    padding-left: 2.2em;
}

ol.BookIndex li {
    list-style:decimal;
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    font-family: brioni, arial, helvetica, sans-serif;
    color: darkblue;
    margin-left: 1px;
}

.HPtitololibro {
    text-align: justify; 
    padding-left: 10px;
    padding-bottom: 7px;
    white-space: normal;
    font-style: normal;
    font-weight: normal; 
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 1.2em;    
    color: black;
}

.HPbooknote {
    font-size: 12px;
}

p.emptytextview {
    text-align: center;
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 16px;    
    color: black;
}

div.invisible {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/invisible.png) no-repeat;
}

#div.warning {
    background  : url(../images/remove.png);
    width: 16px;
    height: 16px;

    margin-top: -15px;
    margin-left: -15px;
}

div.bookrecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/book.png) no-repeat;
}

div.articlerecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/index.png) no-repeat;
}

div.contributerecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/bibliog.png) no-repeat;
}

div.reviewrecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/review.png) no-repeat;
}

div.mediarecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/multimedia.png) no-repeat;
}

div.dispenserecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/dispense.png) no-repeat;
}

div.eventirecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/meeting.png) no-repeat;
}

div.soggiornirecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/microscope.png) no-repeat;
}

div.tesirecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/student.png) no-repeat;
}

div.attivitarecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/course.png) no-repeat;
}

div.titolirecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/certificate.png) no-repeat;
}

div.nominerecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/chair.png) no-repeat;
}

div.redazionerecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/bibliog.png) no-repeat;
}

div.experiencerecord {
    position: relative;
    padding: 2px 0 0 38px;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background:transparent url(../images/experience.png) no-repeat;
}

.minorinfo {
    color: #33E;
    margin-left: 44px;
    font-size: 13px;
    position: absolute;
    bottom: 0px;
}
.minorinfo2 {
    color: #33E;
    font-size: 13px;
    position: absolute;
    bottom: 0px;
}

div.divtitolo {
    margin: 20px 12px;
    color: #222;
    text-align: center;
    height: 146px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-shadow: white 0 1px 0;
    font-size: 18px;
    line-height: 18px;
}

div.diveditore {
    margin-left: 12px;
    margin-right: 12px;
    position: absolute;
    bottom: 30px;
    color: #222;
    text-align: center;
    height: 30px;
    width: 156px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-shadow: white 0 1px 0;
    font-size: 14px;
    line-height: 14px;
}

div.divanno {
    margin-left: 12px;
    margin-right: 12px;
    position: absolute;
    bottom: 5px;
    color: #222;
    text-align: center;
    height: 20px;
    width: 156px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-shadow: white 0 1px 0;
    font-size: 14px;
    line-height: 14px;
}

#HPlibreria .x-item-selected {
    border:2px inset black;    
}

div.multimediale {
    position: relative;
    background: url(../images/lavagna.png);
    float: left;
    margin: 8px;
    height: 181px;
    width: 236px;
    overflow: hidden;
    cursor: pointer;
}

div.articoloweb {
    margin: 40px 30px 0px 30px;
    color: #222;
    text-align: center;
    height: 110px;
    overflow: hidden;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-shadow: white 0 1px 0;
    font-size: 16px;
    line-height: 16px;
}

.HPhomecontent {
    font-family: brioni, arial, helvetica, sans-serif;
    font-size: 1.2em;
    text-align: justify;
    padding: 8px 14px;
}

.HPhomecontent * {
  font-family: inherit !important;
}

#HPHomecontent div.HPhomecontent p {
    margin-bottom: 9px;
}

.HP_tipopubblicazione {
    font-family: brioni, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    width: 535px;
    background-color: #ddd;
}

div.boxfoto {
    width: 102px;
    height: 102px;
    box-shadow: 0 0 10px #000000 inset;
    padding: 6px;
    text-align: center;
    float: left;
    margin-right: 12px;
}

div.boxnome {
    cursor: pointer; 
    height: 40px;
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 7px;
}
div.boxnome p {
    font-size: 14pt;
    color: blue;
    font-family: brioni, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold; 
}

div.boxcatt {
    height: 20px;
}
div.boxcatt p {
    font-size: 10pt;
    color: #555;
    font-family: brioni, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-top: 0;
}

div.boxcari {
    overflow: hidden;
    height: 20px;
}
div.boxcari p {
    font-size: 10pt;
    font-weight: bold;
    color: #555;
    font-family: brioni, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style: italic; 
    margin-top : 0;
}

div.hr {
  height: 15px;
  background: #fff url(../images/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}