/*************************************************/
/* Folha de Estilo do SI.UFP                     */
/* Data: 2011-07-22                              */
/*************************************************/


/*************************************************/
/* Headers                                       */
/*************************************************/

h1
{
    font-size:xx-large;
    text-align:center;
    margin:  15px 5px 5px 5px;
}

h2
{
    font-size:x-large;
    text-align:center;
    margin: 12px 5px 5px 5px;
}

h3
{
    font-size:larger;
    text-align:center;
    margin: 9px 5px 5px 5px;
}

h4
{
    font-size:large;
    text-align:center;
    margin: 6px 5px 5px 5px;
}

h5
{
    font-size:medium;
    text-align:center;
    margin: 5px 5px 5px 5px;
}

/*************************************************/
/* Body - Corpo do HTML                          */
/*************************************************/

body
{   
    background: #FFFFFF url(../Image/lgrey081.gif) repeat;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
    margin: 0px 0px 0px 0px;
    text-align: justify;
}

/*************************************************/
/* Button                                        */
/*************************************************/

button
{
/*    background: #4C4C4C url(~/Image/Trans9.png) repeat-x top; */
    background-color: #4C4C4C;
    border-style:  outset;
    border-width: 1px;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}

.out
{
    border-style:  outset;
    border-width: 1px;
/*    background: #4C4C4C url(~/Image/Trans9.png) repeat-x top; */
    background-color: #4C4C4C;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}

.in
{
    border-style:  outset;
    border-width: 1px;
/*    background: #DCE082 url(../Image/Trans9.png) repeat-x top; */
    background-color: #DCE082;
    vertical-align: middle;
    color: Black;
    cursor: pointer;
}


/*************************************************/
/* Formato para a Orientação que aparece para copiar e colar a partir do excel    */
/*************************************************/
.FromExcel
{
    /*
    BorderColor="#8D8932" BackColor="" BorderStyle="Solid" 
                BorderWidth="1px"*/
                
                
    background: #E6E3B7;
    border:1px solid #8D8932;

                
}
.Orienta
{
    margin: 5px 5px 2px 5px;
    text-align:justify;
}
/*************************************************/
/* Formato para os Avisos     */
/*************************************************/

.aviso
{
    background-color: #FFA197;
    border:1px solid red;
}


.avisoRenova
{
    background-color: #ffcdcd;
    border:1px solid red;
    margin: 5px 5px 5px 20px;
}




/*************************************************/
/* Formato para os parágrafos das Instruções     */
/*************************************************/

.labelInstruct
{
    padding: 10px 10px 10px 10px;
    margin:5px 20px 5px 20px;
    text-align:justify;
}

/*************************************************/
/* Formato para a Publicidade do SIUFP */
/*************************************************/
.publicidade
{
    padding: 10px 10px 10px 350px;
    margin:5px 20px 5px 20px;
    text-align:justify;
    background-image: url(../Image/03.png);
    background-repeat: no-repeat;
    border: solid 1px #285000;
    font-size: 1.2em;
}

/*************************************************/
/* Formato para tabelas escritas em Code Behind  */
/*************************************************/

.tablewithresults { text-align: left; vertical-align: middle; background-color: #FFFFFF; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse: collapse; }
.tablewithresults th { padding: 4px 2px 4px 2px; color:#FFFFFF; background: #424242 url(../Image/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-weight:bold; }
.tablewithresults tbody tr td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.tablewithresults tfoot td { color: #ed1460; font-size: 0.8em; }
.tablewithresults tbody tr:hover td{
	color: #000000;
	background: #e8ff9a;/*#FFEFBB;*/
	/*filter:alpha(opacity=70); opacity:0.70; */
}
.even{ background: #fcfcfc url(../Image/grd_alt.png) repeat-x top; }
.odd{ background-color: #FFFFFF }

/*************************************************/
/* Formato para divulgação do sucesso           */
/*************************************************/

.sucesso{
    border: 1px solid blue;
    background-color: #93E3FF;
	font-size: 14px;
    padding:  5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    text-align: center;
    }

/*************************************************/
/* Formato para divulgação do insucesso           */
/*************************************************/

.insucesso{
    border: 1px solid red;
    color:Red;
    background-color: #fbc9c9;
	font-size: 14px;
    padding:  5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    text-align: center;
    }




/*************************************************/
/* password strength meter css  */
/*************************************************/



.barIndicatorBorder {
border:solid 1px #c0c0c0;
width:200px;
}

.barIndicator_poor {
background-color: #ff0000;
color: White;
width:200px;
padding: 2px 2px 2px 2px;
}

.barIndicator_weak {
background-color: #f7c409;
color: Black;
width:200px;
padding: 2px 2px 2px 2px;
}

.barIndicator_good {
background-color: #ffff00;
color: Black;
width:200px;
padding: 2px 2px 2px 2px;
}

.barIndicator_strong {
background-color: #92d050;
color: Black;
width:200px;
padding: 2px 2px 2px 2px;
}

.barIndicator_excellent {
background-color: #00b050;    
color: White;
width:200px;
padding: 2px 2px 2px 2px;
}

.textboxIndicator {
border: solid 2px #cccccc;
border-top: solid 2px #a0a0a0;
}





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

.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(../Image/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(../Image/grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(../Image/grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }

.mGrid tr.alt:hover { background: #e8ff9a;/*#FFEFBB;*/ }
.mGrid tr:hover { background: #e8ff9a;/*#FFEFBB;*/ }



/*************************************************/
/*      */
/*************************************************/
.myTopDiv { background-image: url(../Image/Trans1.png); background-repeat:repeat-x; background-color: #4C4C4C; position:absolute; top: 0px; left: 0px; height: 35px; padding: 0px 0px 0px 0px; width: 100%; border: 0px none none}

/*************************************************/
/*      */
/*************************************************/
.noInputChange
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #5B5B5B; 
    background-color: #C3C3C3;
    padding: 2px 5px 2px 5px;
    margin: 2px 5px 2px 5px;
}

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

select
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000;     
}

input.text
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
    margin: 1px 1px 1px 1px;
}

input.textCenter
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
    margin: 1px 1px 1px 1px;
    text-align: center;
}

input.password
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
    margin: 1px 1px 1px 1px
}

input.radio
{
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
}

input.checkbox
{
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000; 
}

input.button
{
    border-style:  outset;
    border-width: 1px;
    background-color: #4C4C4C;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}

input.submit
{
    border-style:  outset;
    border-width: 1px;
    background-color: #4C4C4C;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}

input.reset
{
    border-style:  outset;
    border-width: 1px;
    background-color: #4C4C4C;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}

textarea
{
    border: solid 1px #000000;
    font-family: verdana,tahoma,helvetica; 
    font-size: small;
    color: #000000;         
}

img
{
    border-style:none; 
    border-width: 0px
}

div
{
    border: none 0px none;
    
}

.adjustedZIndex {
    z-index: 1;
}

.Grande
{
    margin-top: 10px;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 10px;
    color: #00503C;
    margin-right: 10px;
    font-style: normal;
    font-family: verdana,tahoma,helvetica;
}

.Medio
{
    MARGIN: 8px;
    font-weight: normal;
    font-size: 16px;
    color: #00503C;
    font-style: normal;
    font-family: verdana,tahoma,helvetica;
}

.MuitoGrande
{
    margin-top: 10px;
    font-weight: normal;
    font-size: 50px;
    margin-bottom: 10px;
    color: #00503C;
    margin-right: 10px;
    font-style: normal;
    font-family: verdana,tahoma,helvetica;
}

.Pequeno
{
    margin-top: 10px;
    font-weight: normal;
    font-size: 10px;
    margin-bottom: 10px;
    color: #00503C;
    margin-right: 10px;
    font-style: normal;
    font-family: verdana,tahoma,helvetica
}

.Comum
{
    margin-top: 0px;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0px;
    color: #00503C;
    margin-right: 0px;
    font-style: normal;
    font-family: verdana,tahoma,helvetica
}

.E2
{
    border-left: 2px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E1
{
    border-left: 1px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.B1
{
    border-bottom: 1px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E2T2
{
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E1T1
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E2T1
{
    border-left: 2px solid #000000;
    border-top: 1px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E1R2
{
    border-left: 1px solid #000000;
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.E2R2
{
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.R2
{
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.E1R2T2
{
    border-left: 1px solid #000000;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.E1T2
{
    border-left: 1px solid #000000;
    border-top: 2px solid #000000;
    text-align: justify;
    vertical-align: middle;
}

.E2R2T2
{
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.E2R2T1
{
    border-left: 2px solid #000000;
    border-top: 1px solid #000000;
    border-right: 2px solid #000000; 
    text-align: justify;
    vertical-align: middle;
}

.E1R2T1
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 2px solid #000000; 
    vertical-align: middle;
    text-align: justify;
}

.B2E1T1
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000; 
    vertical-align: middle;
    text-align: justify;
}


.B2E2T1
{
    border-left: 2px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000; 
    vertical-align: middle;
    text-align: justify;
}

.B2E1R2T1
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000; 
    border-right: 2px solid #000000; 
    vertical-align: middle;
    text-align: justify;
}

table 
{
    border: 0px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
}

.topbotton1 
{
    border-top: solid 1px green;
    border-bottom: solid 1px green;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
}
.top1 
{
    border-top: solid 1px green;
    border-bottom: none 0px transparent;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
}
.botton1 
{
    border-top: none 0px transparent;
    border-bottom: solid 1px green;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
}

.button
{
    border-style:  outset;
    border-width: 1px;
    background-color: #4C4C4C;
    vertical-align: middle;
    color: White;
    cursor: pointer;
}



.cpBody
{
    color: Blue;
    border: 2px green;
    width: 650px;
    padding: 4px;
    padding-top: 2px;
    height:0px;
    overflow: hidden;
    text-align: justify;
}

.cpHeader
{
    cursor: pointer;
    width:638px;
    padding: 4px;
}
 
 
 
 
 
 
 
 
 
 

/*************************************************/
/*   CSS do Menu   */
/*************************************************/

.primaryMenu
{
  font-family: verdana, tahoma, helvetica;
  font-size: small;
  color: White;
  margin-top:-15px;
} 
 
.primaryStaticMenu
{
   background-color: transparent;
   border-width: 1px;
   /*border-color: #4C4C4C #4C4C4C #4C4C4C #4C4C4C; */
   border-color: transparent; 
   border-style: solid;
   height: 30px;
}
.primaryStaticMenuItem
{
    /*#4C4C4C*/
   background-color: transparent; 
   padding: 0px 10px 0px 10px;
   color: White;
   border-width: 1px;
   border-color: transparent; 
   border-style: solid;
   height:30px;
   
}
.primaryStaticHover
{
   color: #DCE082;
   background: transparent;
}

.primaryDynamicMenu
{   
   text-align:left;
   background-color: transparent;
   color: White;
}  
.primaryDynamicMenuItem
{
   background: #DCE082 url(../Image/Trans32.png) repeat-x;
   /*background-color: #DCE082; */
   padding: 2px 2px 2px 2px;
   color: olive;
   border-width: 1px;
   border-color: white white white white;  
   border-style: solid;         
   height:32px;
}    
.primaryDynamicHover
{
   color: black;
   background: #DCE082 url(../Image/Trans32.png) repeat-x;
   border-width: 1px;
   border-color: #4C4C4C #4C4C4C #4C4C4C #4C4C4C;  
   border-style: solid;         
}

.secondaryLevelOne
{
   background-color: transparent;
   background-repeat: repeat-x;
   margin: 1.5em 0 0 0;
   padding: 5px 0 0 5px;
   width: 12em; 
   height: 35px;
}
.secondaryLevelTwo
{
   background: #FAFBFB;
   padding: 5px 0 5px 5px;         
}
.secondaryStaticHover
{
   color: #800000;
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

/************************************************************/
/**Styling information specific to individual content pages**/
/************************************************************/
/*************/
/* Accordion */
/*************/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    background: #4C4C4C url(../Image/Trans22.png) repeat-x top;
    font-size: 1em;
    font-weight: bold;
    color: White;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    background: #DCE082 url(../Image/Trans22.png) repeat-x top;
    font-size: 1em;
    font-weight: bold;
    color: Olive;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: #FFFFFF;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: #FFFFFF;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    border-style: none dotted dotted dotted;
    border-width: 1px;
    border-color: #2F4F4F;
    background: #FFFFFF;
}


/* default layout */
.MyTabs .ajax__tab_header {white-space:nowrap;}
.MyTabs .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.MyTabs .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.MyTabs .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.MyTabs .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;color:white;background:url('../Image/TAB/tab-line.png') repeat-x bottom;}
.MyTabs .ajax__tab_outer {height:21px;padding-right:0px;margin:0px;background:url('../Image/TAB/tab-right.png') no-repeat right;}
.MyTabs .ajax__tab_inner {padding-left:4px;margin:0px;background:url('../Image/TAB/tab-left.png') no-repeat;}
.MyTabs .ajax__tab_tab {height:21px;padding:4px;margin:0px;background:url('../Image/TAB/tab.png') repeat-x;}
.MyTabs .ajax__tab_hover .ajax__tab_outer {background:url('../Image/TAB/tab-hover-right.png') no-repeat right;}
.MyTabs .ajax__tab_hover .ajax__tab_inner {background:url('../Image/TAB/tab-hover-left.png') no-repeat;}
.MyTabs .ajax__tab_hover .ajax__tab_tab {background:url('../Image/TAB/tab-hover.png') repeat-x;}
.MyTabs .ajax__tab_active .ajax__tab_outer {background:url('../Image/TAB/tab-active-right.png') no-repeat right;}
.MyTabs .ajax__tab_active .ajax__tab_inner {background:url('../Image/TAB/tab-active-left.png') no-repeat;}
.MyTabs .ajax__tab_active .ajax__tab_tab {background:url('../Image/TAB/tab-active.png') repeat-x;}
.MyTabs .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid black;border-top:0;padding:8px;}




/*************************************************/
/*   CSS do Calendário   */
/*************************************************/


.cal_Theme1 { border: 1px solid transparent; }

.cal_Theme1 .ajax__calendar_container {background-color: #e2e38f; border:solid 1px #4C4C4C;}
.cal_Theme1 .ajax__calendar_header { background: #424242 url(../Image/Trans9.png) repeat-x top; color:#FFFFFF; border:solid 1px #4C4C4C }
    
.cal_Theme1 .ajax__calendar_title, .ajax__calendar_title tr:hover, .ajax__calendar_title td:hover, .ajax__calendar_title tbody:hover 
{
    background: silver url(../Image/Trans9.png) repeat-x top; 
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_selectedDayStyle td {background-color: #e2e38f; border:solid 1px blue; color: blue;}
.cal_Theme1 .ajax__calendar_weekendDayStyle {background-color: #EFE4B0; color:Red;}
.cal_Theme1 .ajax__calendar_selectorStyle td {background-color: Fuchsia; color:Red;}

.cal_Theme1 .ajax__calendar_body {background-color: #ffffff; border: solid 1px #4C4C4C;}
.cal_Theme1 .ajax__calendar_dayname {text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;}
.cal_Theme1 .ajax__calendar_day {text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active 
{
    color: #004080;
    font-weight: bold;
    background-color: #e2e369;
}

.cal_Theme1 .ajax__calendar_today {font-weight:bold; color:Blue;}
.cal_Theme1 .ajax__calendar_active .ajax__calendar_day {color: #4C4C4C; font-weight:bold;}
.cal_Theme1 .ajax__calendar_active .ajax__calendar_month {color: #4C4C4C; font-weight:bold;}
.cal_Theme1 .ajax__calendar_active .ajax__calendar_year {color: #4C4C4C; font-weight:bold;}

.cal_Theme1 .ajax__calendar_other {color: Olive;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 
{
    color: white;
}