Subversion Repositories bacoAlunos

Rev

Rev 1040 | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*********** Site Struture *************/
BODY *, .contentPortal, .contentPortal p, .contentPortal li, div {
    FONT-FAMILY: "bitstream vera sans", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}



.homebox img
{

}

.homebox img:hover
{
    cursor:pointer;
}

label.info
{
    FONT-SIZE: 10px;
    font-style:italic;
    padding-left:5px;
}

/*Errors and Warnings*/
.statusOK, .active {
    padding: 2px;
    list-style-type: none;
    color: green;
    background-color: #FFEEDD;
}

.statusERROR *, .statusERROR, .inactive {
    color: red;
}

.statusWARNING *, .statusWARNING {
    padding: 2px;
    list-style-type: none;
    color: yellow;
    background-color: black;
}

#header #headerTable
{

}
#headerVELHO  #headerTableVELHO
{
      background-image:url(@contextPath@/imgs/top.jpg)
}

.log
{
    background:gray;
    color:#F324567;
}

.requiredField * {
    color: red;
}

.statusSearch {
    color: lightblue;
}

a
/****************************Text Size*************************************************/


a input
{
    text-decoration:none;
    cursor:pointer;
}
.errorPage
{
    padding:10px;
}

form ul,.errorPage ul {
    margin-left: 15px;
}

UL {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.2em;
    margin: 5;
        color: #808081;
}


.seccao h1 {
    border-bottom:1px solid black;
    padding:3px;
    font-size: 1.3em;
    margin: 0;
    font-weight:bold;
}

.seccao h2 {
   background-color: #EEEEEE;
   padding:2px;
   border-bottom:1px solid black;
   margin: 0;
   font-size: 1em;
   font-weight:normal;
   padding-left:10px;
}

.seccao h3 {
   padding:2px;
   border-bottom:1px solid black;
   font-size: 0.96em;
   padding-left:20px;
}

.seccao h4 {
   padding:2px;
   border-bottom:1px solid black;
   font-size: 0.9em;
  font-weight:normal;
   padding-left:35px;
}

.pFooter {
    background-color: #F5911E;
    font-size: 0.8em;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: right;
    clear: both;
    margin-top:10px;
}

.pFooter a {
    font-style: italic;
}

.pFooterSeccao {
    background-color: white;
    font-size: 0.8em;
    border-top: 1px solid #cccccc;
    text-align: left;
    clear: both;
    margin-top:10px;
}

#content .pFooter a:hover
{
    color:white;
}

.borderLeft
{
    border-left:1px solid #f5911e;
}


#body {
    /*width: 950px;*/
    margin-left: auto;
    margin-right: auto;
}

#pageStructure {
    border-collapse: collapse;
    LEFT: 0;
    WIDTH: 100%;
}

/*#page
{
    LEFT: 0;
    WIDTH: 100%
} */

TD#leftPage {
    VERTICAL-ALIGN: top;
    text-align: left;
}

#leftPagePosition {
    CLEAR: left;
    LEFT: 0;
    FLOAT: left;
    PADDING-TOP: 43px;
}

TD#rightPage, TD#rightPagePortal {
    VERTICAL-ALIGN: top;        /*WIDTH: 160px;*/
    text-align:center;
}

#rightPagePosition {
    CLEAR: left;
    left: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 20px;
}


/*******************************************************************************************/
/* Pagina de Abertura nova ZONA DAS NOTICIAS*/
/***/

#noticiasAnunciosWelcome
{
    width:100%;
}

#noticiasAnunciosWelcome table
{
    margin-left:5px;
    margin-right:5px;
}


#noticiasAnunciosWelcome th.underline
{
    FONT-FAMILY: "bitstream vera sans", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    font-weight:normal;
    color: #808081;
    text-align:left;
    padding:0;
    border-bottom: 1px solid #808081;
}

/*****************************************************************************************/

/************************************** Content Structure ********************************/
.contentPortal {
    padding-left: 0;

}

#content h2 a {
    font-size: 1em;
}

#content h2 {
    font-size: 1em;
}

#pageStructure #content {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #F5911E;
    margin-right:1px;
}

#pageStructure td#content {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

#pageStructure td.rightPage {

    border-top: 1px solid #F5911E;
}

.imageAnnouncement img, .imageBlog img
{
    width: 341px;
    height: 167px;
}

#content .imageAnnouncement img {
    width: 341px;
    height: 167px;
}


#content {
    border: 1px solid #EEEEE0;
    text-align:left;
}

