/* No wrapping */
.wgnowrap {  white-space: nowrap; }

.wggrid
{
	text-align: left;
	border-top: 0px solid #FDCA89;  
	border-bottom: 0px solid #FDCA89;  
/*	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
*/}

/* This class is used in the "total" summary in WebGrid window. */
.wgtotal
{
	padding:3px;
	font-weight:bold;
	border-top: 0px solid #FDCA89;  
	border-bottom: 0px solid #FDCA89;  
	text-align:left;
	vertical-align:middle;
		
}



.wgText
{
	padding: 1px 10px 1px 3px;
	
}
.wgSplitter
{
	position: absolute;
	height: 100px;
	width: 1px;
	background: red;
}
.wgHeaderContent
{
	float: left;
}

.wgheadercell
{
	margin: 3px;
	height:	16px;
	position:relative;

}

/* loading message for WebGrid when ajax is enabled */
.wgloading
{
	background-color: black;
	color:White;
	padding-left: 5px;
	padding-right:5px;
	position:absolute;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
  
	right:10px;
	top:10px;
	z-index:9999;
}

span.wgtool {
  position: relative; 
  
}
 
span.wgtool span.wgtip {
  display: none;        
}

/* WebGrid ToolTip */ 
span.wgtool:hover span.wgtip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  opacity: 0.70; /* Safari, Opera and Mozilla */
  filter: alpha(opacity=70); /* IE */

  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #238DCC;
  text-align: left;
         
}



/* This class is used in one cell for the summary field in WebGrid window. */
.wgtotalcell
{
	padding:3px;
	font-weight:bold;
	border-top: 1px solid #FDCA89;  
	border-bottom: 2px solid #FDCA89;  

	text-align:right;
	vertical-align:middle;
}
/* This class is used when displaying images from a datasource */
.wgimage 
{
	border: 1px solid #C0C0C0;
	margin: 0px 0px 0px 0px;
}

/* Background colour for a row in WebGrid window (applies also to titles, headers, and more.) */
tr.wgrow{
	background-color:Black;
 }

/* Background colour for every second row in WebGrid (applies only to every second row in overview window)*/
tr.wgrow2{
	background-color:Fuchsia;
 }

/* This class is affects errors rendered by WebGrid window.*/
.wgsystemmessagebox 
{
	color:red;
	margin-bottom: 5px;
	border: 1px solid #C1D9F0;
	background-color: #FAFAFA;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* This class is used where the error is rendered. */
.wgsystemmessagetitle
{
	padding-left: 3px;
	padding-right: 3px;
	color:red;
	font-weight:bold;
}

/* This class is affects the area where 'New Record', 'Update records', and pager are being rendered. */
.wgmiscbox 
{
	padding-top:3px;
}

/* This class affects the NewRecord and update rows link*/
.wgnewrecord ,.wgupdaterecords, .wgupdaterecord, .wgclosewindow, .wgerrorreport
{
	font-weight:bold;
	color:#238DCC;
}


/* HACK FOR FIREFOX.. Makes firefox render the CSS correctly.*/
.wgtitle, foo:-moz-any-link
{

}

/* Muda o Título da Grid Ou pode ser uma imagen */
.wgtitle	
{
	color: Blue;
	display:none;
	font-weight: bold;
	background:url('./images/Grid/images/fundo_tit_grid.jpg') repeat-x top #FFF;
	padding:3px;
}

/* Muda o Título da Grid Ou pode ser uma imagen */
.barraFerramentas
{
	width:100%;
	font-weight: bold;
	background:url('./images/Grid/images/fundo_tit_grid.jpg') repeat-x top #FFF;
	padding:3px;
}

/* Essa classe muda o efeito da pagina abaixo, a pagina ativa, e o nome page. */
.wgtoolbargrid, .wgtoolbaredit
{
	color: Black;
	background-color: #E7F0FB;
	font-weight:bold;	
	
}

/* Classe para o serch txt */
.wgsearchfieldborder
{
	background-color: Black;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* Essa classe afeta o search textbox da grid */
.wgsearchfield 
{
	width: 80px;
	
}



/* Essa classe afeta o cabeçalho header da grid (Aplica-se em Grid Mode) */
.wgheader 
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0 0 0 0;
	width:100%;
	background-color:Lime;
}

/* Afeta a tabela renderizada por 'RecordsPerRow'.*/
.wgrecordsperrow
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}

