/* ================================
    CSS STYLES FOR THE ASP.NET PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/

/* ####################  ELEMENTOS  ####################### */

Body
{
	font-family: Verdana;
	font-size: 11px;
	color: #6A6A6A;
	text-decoration: none;
	background-color: White;
	text-align: center;
	margin: 0 0 0 0;
}
label
{
	color: black;
}
A
{
	font-size: 11px;	
	text-decoration: none;
	color: #0000FC;
	font-weight:bold;
}
A:hover
{
	text-decoration: underline;
}
hr
{
	color: #e4e4e4;
	background: #e4e4e4;
	height: 1px;
	border: 0px;	
}
td.button a
{
	border: solid 1px #6a6a6a;
	padding: 0 4 0 4;
	font-weight: bold;
	font-size: 11px;
	color: #6A6A6A;
	background-color: transparent;
	text-decoration: none;
}
td.button a:hover
{
	background-color: #EFEFEF;
	text-decoration: none;
}
td.linkbutton a
{
	font-weight: bolder;
	font-size: 11px;
	color: #8F1A2E;
	text-decoration: none;
}
td.linkbutton a:hover
{
	color: #787E1E;
	text-decoration: none;
}
td.formFieldText input
{
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;
}
td.formFieldTitle input
{
	font-size: 11px;
	font-weight: bold;
	color: #6A6A6A;
}

/* text style for the site links (at footer) */
.FooterLink, A.FooterLink:link 
{
    font-family:Verdana;
    font-size: 11px;    
    color: #FFFFFF;
    text-decoration: none;
    font-weight:normal;
}

A.FooterLink:hover
{
    font-weight:bold;
    color:#FFFF00;
    text-decoration: none;
}

td div.scrollableDiv {
	width:100%; 
	height:470px;	 
	overflow:auto; 
	vertical-align:text-top;
	SCROLLBAR-FACE-COLOR: #6A6A6A;	
}


/* ####################  CLASSES  ####################### */

/* ESTILOS BASE DA APLICAÇÃO ========================================*/
.appSize
{
	width: 955px;
	height: 98%;
}
.titleText
{
	font-size: 12px;
	font-weight: bold;
	color: #6A6A6A;
}
A.titleText
{
	font-size: 12px;
	font-weight: bold;
	color: #6A6A6A;
}
A.titleText:hover
{
	text-decoration: underline;
}

.normalText
{
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;
}
.dateText
{
	font-size: 10px;
	font-weight: bold;
	color: #6A6A6A;
}

.tab
{
	border: solid 1px #6a6a6a;
	padding: 2 4 2 4;
	font-weight: bold;
	font-size: 11px;
	color: #6A6A6A;
	background-color: transparent;
	text-decoration: none;
}
.tab:hover 
{	
    background-color: #EFEFEF;
	text-decoration: none;
}
.tabSelected
{	
	border: solid 1px #6a6a6a;
	padding: 2 4 2 4;
	font-weight:normal;
	color: #6A6A6A;
    background-color:#EFEFEF;
    text-decoration:none;
}
.tabSelected:hover
{	
	padding: 2 4 2 4;
	font-weight:normal;
    background-color:#EFEFEF;
    text-decoration:none;
}
.tableBorder
{
	border: solid 5px #d2d2d2;
	background: #d2d2d2;
}

/* ESTILOS USADOS EM FORMULÁRIOS ========================================*/

.formHeader
{
	font-weight: bold;
	font-size: 20px;
	color: #6A6A6A;
}
.formSubHeader
{	
	font-size: 30px;
	color: #0000FC;
}
.formFieldTitle
{
	font-size: 11px;
	font-weight: bold;
	color: #6A6A6A;
}
.formFieldText
{
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;	
}
.confirmText
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	background-color: darkseagreen;
}
.errorText
{
	font-size: 11px;
	font-weight: bold;
	color: Red;
}
.warningMessage
{
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: darkorange;
}
.line1
{
	color: #E4E4E4;
	height: 1px;
	width: 100%;
}
.box
{
	border-color: #6A6A6A;
	border-style: solid;
	border-width: 1px;
}

.Title
{
	font-size: 30px;
	font-weight: normal;
	color: #6A6A6A;
	font-family: Verdana;
}

.Sub_Title
{
	font-size: 20px;
	font-weight: normal;
	color: #6A6A6A;
	font-family: Verdana;
}

.Content_Claro
{
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;
	font-family: Verdana;
}

.Content_Escuro
{
	font-size: 11px;
	font-weight: normal;
	color: #5E5E5E;
	font-family: Verdana;
}

.Link_Amarelo, A.Link_Amarelo:link

{
	font-size: 11px;	
	text-decoration: none;
	color: Yellow;
	font-weight:bold;
}

.Link_Amarelo:hover
{
	text-decoration: underline;
}

.Link_Azul, A.Link_Azul
{
	font-size: 11px;	
	text-decoration: none;
	color: #0000FC;
	font-weight:bold;
}

.Link_Azul:hover
{
	text-decoration: underline;
}
/* MENU ========================================*/
.menuItem
{
	vertical-align:top;
	cursor:hand;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;	
}
.menuItemSel
{
	vertical-align:top;
	cursor:hand;
	color: #FFFF00;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
}
.menuSubMenu
{
	background-color:#6A6A6A;
	vertical-align:top;
	cursor:hand;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;	
}
.menuIcon
{
	width:10px;
	height:0;
	background-image:url(FrameWork/Icons/blank.gif);
}
.menuContainer
{
	width: 95%;
}