#content a, .files a, a
/*, .content a:visited*/
{
    color: #2C2E30;
}

#content a:hover, .files a:hover {
    color: #F5911E
}

#content, .contentPortal {
    LEFT: 0;
    RIGHT: 0;
    WIDTH: 100%;
    PADDING-BOTTOM: 0;
    VERTICAL-ALIGN: top;
}

#contentIntranet {
   height:100%;
   border: #F5911E solid 1px;
}
#contentIntranet #contentPane {

    padding:10px;
}

#contentPane .seccao, .blocked
{
    border: #F5911E solid 1px;
    padding:10px;
}
.contentPane
{
    border: #F5911E solid 1px;
}
ul li.contentPane
{
    list-style-type:none;
}


.contentPortal {
    border: #F5911E solid 1px;
    padding:5px;
}

.rightPagePortal {
    background-color: #ededed;
    border-right: #7CFC00 solid 2px;
    border-top: #F5911E solid 2px;
    border-bottom: #F5911E solid 2px;
}

.files {
    margin-left: 10px;
    margin-bottom:10px;
}
.files table
{
    width:100%;
}
.files table td
{
    padding-top:2px;
    padding-bottom:3px;
    padding-right: 20px;

    vertical-align:middle;
}
.files table tr.file td, .files table tr.dir td
{
    border-top:1px solid black;
}
.files table th
{
    text-align:left;
}
.files table th
{
    text-align:left;
}


/*****************************************************************************************/

/************************************* Footer Modules ***********************************/

#footer {
    HEIGHT: 50px;
    PADDING-TOP: 5px;
}

#footerStructure
{
    border-top: 1px solid #808081;
    padding-top:20px;
    margin-left:5px;
    margin-right:5px;
}

#footerStructure TABLE {
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    RIGHT: 0;
    LEFT: 0;
    MARGIN: 0;
    BORDER-LEFT: 0;
    WIDTH: 100%;
    PADDING-TOP: 0;
    BORDER-BOTTOM: 0;
    TOP: 0;
    border-spacing: 0
}

#footerStructure TABLE TD {
    VERTICAL-ALIGN: top
}

#license UL {
    COLOR: #4D4D4D;
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    FONT-SIZE: 12px;
    TEXT-ALIGN: center;
    MARGIN: 0;
    LIST-STYLE-TYPE: none;
}

#footer #organizations {
}

#footer #sponsors {
}

#footer a
/*, #footer a:visited */
{
    color: #4d4d4d;
}

#footer a:hover {
    color: #F5911E;
}

/*********************************************************************************/

/****************** topnav **********************/

#topnav {
    color: black;
    text-decoration: none;
    BACKGROUND-COLOR: #F5911E;
    FONT: 12px / 20px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

/*#topnav LI A:visited*/
/*{*/
    /*COLOR: white;*/
/*}*/
#topnav LI A:hover {
    COLOR: black;
    BACKGROUND-COLOR: #FFFFFF
}
#topnav LI A {
    color: white;
    text-decoration: underline;
}

#topnav UL {
    margin-top: 0;
    margin-left: 0;
    PADDING-RIGHT: 0;
    MARGIN-bottom: 2px;
    MARGIN-right: 0;
    PADDING-TOP: 0;
    padding-left: 15px;
    LIST-STYLE-TYPE: none
}

#topnav LI {
    PADDING-RIGHT: 0;
    DISPLAY: inline;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    MARGIN: 0;
    PADDING-TOP: 0;
}

/*****************************************************************
*  Search Results
*
*****************************************************************/

.intranetLayout .searchTab
{
    text-align:right;
    padding:4px;
    padding-bottom:4px;
    white-space:nowrap;
    margin:0;
}
.intranetLayout .searchTab input[type='text']
{
   
 }
#searchResults li h1 {

    background-color: #EEEEEE;
    border-bottom: orange 1px solid;
    padding: 2px;
    margin-bottom: 10px;
    color: black;
}

#searchResults li .fragments {
    padding-left:30px;
    padding-right:10px;
}
#searchResults li .smallGreen {

    padding-left:10px;
    color: orange;
    text-decoration: none;
    FONT: 10px "bitstream vera sans", /*"Lucida Grande"*/, "Trebuchet MS", /*Verdana*/, /*Arial*/, /*Helvetica*/, /*sans-serif*/

}

#searchResults li a {
    cursor: pointer;
}