/* Radiobutton para ForeignKeys */
.wgradiobuttons 
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* Essa classe afeta o cabeçalho das colunas "headding" os textos e cores */
.wgheadercolumn
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	color: #9bd1fa;
	font-weight: bold;
	height:100%;
}

/* Essa classe afeta a row (Pode modificar todo a grid dependendo da cor*/
.wgrow
{	background-color: white;
	padding-bottom: 2px;
	padding-left: 3px; 
	padding-top: 2px;
	padding-right: 3px;
	font-size:11px;
	
}
/* Essa classe afeta a row (Pode modificar todo a grid dependendo da cor*/
.wgrow2
{	background-color: #ecf5f6;
	padding-bottom: 2px;
	padding-left: 3px; 
	padding-top: 2px;
	padding-right: 3px;
	
}


/* This class affects column that spans over columns or rows */

.wgrowspan
{
	padding: 0 0 0 0;
	border-spacing: 5px;
	border-collapse: separate;
	width:100%;

}


/*This class affects areas where you can edit datasource content */
.wgeditfield 
{
	color:black;
	text-align:justify;
	vertical-align:middle;
	color: #443;
	outline: none;
	border: 1px solid #aaa; 
}





/* Essa classe edita totalmente o a grid tamanho de letras, padding, bordas etc. */
.wgmaingrid
{
	border:0;
	background-color: #FAFAFA;
	font-family:Arial;
	font-size : 12px;	
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

a.wgnewrecord, a.wgsearch, a.wgupdaterecord,a.wgupdaterecords, a.wgclosewindow, a.wgerrorreport
{
	
    text-decoration:none;
	color: Black;
}

a.wgnewrecord:hover, a.wgsearch:hover, a.wgupdaterecord:hover, a.wgupdaterecords:hover , a.wgclosewindow:hover, a.wgerrorreport:hover
{
	text-decoration:underline;
	color: Blue;
}


/* Cor das colunas que podem ser clicadas */
a.wglinkfield
{
	color: black;
	text-decoration:none;
	border:0;
	
}

/* Cor das ledtras da coluna */
a.wgheadercolumn {
	color : #2f3699;
	text-decoration:none;
}

/* Classe que afeta o Pager Border, pode ser adicionado cores etc. */
.wgpager
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	vertical-align:middle;
	background-color:Transparent;
}

/* Classe que afeta o pager, (Navegação de Pagina) */
a.wgpagerunselected:link, a.wgpagerunselected:visited,
a.wgpagerall:link, a.wgpagerall:visited
{
	color: black;
	background-color:#b5d7ce;
	text-align:center;
	text-decoration:none;
	
}

/* Essa classe afeta o item selecionado no pager */
.wgpagerselected
{
	font-weight:bold;
	text-align:center;
	color: white;
	background-color:Black;
}

/* Essa classe afeta todos os links selecionados da pagina*/
a.wgheadercolumn:hover,a.wglinkfield:hover,a.wgpagerunselected:hover,
a.wgpagerall:hover{
	text-decoration: underline;
}

/*

The Cascading stylesheets found below is menu system being used for
a WebGrid window.
*/


.wgmenu
{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
	border:0px;
	background-color:black;
	
}

/* This class is used to render background color for WebGrid menu 
	choice that are not in use. */
.wginactivemenu 
{
background-color:black;
padding: 0 7px 0 7px;
font-weight: bold;
font-family:Arial;
font-size: 13px;
}

/* This class is used to render background color for WebGrid menu 
	choice that are active. */
.wgactivemenu 
{
color: Black;
padding: 0 7px 0 7px;
font-weight: bold;
font-family:Arial;
font-size: 13px;
}

.wgmenuspacing
{
	width: 0px;
	
}