.menuRootArrow
{
	width:0;
	height:0;
	background-image:url(FrameWork/Icons/Menu_arrow.gif);
}
.menuPlaceHolder
{
	cursor:hand;	
}
/* TREE VIEW ========================================
Estilos aplicados aos controlod do tipo treeview
*/
.tree
{
	position:static;
}



/* BUTTONS ========================================
Os botões com imagens tem 25x23 para dar margem entre botões seguidos.
As imagens tem 23x23
*/

.button
{
	border: solid 1px #6a6a6a;
	padding: 0 4 0 4;
	font-weight: bold;
	font-size: 11px;
	color: #6A6A6A;
	background-color: transparent;
	text-decoration: none;
}
.button:hover
{
	background-color: #EFEFEF;
	text-decoration: none;
}
.linkbutton
{
	font-size: 11px;	
	text-decoration: none;
	color: #0000FC;
	font-weight:bold;	
}
.linkbutton:hover
{
	text-decoration: underline;
}
a.edit
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/edit.gif);
	background-repeat:no-repeat;		
}
a.edit:hover
{
	background-image:  url(../FrameWork/Icons/edit_hover.gif);
}
a.delete
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/delete.gif);	
	background-repeat:no-repeat;	
}
a.delete:hover
{
	background-image:  url(../FrameWork/Icons/delete_hover.gif);
}
a.save
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/save.gif);	
	background-repeat:no-repeat;		
}
a.save:hover
{
	background-image:  url(../FrameWork/Icons/save_hover.gif);
}
a.calendar
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/calendar.gif);
	background-repeat:no-repeat;		
}
a.calendar:hover
{
	background-image:  url(../FrameWork/Icons/calendar_hover.gif);
}
a.down
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/dn.gif);
	background-repeat:no-repeat;		
}
a.down:hover
{
	background-image:  url(../FrameWork/Icons/dn_hover.gif);
}
a.up
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/up.gif);
	background-repeat:no-repeat;		
}
a.up:hover
{
	background-image:  url(../FrameWork/Icons/up_hover.gif);
}
a.key
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/key.gif);		
	background-repeat:no-repeat;
}
a.keyButton
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/keyButton.gif);		
	background-repeat:no-repeat;
}
a.keyButton:hover
{
	background-image:  url(../FrameWork/Icons/keyButton_hover.gif);
}
a.left
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/lt.gif);		
	background-repeat:no-repeat;	
}
a.left:hover
{
	background-image:  url(../FrameWork/Icons/lt_hover.gif);
}
a.rigth
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/rt.gif);
	background-repeat:no-repeat;		
}
a.rigth:hover
{
	background-image:  url(../FrameWork/Icons/rt_hover.gif);
}
a.foward
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/fwd.gif);
	background-repeat:no-repeat;		
}
a.foward:hover
{
	background-image:  url(../FrameWork/Icons/fwd_hover.gif);
}
a.ffoward
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/ffwd.gif);
	background-repeat:no-repeat;		
}
a.ffoward:hover
{
	background-image:  url(../FrameWork/Icons/ffwd_hover.gif);
}
a.rew
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/rew.gif);
	background-repeat:no-repeat;		
}
a.rew:hover
{
	background-image:  url(../FrameWork/Icons/rew_hover.gif);
}
a.frew
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/frew.gif);
	background-repeat:no-repeat;		
}
a.frew:hover
{
	background-image:  url(../FrameWork/Icons/frew_hover.gif);
}
a.plus
{
	width:15;
	height:13;
	background-image: url(../FrameWork/Icons/plus.gif);
	background-repeat:no-repeat;		
}
a.plus:hover
{
	background-image:  url(../FrameWork/Icons/plus_hover.gif);
}
a.minus
{
	width:15;
	height:13;
	background-image: url(../FrameWork/Icons/minus.gif);
	background-repeat:no-repeat;		
}
a.minus:hover
{
	background-image:  url(../FrameWork/Icons/minus_hover.gif);
}
a.users
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/users.gif);
	background-repeat:no-repeat;		
}
a.users:hover
{
	background-image:  url(../FrameWork/Icons/users_hover.gif);
}
a.undo
{
	width:25;
	height:24;
	background-image: url(../FrameWork/Icons/Undo.gif);
	background-repeat:no-repeat;		
}
a.undo:hover
{
	background-image:  url(../FrameWork/Icons/Undo_hover.gif);
}
a.confirm
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/wright.gif);
	background-repeat:no-repeat;		
}
a.confirm:hover
{
	background-image:  url(../FrameWork/Icons/wright_hover.gif);
}
a.reports
{
	width:25;
	height:23;
	background-image: url(../FrameWork/Icons/reports.gif);
	background-repeat:no-repeat;		
}
a.reports:hover
{
	background-image:  url(../FrameWork/Icons/reports_hover.gif);
}

/* BACKGROUD IMAGES */
.t {background: url(../FrameWork/Images/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(../FrameWork/Images/dot.gif) 0 100% repeat-x}
.l {background: url(../FrameWork/Images/dot.gif) 0 0 repeat-y}
.r {background: url(../FrameWork/Images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../FrameWork/Images/bl.gif) 0 100% no-repeat}
.br {background: url(../FrameWork/Images/br.gif) 100% 100% no-repeat}
.tl {background: url(../FrameWork/Images/tl.gif) 0 0 no-repeat}
.tr {background: url(../FrameWork/Images/tr.gif) 100% 0 no-repeat; padding:10px}