#searchresults div.result {

    margin-left: 20px;
    border-bottom: 1px solid #F5911E;
    margin-bottom: 15px;
    padding-bottom: 0;
}

#searchResults li .module {
    margin-left:5px;
}

#searchResults li .module .result h2 {

    color: black;
    padding-top: 0;
    margin-top: 10px;
    cursor: pointer;
    padding-bottom: 0;
    FONT: 12px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

#searchResults li .module .result h2 a, #searchResults #googleModule .result h2,  #searchResults #googleModule .result h2 a b i,{

    FONT: 18px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

#searchResults li .module .result p {
    margin-top: 5px;
    cursor: pointer;
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-top: 0;
}

#searchResults .googleLogo {
    float: right;
}

#searchResults .googleLogo td {

    vertical-align: middle;
    color: #676767;
    text-align: right;
    font-size: 11px;
    margin-right: 2px;
}

#searchResults .googleLogo td img {
    padding-top: 3px;
}

#searchResults #googleResults
{
    margin-left:5px;

}

/*************************************************************************************/

/*****************************Portal Page Template************************************/
.portal {
}

.columnTable td
{
    margin-left: 10px;
}
td.column {
    vertical-align: top;
}

.navLeftMenu h2 {
}

.navLeftMenu {
}

.blockData
{
    border: 1px solid gray;
    padding:1px;
    margin:3px;
}
.blockDataTitle
{
    background-color: lightgray;
    padding:3px;
}
.blockDataContent
{
    background-color: transparent;
    padding:3px;
}
.blockDataFooter
{
    padding:3px;
    background-color: lightgray;
    font-size: 0.8em;
    border-top: 1px solid #cccccc;
    text-align: left;
    clear: both;
    margin-top:10px;
}
.block
{
    margin-bottom:10px;
    border-left: 1px solid #FFFFFF;
}

.block .zerofound, .block table
{
    margin-left:10px;
}
.block .head
{
    font-style:italic;
}


.block ul li p
{
    background-color:transparent;
    font-style:italic;
}
.block ul li ul li
{
   padding-left: 0;
}

.block p, .navLeftMenu h2 { /* cor dos submenus do menu esqerda*/
    background-color: #EEEEEE;
    padding-left: 0;
    margin: 0;

}

 .intranetLayout .block ul
{
    LIST-STYLE-TYPE: square;
}
.block ul {

    list-style:none;
    padding-left: 18px;
    margin-left:0;
}
.intranetLayout .block ul ul{
    LIST-STYLE-TYPE: circle;
}
.block ul ul
{
    list-style:none;
    padding-left: 15px;
    margin-left:0;
}
.block ul li{
    padding-top:5px;
    padding-left:0;
    margin-left:0;
}

.block a {
    color: #4d4d4d;
    text-decoration: none;
}

.block a:visited {
    /*color: #4d4d4d;*/
    text-decoration: none;
}

.block a:hover, .linkUnderlineGrayToGreen a:hover {
    color: #F5911E;
    text-decoration: underline;
}

.portalLeftAnnouncements table {
    /*table-layout: fixed;*/
    /*width: 180px;*/
    padding-top: 10px;
    font-size: 0.8em;
}

.portalRightAnnouncements table
{
    font-size: 0.8em;
}
.portalRightAnnouncements td
{
    vertical-align:top;
}

.portalAnnouncement a {
    margin: 0;
}

.portalAnnouncementTitle
{
    /*white-space:nowrap;*/
}
.portalAnnouncementTitle a {
    color: #F5911E;
}

.portalAnnouncement a {
    text-decoration: none;
}

.portalAnnouncementText a {
    color: #4d4d4d;
}

.portalAnnouncementText, .portalAnnouncementTitle {
    /*table-layout: fixed;*/
    width: 180px;

}
.portalAnnouncementTitle
{
    font-weight:bold;
    border-bottom: 1px solid #F5911E;
}
.portalAnnouncementTop{
    /*table-layout: fixed;*/
    border-bottom:3px solid #808081;
    border-left:3px solid #FFFFFF;
    padding:2px;
   

}

/* todo FABIO
todo  Left Manus???? ao pe de portalMenus isto esta uma confusao*/
.navleftMenu {
/*width: 180px;*/
    padding-left: 10px;
}


#portalMenu li.selected  a {
    color: #F5911E;
}

/**********************************************************************************
*  TEMPLATES ESPECIFICOS:
*
*  ContentPortal
*  Standard Template
*  IndexPage
*
****************************** ContentPortal ***************************/
.contentPortal h1 {
    background-color: #F5911E;
    color: #F5911E;
    font-size: 1.2em;
}