/* this class is placeholder for the images and WebGrid menu */
.wgmenunavigation a
{
text-decoration:none;
padding: 0 0 0 0;
border-spacing: 0px;
border-collapse: separate;
background-color:black;
}

.wgmenunavigation
{
	border-width:1px;
	text-align:center;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	font:12px arial,helvetica;
	height:29px;
	background-color:black;

}
/* this class is placeholder for the images and WebGrid menu */
.navigation a:hover
{
text-decoration:underline;
background-color:black;
}

/* CSS USED TO CREATE 'ROUNDED CORNERS' */

.wgcontainer  
{
	margin:0 0; 	
	background-color:black;	
}

.wgrtop, .wgrbottom{
	display:block;
	font-size:3px;
	 
	background-color:black;
}

.wgrtop *, .wgrbottom *{
	display: block;
	height: 3px;
	
	font-size:3px;	
	background:transparent;
}

.wgr1{margin: 0 4px;}
.wgr2{margin: 0 2px}
.wgr3{margin: 0 1px}
.wgr4{margin: 0 0 0 1px; height: 1px}

.wgrl1 {margin: 0 0 0 4px; }
.wgrl2 {margin: 0 0 0 2px; }
.wgrl3 {margin: 0 0 0 1px; }
.wgrl4 {margin: 0 0 0 1px; height: 1px;}

.wgrr1 {margin: 0 4px 0 0; }
.wgrr2 {margin: 0 2px 0 0; }
.wgrr3 {margin: 0 1px 0 0; }
.wgrr4 {margin: 0 1px 0 0; height: 1px;}

.wgtextbutton, .wgclosewindow, .wgerrorreport, .wgnewrecord, .wgupdaterecord, .wgsearch,
.wgPagerFirstTemplate, .wgPagerPreviousTemplate, .wgPagerNextTemplate, 
.wgPagerLastTemplate, .wgpagerall, .wgpagerselected, .wgpagerunselected

{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #8DB2E3;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: black;
	font-size: 90%;
	background-repeat:no-repeat;
    background-position: 3px 3px;
}

.wgupdaterecords
{
	display: none;
}

.wgclosewindow
 {
    background-image: url(./images/Grid/images/exit.gif);
    padding-left: 22px;
 }

.wgerrorreport
 {
    background-image: url(./images/Grid/images/error.gif);
    padding-left: 22px;
 }


.wgnewrecord
 {
    background-image: url(./images/Grid/images/add.gif);
    padding-left: 22px;

 }

.wgupdaterecords
 {
    background-image: url(./images/Grid/images/updaterows.gif);
    padding-left: 22px;

 }

.wgupdaterecord
 {
    background-image: url(./images/Grid/images/update.gif);
    padding-left: 22px;

 }
 
.wgsearch
 {
    background-image: url(./images/Grid/images/find_text.gif);
    background-color: Blue;
    padding-left: 22px;
	
 }


.wgtextbutton:link, .wgclosewindow:link, .wgerrorreport:link, .wgnewrecord:link, .wgupdaterecord:link, .wgupdaterecords:link,.wgsearch:link,
.wgPagerFirstTemplate:link, .wgPagerPreviousTemplate:link, .wgPagerNextTemplate:link, 
.wgPagerLastTemplate:link, .wgpagerall:link, .wgpagerselected:link, .wgpagerunselected:link
{
	text-decoration: none;
	background-color: #E7F0FB;
}

.wgtextbutton:visited, .wgclosewindow:visited, .wgerrorreport:visited, .wgnewrecord:visited, .wgupdaterecord:visited,.wgupdaterecords:visited, .wgsearch:visited,
.wgPagerFirstTemplate:visited, .wgPagerPreviousTemplate:visited, .wgPagerNextTemplate:visited, 
.wgPagerLastTemplate:visited, .wgpagerall:visited, .wgpagerselected:visited, .wgpagerunselected:visited
{
	text-decoration: none;
	background-color: #E7F0FB;
}

.wgtextbutton:active, .wgclosewindow:active, .wgerrorreport:active, .wgnewrecord:active, .wgupdaterecord:active,.wgupdaterecords:active, .wgsearch:active,
.wgPagerFirstTemplate:active, .wgPagerPreviousTemplate:active, .wgPagerNextTemplate:active, 
.wgPagerLastTemplate:active, .wgpagerall:active, .wgpagerselected:active, .wgpagerunselected:active
{
	text-decoration: none;
}

