Subversion Repositories bacoAlunos

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

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



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

UL {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.2em;
    margin: 0;
}

h2 {
    margin: 0;
   font-size: 1em;
}

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

}

.pFooter a {
    font-style: italic;
}
#content .pFooter a:hover
{
    color:white;
}


#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;*/
}

.rightPagePosition {
    CLEAR: left;
    LEFT: 0;
    FLOAT: left;
    PADDING-BOTTOM: 20px;
}

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

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

}

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

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

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

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

#pageStructure td.rightPage {

    border-top: 1px solid #8ec73f;
}

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

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


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

#content a:link, .content a:visited {
    color: #4d4d4d;
}

#content a:hover {
    color: #8EC73F
}

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

.contentPortal {
    border: #8EC73F solid 1px;
}

.rightPagePortal {
    background-color: #ededed;
    border-right: #8EC73F solid 2px;
    border-top: #8EC73F solid 2px;
    border-bottom: #8EC73F solid 2px;
}

.files {
    padding-left: 10px;
}

.files ul {
    margin: 0;
    padding: 0;
}

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

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

#footer {
    HEIGHT: 50px;
    PADDING-TOP: 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:link, #footer a:visited {
    color: #4d4d4d;
}

#footer a:hover {
    color: #8EC73F;
}

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

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

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

#topnav LI A:hover {
    COLOR: #4d4d4d;
    BACKGROUND-COLOR: #FFFFFF
}

#topnav LI A {
    color: #FFFFFF;
    text-decoration: none;
}

#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
*
*****************************************************************/

#searchResults li h1 {

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

#searchResults {

    padding-left: 10px;
}

#searchResults li a {
    cursor: pointer;
}

#searchresults div.result {

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

#searchResults li .module {
    position: absolute;
    visibility: hidden;
}

#searchResults li .module .result h2 {

    color: black;
    padding-top: 0;
    margin-top: 10px;
    cursor: pointer;
    padding-bottom: 0;
}

#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;
}

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

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

.portalContent {
    padding-left: 10px;
}

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

.portalContent {
    padding-left: 10px;
    padding-right: 10px;
}

.navLeftMenu h2 {
}

.navLeftMenu {
}

.block
{
    margin-bottom:10px;
}

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

.block P, .navLeftMenu h2 {
    background-color: #ededed;
    padding-left: 10px;
    margin: 0;

}

.block UL {
    LIST-STYLE-TYPE: none;
    padding-left: 10px;
}

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

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

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

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

.portalRightAnnouncements table {
    table-layout: fixed; /*width: 250px;*/
    font-size: 0.8em;
}

.portalAnnouncement a:link, .portalAnnouncement a:visited {
    margin: 0;
}

.portalAnnouncementTitle a {
    color: #000000;
}

.portalAnnouncement a {
    text-decoration: none;
}

.portalAnnouncementText a:link, .portalAnnouncementText a:visited {
    color: #4d4d4d;
}

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


#portalMenu li.selected  a {
    color: #8EC73F;
}

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

.contentPortal h2 {
    font-size: 1em;
}

.contentPortal {
    font-size: 0.75em;
}

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

.section {
    margin-bottom: 10px;
}

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

.contentPortal li a:hover {
    color: #8EC73F;
}

.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;
}

.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: 177px;
}

/*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: #FFFFFF;
    background-color: #8EC73F;
    padding-left: 10px;
}

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

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

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

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

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

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

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

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

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

#flashTopNews h2 a:link, #flashTopNews h2 a:visited {
    color: #8EC73F;
    font-weight: bold;
    text-decoration: none;
}

#flashTopNews p a:link, #flashTopNews p a:visited {
    color: #FFFFFF;
    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:link, #flashCenterNews h2 a:visited {
    color: #8EC73F;
    font-weight: bold;
    text-decoration: none;
}

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

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

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

#flashBottomNews h2 a:link, #flashBottomNews h2 a:visited {
    color: #8EC73F;
    font-weight: bold;
}

#flashBottomNews p a:link, #flashBottomNews p a:visited {
    color: #4d4d4d;
}

/*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: 1px solid #8ec73f;
    padding-right:3px;
    padding-bottom:0;
    padding-top:0;
    padding-left:3px;
}

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

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

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

#lastnews li a:hover, .linkLeftMenu a:hover {
    color: #8EC73F;
}

/*Block Menus*/

.linkMenuBlock {
    margin-top: 15px;
    border-left: 1px solid #8ec73f;
}

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

.linkLeftMenu ul {
    margin: 0;
}

.linkLeftMenu li {
    border-bottom: 1px solid #8ec73f;
    white-space: nowrap;
    padding-right: 3px;
    padding-left: 3px;
}

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

/******************************** Bar Module Color ************************************/
TD #topBar {
    font-weight: bold;
    color: white;
    background-color: #8EC73F;
    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: 0 solid #793B0D;
    font-weight: normal;
    padding-right: 5px;
    text-align: right;
}

.form td, .boxHorizontal td {
    margin: 0;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 15px;
    color: #793B0D;
    background-color: #FFFFFF;
    border: 0 solid #793B0D;
    font-size: 0.8em;
    font-family: Helvetica, sans-serif;
    vertical-align: middle;
}

.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"] {
    width: 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 {
    padding: 10px;
    font-size: 0.95em;
    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-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #8EC73F;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    cursor: pointer;
    color: white;
}

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

.statusERROR {
    color: red;
}

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

.requiredField {
    color: red;
}

.statusSearch {
    color: lightblue;
}

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

}

.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: #4D4D4D;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

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

#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: 200px;
}

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

#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: 0.9;
    background-color: #4D4D4D;
    width: 250px;
}

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

/*
.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: #8EC73F;
    color: #FFFFFF;
    text-decoration: underline;
}

/***********************************************************************************************/
/*BLOG*/
.postHeader
{
    clear:both;
}
.toolsContainer
{
    background-color:#aaaaaa;
    width:100%;
    margin-bottom:5px;
    clear:both;
}
.tools
{
    text-align:right;
    padding:2px;
}

.tools a:hover
{
    color:white;
}


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

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


/*POP EMAIL*/
.messages td, .dataTable td
{
    border:1px solid green;
}
.messages th, .dataTable th
{
    border:1px solid darkgray;
}
.message
{
    background-color:darkgray;
    padding:3px;
    color:white;
}