.contentPortal h2 {
    font-size: 1em;
    margin-top:15px;
    margin-bottom:5px;
}

.contentPortal {
    font-size: 0.75em;
}

.contentPortal p {
    margin: 0;
    color: #4d4d4d;
}

.section {
    margin-bottom: 10px;
}

.contentPortal li a .contentPortal li {
    color: #4d4d4d;
}

.contentPortal li a:hover {
    color: #F5911E;
}


ul li ul li
{
    margin-left:20px;
}



.listCircleWhite ul li,.listDisc ul li, .listSquare ul li
{
    background-color: transparent;
    background-image: url(@contextPath@/imgs/icon_greencircle.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0pt;
    background-y-position: 50%;
    padding-left: 20px;
    padding-top:0;
    list-style-type: none;
    margin-left:10px;
    vertical-align:top;
}
.listClean UL, .files UL /*Lista sem nada*/
{
    LIST-STYLE-TYPE: none;
    padding: 0;
    /*margin-left: 5px;*/
}

.listCircleWhite UL /*Lista circulo branco*/
{
    /*LIST-STYLE-TYPE: circle;*/
    /*margin-left: 15px;*/
 }

.listDecimal UL /*Lista decimal*/
{
    LIST-STYLE-TYPE: decimal;
    margin-left: 15px;
}

.listDecimal li
{
       padding-top:5px;
}
.listDisc UL /*Lista circulo preto*/
{
    /*LIST-STYLE-TYPE: disc;*/
    /*margin-left: 15px;*/
}

.listSquare UL /*Lista quadrado preto*/
{
    /*LIST-STYLE-TYPE: square;*/
    /*margin-left: 15px;*/
}

.portalLeftAnnouncements img {
    height: 133px;
    width: 133px;
}

/*PASSA PARA AQUI TUDO O QUE SEJA DE BLOCOS E VAMOS LIMPAR TUDO */

/*Isto tem de ser generico o H1 jáe um header nao necessita da classe .header para nada*/
/*Block Titles*/
#content h1, #lastnews h1 {
    margin-bottom: 1px;
    color: white;
    background-color:#f5911e;
    padding-left: 10px;
    vertical-align: top;
}

/*********************************************************************************/
/******************************* Index Page***************************************/
#flashTopNews * td, #flashCenterNews * td, #flashBottomNews * td {
    vertical-align: top;
}

/*FlashTopNews*/
#flashTopNews {
    padding: 0;
    margin: 0;
}

#flashTopNews .container {
    background-color: #2C2E30;
    height: 95px;
    width: 100%;
    margin: 0;
}

#flashTopNews .container .textContainer {
    margin: 0;
    text-align: center;
}

#flashTopNews .container .imageContainer {
    margin: 0;
    text-align: right;
    text-decoration: none;
}

#flashTopNews img {
    height: 167px;
    width: 500px;
}

#flashTopNews * td {
    vertical-align: top;
}

#flashTopNews .container .textContainer h2 {
    margin: 0;
    margin-top: 30px;
}

#flashTopNews .container .textContainer p {
    margin: 0;
    margin-top: 1px;
}

#flashTopNews h2 a {
    color: #F5911E;
    font-weight: bold;
    text-decoration: none;
}

#flashTopNews p a{
    color: #F5911E;
    text-decoration: none;
}

/*FlashCenterNews*/
#flashCenterNews {
    margin-top: 2px;
  /*  border-top-style: dotted;*/
    border-top-color: gray;
}

#flashCenterNews .container {
    width: 100%;
    margin: 0;
}

#flashCenterNews .textContainer {
    padding-top: 10px;
}

#flashCenterNews h2 a{
    color: #2C2E30;
    font-weight: bold;
    text-decoration: none;
}

#flashCenterNews p a {
    color: #4d4d4d;
    text-decoration: none;
}

#flashCenterNews img, #flashCenterNews td.imageContainer {
    width: 133px;
    height: 133px;
}

/*FlashBottomNews*/
#flashBottomNews img {
    width: 100px;
    height: 100px;
}

#flashBottomNews h2 a {
    color: #F5911E;
    font-weight: bold;
}


#flashBottomNews p a {
    color: #2C2E30;
    text-decoration:none;
    text-align:right;
}



#flashBottomNews .flashNew{
        height:100px;
}