.wgtextbutton:hover, .wgclosewindow:hover, .wgerrorreport:hover, .wgnewrecord:hover, .wgupdaterecord:hover,.wgupdaterecords:hover, .wgsearch:hover,
.wgPagerFirstTemplate:hover, .wgPagerPreviousTemplate:hover, .wgPagerNextTemplate:hover, 
.wgPagerLastTemplate:hover, .wgpagerall:hover, .wgpagerselected:hover, .wgpagerunselected:hover
{
	text-decoration: underline;
	background-color:black;
}

.wgmenulinkinactive {
	color:#EFEFEF;
 }
 
.wgmenulinkinactive:hover {
	color:#EFEFEF;
	text-decoration: underline;	 
 }
 
.wgmenulinkactive{ 	
	color: Black;
	font-weight: bold;	 
}

.wgmenulinkactive:hover { 	
	color: Black;
	font-weight: bold;	
	text-decoration: underline;	  
}
.wglefttab_off 
{
	background:url('./images/Grid/images/tab_off_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	
	display:inline;
	padding-bottom:0px;
}
.wglefttab_on 
{
	background:url('./images/Grid/images/tab_on_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	display:inline;
}
.wgrighttab_off 
{
	background:url('./images/Grid/images/tab_off_r.gif') no-repeat bottom right;
	width:auto;
	float:left;
	display:inline;
	padding:10px 12px 0 4px;
	height:19px;
}
.wgrighttab_on 
{
	background:url('./images/Grid/images/tab_on_r.gif') no-repeat bottom right;
	width:auto;
	float:left;
	display:inline;
	padding:10px 12px 0 4px;
	height:19px;
	background-color:black;
}

.wginactivemenu
{
}

.wginactivemenu:hover
{
}

.wgactivemenu
{
}

.wgshadowcontainer {
	position: relative;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	background-color:black;
}

.wgshadowcontainer .wgshadow2,
.wgshadowcontainer .wgshadow3,
.wgshadowcontainer .wgcontainer {
	position: relative;
	left: -1px;
	top: -1px;
	background-color:black;
}

.wgshadowcontainer .wgshadow1 
{
		background-color:black;
}

.wgshadowcontainer .wgshadow2 
{
		background-color:black;
}

.wgshadowcontainer .wgshadow3 
{
		background-color:black;
}

.wgshadowcontainer .wgcontainer 
{
		background-color:black;
}
.wgshadowspacing 
{
	position: relative;
	left: -3px;
	top: -3px;
}

/* Floating Windows */

	.webgrid_window{
		width:300px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.9em;
		position:absolute;
		overflow:hidden;	
		z-index:10000;	
		
		
	}
	.webgrid_window div{
		position:relative;
	}
	.webgrid_window .webgrid_window_top{
		width:100%;
		height:17px;
		position:relative;
		background-color: #707070;
		
		
	}
	
	.webgrid_window .top_buttons{
		float:right;
		z-index:10;
		position:absolute;
		right:0px;
		width:35px;
		
		
	}
	.top_buttons img{
		float:left;
		padding-left:2px;
		background-color:black;
	}
	.webgrid_windowMiddle{
		border-left:3px solid #707070;
		background-color:black;
		
	}
	.webgrid_windowContent{
		border-right:3px solid #707070;
		padding-left:5px;
		padding-right:2px;

		height:100%;
		overflow:hidden;
		background-color:black;
	}
	.webgrid_window_bottom{
		border-left: 3px solid #707070;
		border-right:3px solid #707070;
		border-bottom: 3px solid #707070;
		position:relative;
		height:0px;
		background-color:black;
	}
	.webgrid_window_bottom img{
		float:right;
		background-color:black;
	}
	.topCenterImage{
		position:absolute;
		left:3px;
		width:5000px;
		height:17px;
	}
	.resizeImage{
		position:absolute;
		right:1px;
		bottom:1px;
	}