/* FLX Template 0.70 */

/* By RSD:
 * This is the theme file.
 * Everything related to colors and backgrounds are here
 * This theme will always be available, so to start a new
 * theme, just create a new theme-<name>.css file and copy the
 * parts that will be changed.
 * It will overlap this one.
 */
  
body
{
  background-image: url(../img/background.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-color:rgb(255,255,255);
}

#page-container 
{
  border:solid 1px rgb(150,150,150);
}

/* --------- HEADER  --------- */
.header-top 
{
  background:rgb(240,240,240) url(../img/bg_head_top.jpg);
}

.header-middle 
{
  background:rgb(230,230,230) url(../img/bg_head_middle.jpg);
}

.header-bottom 
{
  background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}

.header-breadcrumbs
{
  background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
/* ---------------------------------- */



/* -------------------------------------------------------
 * background do main, conforme as colunas 
 * Onde for solid tem de ter um fundo cinza
 * Ou da cor do tema
 */
.main_solid_left
{
  background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;
}

.main_solid_right
{
  background:transparent url(../img/bg_main_withnav_reverse.jpg) top left repeat-y;
}

.main_solid_both
{
  background:transparent url(../img/bg_main_withnav_both.jpg) top left repeat-y;
}

.main_solid_none
{
  background:transparent url(../img/bg_main_withoutnav.jpg) top left repeat-y;
}
/* ----------------------------------------------------- */


#footer 
{
  background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; 
}



/* ------- Client customization in the headers ------- */
.module-sitename h2 
{
  color:rgb(125,125,125);
}

.module-sitename a 
{
  color:rgb(125,125,125);
}

.module-sitename a:hover 
{
  color:rgb(50,50,50);
}

.module-sitemessage 
{
  color:rgb(234,239,247); 
}

.module-sitemessage h3 a 
{
  color:rgb(234,239,247);
}

.module-sitemessage h3 a:hover 
{
  color:rgb(50,50,50);
}
/* --------------------------------------------------- */




/* ---------- Font sizer ------------- */
a.linkbutton,
a.linkbutton:active,
a.linkbutton:visited,
a.linkbutton:link
{
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  color:rgb(150,150,150);
}

a.linkbutton:hover
{
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}
/* --------------------------------- */

/* -------------- Search form ------------- */
.searchform input.field 
{
  border:1px solid rgb(200,200,200); 
}

.searchform input.button 
{
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  color:rgb(150,150,150);
}

.searchform input.button:hover 
{
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}
/*------------------------------------------*/

/* ----------- FOOTER SECTION --------------- */
#footer p,
#footer a 
{
  color:rgb(125,125,125); 
}

#footer a:hover,
#footer a:visited
{
  color:rgb(0,0,0);
}

/*--------------------------------------------*/


/* -------------------------------  Menus ------------------------------ */

	/* ======= Main Menu ========= */
.mainlevel 
{
  border-bottom:solid 1px rgb(200,200,200);
}

a.mainlevel, 
a.mainlevel:visited
{  
  border-top: solid 1px rgb(200,200,200); 
  color:rgb(70,122,167); 
} 

a.mainlevel:hover
{  
  background-color:rgb(225,225,225); 
  color:rgb(42,90,138); 
}

#active_menu 
{ 
	background-color: rgb(135,135,135);
	color: #000033;
} 

a.sublevel
{
	border: 1px solid #999999;
	/*background-color: ;*/
	color: #000000;
}
  
a.sublevel:hover
{
	border: 1px solid #087D84;
	background-color: #727FA7;
}
	/* ===================== */
	
/* ------------- top menu ----------------*/
.top_menu
{
  background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; 
  color:rgb(75,75,75);
}

.top_menu ul li 
{
  border-right:solid 1px rgb(175,175,175);
}

.top_menu ul li a 
{
  color: rgb(100,100,100);
}

/*Non-IE6 hovering*/
.top_menu ul li:hover a 
{
  background-color:rgb(210,210,210); 
} /*Color main cells hovering mode*/

.top_menu ul li:hover ul li a 
{
  border-left:solid 1px rgb(175,175,175); 
  border-bottom: solid 1px rgb(175,175,175); 
  background-color:rgb(237,237,237); 
  color:rgb(50,50,50);
} /*Color subcells normal mode*/

.top_menu ul li:hover ul li a:hover 
{
  background-color:rgb(210,210,210); 
} /*Color subcells hovering mode*/

.top_menu ul li a:hover 
{
  background-color:rgb(210,210,210); 
} /*Color main cells hovering mode*/

.top_menu ul li a:hover ul li a 
{
  border-left:solid 1px rgb(175,175,175); 
  border-bottom: solid 1px rgb(175,175,175); 
  background-color:rgb(237,237,237); 
  color:rgb(50,50,50);
} /*Color subcells normal mode*/
  
.top_menu ul li a:hover ul li a:hover 
{
  background-color:rgb(210,210,210); 
} /*Color subcells hovering mode*/
/* -----------------------------------------------*/


/*-----------TOP RIGHT MENU (0)------------*/
.top_menu0 li a 
{
  color:rgb(125,125,125) ; 
}

.top_menu0 a:hover 
{
  color:rgb(50,50,50);
}
/*----------------------------------------*/

/* -------------------------END OF MENUS --------------------------------*/








/* --------------------------- SYSTEM THEME ------------------------------ */
.componentheading
{
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #e1e1e1;
  color: #646464;
}

.componentheading,
.contentheading
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cfcfcf;
  color: #4f4f4f;
  background-color: #f3f3f3;
}

.blog .contentheading
{
  color: #363636;
  background-color: transparent;
}

.blog .contentheading a,
.blog .contentheading a:visited,
.blog .contentheading a:hover,
.blog .contentheading a:active
{
  color: #363636;
}

/* N� funciona no IE6 */
/* RSD: se lembrar pra que era isso mesmo */
/*
.contentpaneopen tr:first-child td span,
.contentpaneopen tr:first-child td span a
{
  color: #696969 !important;
}
*/

.small
{
  color: #9f9f9f;
}

.createdate
{
  color: #8d8d8d;
}

.modifydate
{
  color: #7d7d7d;
}

.content_rating
{
  color: #b5b5b5;
}

.article_seperator
{
  border-top-color: #cfcfcf;
}

.blog_more div strong
{
  color: #ffffff;
  background-color: rgb(42,90,138);
}

.blogsection
{
  background-color: #f3f3f3;
}

.blog_more li
{
  border: 0px !important;
  /* This is for IE6 only, if the background changes, change together */
  border: 1px dotted #ffffff;
} 

.pagenav
{
  background-color: #f3f3f3;
}

.mosimage
{
  border: 1px solid rgb(200,200,200);
}

.mosimage_caption
{
  background-color: rgb(230,230,230);
}

.contenttoc
{
  border: 1px solid rgb(200,200,200); 
}

.contenttoc th
{
  background-color: rgb(230,230,230); 
}

.sectiontableheader
{
  color: #ffffff;
  border-top-color: #f4f8f4;
  background-color: #648364; 
}

.sectiontableentry1
{
  background-color: rgb(220,220,220);
}

tr.sectiontableentry1 td
{
  background-color: #ffffff; 
}

tr.sectiontableentry2 td
{
  background-color: #eaf0ea;
}

.highlight
{
  color: orange;
}

.button
{
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  color:rgb(150,150,150);
}

.button:hover
{
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}

.inputbox
{
  border:1px solid rgb(200,200,200);
}

/* ------------------------------- */


.message
{
 color: #ff9900;
}

/* nas tags readon, pagenav_next, pagenav_prev e back_button
 * os tamanho delas tem de ser igual ao da imagem 
 */
.readon
{
  width: 80px;
  height: 18px;
  background-image: url(../img/leiamais.png);
  color: #ffffff;
}

a.readon:hover
{
  width: 80px;
  height: 18px;
  background-image: url(../img/leiamais_over.png);
  color: #ffffff;
}

.pagenav_next a
{
  width: 80px;
  height: 18px;
  background-image: url(../img/proximo.png);
  color: #ffffff;
}

.pagenav_next a:hover
{
  width: 80px;
  height: 18px;
  background-image: url(../img/proximo_over.png);
  color: #ffffff;
}

.pagenav_prev a
{
  width: 80px;
  height: 18px;
  background-image: url(../img/anterior.png);
  color: #ffffff;
}

.pagenav_prev a:hover
{
  width: 80px;
  height: 18px;
  background-image: url(../img/anterior_over.png);
  color: #ffffff;
}

/* tem de acompanhar o .back_button a */
.back_button
{
  width: 80px;
  height: 18px;
  color: #ffffff;
}

.back_button a
{
  width: 80px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(../img/voltar.png);
  background-position: right center;
  color: #ffffff;
}

.back_button a:hover
{

  width: 80px;
  height: 18px;
  background-image: url(../img/voltar_over.png);
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: right center;
}

span.pathway
{
  color:rgb(125,125,125); 
}

.pathway a 
{
  color:rgb(70,122,167); 
}

.pathway a:hover 
{
  color:rgb(42,90,138); 
}

/* N� �o caso agora, mas se o pathway vier a ser implementado na forma de lista */
.pathway ul li 
{
  background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; 
  color:rgb(125,125,125); 
}

/* ----------------------------------------------------------------------- */




/* -------------------------------- COLUMNS ------------------------------- */

/* ============== Solid colunm ================ */

/* For the first module use: 
 .solid-column .module-first h3
 
This is for all modules, even the first one if not defined above */
.solid-column h3
{
  background:rgb(190,190,190);
  color:rgb(255,255,255); 
}
/* ------------------ */


/* ============== Float Column ================== */


/* Every definition has a border color, a background color 
 * The header is in the h3, which should have the same background color
 * as the border
 */
 
.float-column .module
{
  border:solid 1px rgb(190,190,190); 
}

/* Base para todos titulos */
.float-column h3
{
  background-color:rgb(190,190,190); 
  color:rgb(255,255,255);
}

.float-column .module,
.float-column .module-noborder
{
  background:rgb(235,235,235);
}

/* -- this ones are the variations -- */
.float-column .module-1
{
  border:solid 1px #1C1C1C;
}

.float-column .module-1 h3,
.float-column .module-noborder-1 h3
{
  background-color:#1C1C1C; 
}

.float-column .module-1,
.float-column .module-noborder-1
{
  background: #E8E8E8;
}

.float-column .module-2
{
  border:solid 1px #363636; 
}

.float-column .module-2 h3,
.float-column .module-noborder-2 h3
{
  background-color:#363636; 
}

.float-column .module-2,
.float-column .module-noborder-2
{
  background:#E8E8E8;
}

.float-column .module-3
{
  border:solid 1px #363636; 
}

.float-column .module-3 h3,
.float-column .module-noborder-3 h3
{
  background-color:#363636; 
}

.float-column .module-3,
.float-column .module-noborder-3
{
  background:#E8E8E8;
}

.float-column .module-4
{
  border:solid 1px #8B8B7A; 
}

.float-column .module-4 h3,
.float-column .module-noborder-4 h3
{
  background-color:#8B8B7A; 
}

.float-column .module-4,
.float-column .module-noborder-4
{
  background: #FFFFE0;
}

.float-column .module-5
{
  border:solid 1px #68838B; 
}

.float-column .module-5 h3,
.float-column .module-noborder-5 h3
{
  background-color:#68838B; 
}

.float-column .module-5,
.float-column .module-noborder-5
{
  background:#E0FFFF;
}

.float-column .module-6
{
  border:solid 1px #4A708B; 
}

.float-column .module-6 h3,
.float-column .module-noborder-6 h3
{
  background-color:#4A708B; 
}

.float-column .module-6,
.float-column .module-noborder-6
{
  background:#E0FFFF;
}

.float-column .module-7
{
  border:solid 1px #708090; 
}

.float-column .module-7 h3,
.float-column .module-noborder-7 h3
{
  background-color:#708090; 
}

.float-column .module-7,
.float-column .module-noborder-7
{
  background:#DCDCDC;
}

.float-column .module-8
{
  border:solid 1px #8B8989; 
}

.float-column .module-8 h3,
.float-column .module-noborder-8 h3
{
  background-color:#8B8989; 
}

.float-column .module-8,
.float-column .module-noborder-8
{
  background:#DCDCDC;
}

.float-column .module-9
{
  border:solid 1px #1C1C1C; 
}

.float-column .module-9 h3,
.float-column .module-noborder-9 h3
{
  background-color:#1C1C1C; 
}

.float-column .module-9,
.float-column .module-noborder-9
{
  background:#FFFFE0;
}

.float-column .module-10
{
  border:solid 1px #363636; 
}

.float-column .module-10 h3,
.float-column .module-noborder-10 h3
{
  background-color:#363636; 
}

.float-column .module-10,
.float-column .module-noborder-10
{
  background: #F0FFFF;
}



/* Esses sufixos s� fixos, raramente devem ser alterados
 * a n� ser para um tom onde se encaixem melhor 
 */
 
.float-column .module-green 
{
  border:solid 1px rgb(160,214,81); 
}

.float-column .module-green,
.float-column .module-noborder-green 
{
  background-color:rgb(217,239,185);
}

.float-column .module-blue  
{
  border:solid 1px rgb(137,170,214);
}

.float-column .module-blue,
.float-column .module-noborder-blue
{
  background-color:rgb(213,225,240);
}

.float-column .module-orange 
{
  border:solid 1px rgb(232,177,13); 
}

.float-column .module-orange,
.float-column .module-noborder-orange 
{
  background-color:rgb(248,224,150);
}

.float-column .module-green h3,
.float-column .module-noborder-green h3
{
  background-color:rgb(160,214,81); 
}

.float-column .module-blue h3,
.float-column .module-noborder-blue h3
{
  background-color:rgb(137,170,214);
}

.float-column .module-orange h3,
.float-column .module-noborder-orange h3
{
  background-color:rgb(232,177,13); 
}

/* =============================================== */





/* ----------------------------------------------------------------------- */