.flashNew
{

    width:100%;

}
.flashNew th
{
    vertical-align:top;
}

.flashNew td
{
     background-color: #EEEEEE;
}
#flashCenterNews .container td, #flashBottomNews .container td
{
    padding:2px;

}
#flashCenterNews .container td.cont
{
    width:50%;
}
#flashBottomNews .container td.cont
{
    width:25%;
}
#flashCenterNews .flashNew td, #flashBottomNews .flashNew td
{
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    border-top: 0px solid black;
    padding: px;
    width:80%;

}

#flashCenterNews .flashNew th, #flashBottomNews .flashNew th
{
    border-left: 0px solid black;
    border-bottom: 0px solid black;
    border-top: 0px solid black;
    border-right: 0px solid gray;
    padding: 1px;
}


/*Last News Block*/
#lastnews {
}

#lastnews ul {
    list-style: none;
    width: 160px;
    LIST-STYLE-TYPE: none;
    padding: 0;
    margin: 0;
}

#lastnews li {
    margin: 0;
        border-bottom-width: 1px;
        border-bottom-style:solid;
    border-bottom-color: #F5911E;
    padding-right:3px;
    padding-bottom:0;
    padding-top:0;
    padding-left:3px;

/*      margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #8ec73f;

padding-right: 3px;

padding-bottom: 0pt;

padding-top: 0pt;

padding-left: 3px;
       
        */
       
       
       
        }

#lastnews li a, .linkLeftMenu a, .linkRightMenu a {
    text-decoration: none;
}

#lastnews li a, .linkLeftMenu a, .linkRightMenu a {
    color: #4d4d4d;
}

/*#lastnews li a:visited, .linkLeftMenu a:visited, .linkRightMenu a:visited {*/
    /*color: #4d4d4d;*/
/*}*/

#lastnews li a:hover, .linkLeftMenu a:hover, .linkRightMenu a:hover {
    color: orange;
}


/**************************************************************************************/

/******************************** Bar Module Color ************************************/
TD #topBar {
    font-weight: bold;
    color: white;
    background-color: #FFFFFF;
    padding-left: 10px;
    FONT-SIZE: 18px
}

/**************************************************************************************/

/******************************** Background Color ************************************/
/*Gray background*/
#backOne {
    background-color: #4D4D4D;
}

/**************************************************************************************/

/*************************Staff Links Structure***************************************/
.staffLinks P {
    font-weight: bold;
}

/*************************************************************************************/

form, .boxHorizontal {
    margin: 0;
    border: 0 #793B0D solid;
    background-color: #FFFFFF;
}

.boxHorizontal {
    padding-top: 5px;

}

.form th, .boxHorizontal th {
    margin: 0;
    background-color: #FFFFFF;
    border-top: 0px solid #793B0D;
    font-weight: normal;
    padding-right: 5px;
    text-align: right;
    vertical-align:top;
}

.form td, .boxHorizontal td {
    /*margin: 0;*/
    /*padding-left: 10px;*/
    /*padding-top: 3px;*/
    /*padding-bottom: 3px;*/
    /*padding-right: 15px;*/
    /*color: #793B0D;*/
    /*background-color: #FFFFFF;*/

    /*font-size: 0.9em;*/
    /*font-family: Helvetica, sans-serif;*/
    vertical-align: top;
}
.form td ul, .boxHorizontal td ul
{
    margin-left:15px;
}
.blockForm th
{
    background-color: #EEEEEE;
}
.blockForm td
{
    border-bottom: 1px solid #EEEEEE;
}

.form .buttons td, .boxHorizontal .buttons td {
    text-align: left;
    background-color: #FFFFFF;
}

.form textarea, .boxHorizontal textarea {
    width: 600px;
    height: 300px;

}

.form input[type="text"], .form input[type="password"], .form input.text, .form input.password
{
    width: 800px;
}

.form input[type="textarea"], .form input.textarea
{
   width: 600px;
   height:600px;
}

.form input.date {
    width: 100px;
}

.form input.readOnly {
    background-color: #cccccc;
    border-top-width: 1px;
    color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.form .tableSeparator
{
    border-top: 1px solid gray;
}

/* PAGE LAYOUTS */

.seccao, .seccao p {
    margin: 10px;
    font-family: Helvetica, sans-serif;
}

.seccao p {
    padding: 4px;
}

.seccao h1 {
    font-size: 1.1em;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: black;
}

.seccao .seccao h1 {
    font-size: 1em;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: red;
}

.seccao ul
{
    margin: 15px;
}

/*Butões*/

input[type="text"], input[type="password"] {
}

input[type="button"], input[type="submit"] {
    color: #4d4d4d;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #4d4d4d;
    border-right-color: #4d4d4d;
    border-bottom-color: #4d4d4d;
    border-left-color: #4d4d4d;
    background-color: transparent;
    background-attachment: scroll;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #F5911E;
    background-attachment: scroll;
    cursor: pointer;
    color: white;
}


/********************************************** Navigation Menu ********************************/
ul.menubar {
    margin: 0;
    padding: 0;
    background-color: #F5911E; /* IE6 Bug */
    font-size: 100%;
    z-index:10;

}

.submenu {
    FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

.menu {
    FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

ul.menubar .submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #FFFFFF;
    float: left;
}

ul.menubar ul.menu {
    display: none;
    position: absolute;
    margin: 0;
}

ul.menubar a {

    display: block;
    text-decoration: none;
    color: #2C2E30;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.menubar a:hover {
    display: block;
    text-decoration: none;
    color: #2C2E30;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.menubar .shadow li a:hover {

    padding-left: 3px;

}

#menuTop {
    width: 100%;
}

#menuTop td.searchTab form {
    text-align: right;
}

#menuTop td.searchTab form table td {
    vertical-align: middle;
}

#menuTop td.searchTab input[type="text"] {
    width: 300px;
}

#menuTop form td, #menuTop form th {
    font-size: 1.0em;
}

#menuTop td.searchTab {
    float: right;
    text-align: left;
}

#menuTop td {
    vertical-align: top;
}

.menu a:hover {

    display: block;
    /* border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none; */

}

ul.menu, ul.menu ul {
    margin: 0;
    padding: 2px;
    /* border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;     */
    background-color: #FFFFFF; /* IE6 Bug */
}

ul.menu li {
    position: relative;
    list-style: none; /*border: 0px;*/
    opacity: 2.0;
    background-color: #F8F8FF;
    width: 250px;
}

ul.menu li a {
    display: block;
    text-decoration: none; /* border-bottom: 0px;*/
/*color: #4D4D4D;*/
/* background-color: #FFFFFF;  */
    color: #2C2630;
    background-color: #F5911E;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*
.shadow UL{
    background-color: #666;
    color: inherit;
    position: relative;
    padding-left:1px;
    padding-top :0px;
    padding-bottom:2px;
    padding-right:2px;
}
  */
.shadow UL {
    background: transparent;
    width: 250px;
    color: inherit;
}

/*ul.menu li sup{
    font-weight:bold;
    font-size:7px;
    color: red;
} */

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
    float: left;
    height: 1%;
}

* html ul.menu li a {
    height: 1%;
}

/* End */

ul.menu ul {
    position: absolute;
    display: none;
    left: 149px; /* Set 1px less than menu width */
    top: 0;
}

ul.menu li.submenu ul {
    display: none;
}

/* Hide sub-menus initially */

ul.menu li a:hover {
    background-color: #F5911E;
    color: #FFFFFF;
    text-decoration: underline;
}

/***********************************************************************************************/
/*BLOG*/
.postHeader
{
    clear:both;
}
.toolsContainer
{
    border: 1px solid orange;
    width:100%;
    margin-bottom:5px;
    clear:both;
}
.tools
{
    text-align:right;
    padding:2px;
}

.tools a:hover
{
    color:white;
}

.blog h2 *
{
    border-bottom:2px solid orange;
    font-size:15em;
}
.postsContainer
{
    width:70%;
}
.blog .posts
{
    background-color:white;
    border: 1px solid #808081;
    width:100%;
}

.posts * a:hover
{
    background-color:white;
}
.blog .oldMonths
{
    vertical-align:top;
}

.blog .form table, .blockForm table
{
     border: 1px solid lightgray;
     margin-bottom:4px;
     margin-top:4px;
}

.blockForm ul li ul li
{
    margin-bottom: 0px;

}
.blockForm ul li
{
    margin-bottom: 5px;

}


/********** Trees ***************/

.tree .node
{
    margin-left:10px;
}




/*POP EMAIL*/

.messagesContainer
{
    vertical-align:top;
}


table.quadro
{
        width:650px;
    border: 1px solid black;
    padding: 10px;
}
.quadro td
{
    text-align:center;
}
table.quadro th
{
        padding-bottom:5px;
}
table.quadro th.side
{
        padding:0px;
    text-align:left;
}
/*.messages td*/
.dataTable
{
    border:0;
    padding:0;

}
.dataTable td
{
    margin:0;
    border:1px solid #D3D3D3;

}
.number
{
    text-align:right;
}
.messages th, .dataTable th
{
    border:1px solid LightGray;
    text-align:center;
}
.messages
{ width:100%}
.dataTable input.removeButton, .form input.removeButton, .reminders * input.removeButton
{
    cursor:pointer;
    background-image:url(@contextPath@/imgs/delete.gif);
    background-color:transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0pt;
    background-y-position: 50%;
    padding:0;
    margin:0;
    width:16px;
    height:16px;
    border:0;
   
   
}
.dataTable input.removeButton:hover, .form input.removeButton:hover, .reminders * input.removeButton:hover
{
    background-image:url(@contextPath@/imgs/deleteHover.gif);
    background-color:transparent;
}
table.removeButton td
{
    border:5;
}
.message
{
    background-color:darkgray;
    padding:3px;
    color:white;
}

/*Reminders*/

.portalServices
{
    border-top:1px solid #F5911E;
}
.remindersContainer, .quotasImpressaoContainer, .messagesContainer, .searchTabContainer
{
   padding:0;
   border:0px solid #F5911E;
   vertical-align:top;
}
.remindersContainer input { width:85px }

.reminders
{
    text-align:center;
    vertical-align:top;
    width:200px;
    float:right;
    padding:0;
    margin:0;
}
#quotasImpressao , #popContainer
{
   border-top: 1px solid #F5911E;
}
.reminders #reminderForm, #quotasImpressao
{
}
#reminderForm
{
   border-top: 1px solid #F5911E;
   margin-top:4px;
}
.reminders .new input[type="text"]:hover,#activeReminders * img:hover,#expiredReminders * img:hover
{
    cursor:pointer;
}
#reminderForm textarea, #reminderForm table
{
    width:95%;
}
#activeReminders, #expiredReminders
{
    border-left: 1px solid #F5911E;
    border-right: 1px solid #F5911E;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:1px;
    margin-right:1px;
    padding-left:0;
    padding-bottom:0;
    padding-top:0;
    padding-right:0;

}
#expiredReminders .title
{
    padding:0;
    background-color: lightcoral;
    border:0;

}
#activeReminders .title
{
    padding:0;
    background-color: #F5911E;
    border:0;

}
#activeReminders .title td,#expiredReminders .title td
{text-align:right;}

.reminders .new .title
{
    text-align:right;
    padding-top:1px;
    padding-right:3px;
}
.reminder
{
   border-bottom: 1px solid #F5911E;
   padding:0;
}

.reminder .text
{
   padding-top:2px;
   padding-bottom:3px;
   padding-left:5px;
   background-color:#cccccc;
}



/*Block Menus*/

.linkMenuBlock .linkLeftMenu li
{
   border-bottom: 1px solid #808081;
}
.linkMenuBlock {
    margin-top: 15px;
    border-left: 1px solid #F5911E;
}
.linkMenuBlockRight {
    margin-top: 15px;
    border-right: 1px solid #F5911E;
}

.linkMenuBlock .linkMenuBlockTitle, .linkMenuBlockRight .linkMenuBlockTitle {
    border-bottom: 0px solid #F5911E;
    background-color: #F5911E;
    color: white;
    white-space: nowrap;
    text-align: right;
    padding-right: 2px;
    margin: 0;
}

.linkLeftMenu ul,.linkRightMenu ul {
    margin: 0;
}

.linkLeftMenu
{
    margin-bottom:15px;
    border-bottom: 1px solid #808081;
}
.linkLeftMenu li, .linkRightMenu li {
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap;
    padding-right: 3px;
    padding-left: 3px;
    margin:0;
}


.WARNING *, .WARNING p, .WARNING * p, .WARNING, .WARNING a
{
    color: yellow;
    background-color: black;
}


.WARNING a:hover
{
    color: yellow;
    background-color: black;
}


/*Plano Curricular*/
.planoCurricular td,    .planoCurricular th
{
        font-family: "bitstream vera sans",Verdana,Arial,Helvetica,sans-serif;                         
}
.planoCurricular
{
        border:1px solid black;

}
.planoCurricular th
{
   font-weight:normal;
        border:1px solid black;

}
.planoCurricular td.unidade
{
                text-align:right;
}                              
td.unidade span
{
        width:100%;                            
}
.semestre
{
        background-color:#F5911E;
}
.semestreHead
{
        background-color:#F5911E;
}                              
.perfilNome, .perfilHead
{
        background-color:#D6D6D6
}
.ects
{
        background-color:#EBFCD6;
}
.ficha
{
    background-color:#EEEEEE;
    text-align: center;
}



/*FACETS*/
.facets .title {
    background-color: #F5911E;
    color: #FFFFFF;
    font-size: 1.2em;

}
.facets
{
    border-left: 1px solid #F5911E;
    border-bottom: 1px solid #F5911E;
}

.facets table
{
    width:100%;
}

/* SURVEYS - Duarte Santos*/
.form #inputVertical
{
    width:150px;
}

.form #inputHorizontal
{
    width:300px;
}

textarea#surveyTextarea  {
    width: 400px;
    height: 80px;
    border: 1px solid #cccccc;
    resize:none;
}

div#surveyRequiredQuestion {
    font-size:10px;
    color:#666666;
}

table#questionTable {
    width:100%;
    border:1px solid #cccccc;
    margin-bottom:5px;
    padding:5px;
    background-color:#F7F7F7;
}

table#questionTable td,input{
    vertical-align:middle;
}

table#questionTable .candidateCell {
    text-align:center;
}

table#questionTable .questionLabelCell {
    padding-bottom:8px;
    border-bottom:1px solid #eeeeee;
}

div#loadNodeGraphs {
    margin:10px;
}

div#loadNodeGraphsHeader {
    margin-bottom:5px;
}

div#listSurveyStats {
    margin:10px;
}

.nodeSection {
    margin:5px;
}

div.seccaoPool
{
    background-color: #f5f3f9;
    border:1px solid gray;
}
table.processPoll th.starterPool
{
    background-color: #f9f8e3;
}


.processActor, .processActor td, .processActor th
{
    width: 100%;
    border: 0;
}
.processDocument
{
    background-color: lightblue;
    padding: 4px;
    border: 1px solid gray;
}
.process td
{
    text-align: center;
}

table.processActivity
{
    border:0;
}
td.processActivityTail
{
    border: 0; text-align: right;
}
td.processActivityArrow
{
    border: 0; text-align: left;
}
td.processActivityName
{
    border-left:0;
    border-right: 0;
    border-bottom: 1px solid #77B61E;
    border-top: 1px solid #77B61E;
    background-color: #9DF35D

}

td.processActivityNameGray
{
    border-left:0;
    border-right: 0;
    border-bottom: 1px solid #77B61E;
    border-top: 1px solid #77B61E;
    background-color: #c8c8c8;

}

.processesTable .OPEN
{
    background-color: green;
}

.processesTable .TRANSITION
{
    background-color: yellow;
}

.processesTable .CLOSED
{
    background-color: red;
}

.processesTable .wait1
{
    background-color: white;
    text-align: right;
}
.processesTable .wait2
{
    background-color: yellow;
    text-align: right;
}
.processesTable .wait3
{
    background-color: red;
    text-align: right;
}

.eventNOT_ACCEPTED td, p.eventNOT_ACCEPTED
{
    background-color: yellow;
    font-size: 12pt;
}
.eventACCEPTED td, p.eventACCEPTED
{
    font-size: 12pt;
    background-color: green;
    color: white;
}
.eventFINNISH_TRANSITATED td
{
    background-color: orange;
}
.eventFINNISH_CLOSED td
{
    background-color: red;
}



input.TRANSITAR_BTN
{
    background-color: #fff9bc;color: #000000;
}
input.TRANSITAR_BTN:hover
{

    background-color: yellow;color: black;
}

input.TERMINAR_BTN
{
    background-color: #ff9489;color: white;
}
input.TERMINAR_BTN:hover
{
    background-color: red;color: white;
}

.panel-body-h1
{
    font-size: 1.2em;
    background-color: #f7e1b5;
}

.panel-body-h1 a
{

    color: inherit;
    font: inherit;
    font-style: inherit;
}




.jobStatusPENDING
{
    background-color: #ffffff !important;
}
.jobStatusSTARTED
{
    background-color: darkgray !important;
}
.jobStatusFINISHED
{
    background-color: #00ff00 !important;
}
.jobStatusFINISHED_ERRORS, .jobStatusFAILED, .jobStatusUNKNOWN_ERROR
{
    background-color: #ff0000 !important;
}
.jobStatusFINISHED_WARNINGS
{
    background-color: #ffff00 !important;
}