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

.wggrid
{
	text-align: left;
/*	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-width: 1px;
    border-top-style: solid;
	border-bottom-width: 2px;
    border-bottom-style: solid;
	text-align:left;
	vertical-align:middle;
		
}

/* header splitter class */
.wgheadersplitter 
{
	 padding: 0 0 0 0;
	 position:absolute;
	 top: 0px; 
	 right: 0px; 
	 height: 100%; 
	 width: 4px;
	 background-image: url(./images/cellsplitter.gif);
}

.wgrequiredcolumn
{
	width:1px;
}

.wgContextMenu
{
	background: #ffffff;
	border-width: 1px;
    border-style: solid;
	padding: 2px;
}

.wgItemDisabled
{

}
.wgItemChecked .wgItemOut
{

}
.wgItemOver 
{

}
.wgItemOver, .wgItemOut
{
	cursor: hand;
}
.wgText
{
	padding: 1px 10px 1px 3px;
}
.wgSplitter
{
	position: absolute;
	height: 100px;
	width: 1px;
}
.wgHeaderContent
{
	float: left;
}

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

}

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

span.wgtool {
  position: relative; 
  cursor: help;
}
 
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-width: 1px;
  border-style: solid;
  opacity: 0.70; /* Safari, Opera and Mozilla */
  filter: alpha(opacity=70); /* IE */
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  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-width: 1px;
    border-top-style: solid;
	border-bottom-width: 2px;
    border-bottom-style: solid;
	text-align:right;
	vertical-align:middle;
}
/* This class is used when displaying images from a datasource */
.wgimage 
{
	border-width: 1px;
    border-style: solid;
	margin: 0px 0px 0px 0px;
}

/* Background colour for a row in WebGrid window (applies also to titles, headers, and more.) */
tr.wgrow{

 }

/* Background colour for every second row in WebGrid (applies only to every second row in overview window)*/
tr.wgrow2{
 }

/* This class is affects errors rendered by WebGrid window.*/
.wgsystemmessagebox 
{
	margin-bottom: 5px;
	border-width: 1px;
    border-style: solid;
	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;
	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;
}

/* This class encloses the entire editor in Edit mode (detail mode) */
.wgmainedit
{
	border-left-width: 1px;
    border-left-style: solid;
	border-right-width: 1px;
    border-right-style: solid;
	border-bottom-width: 1px;
    border-bottom-style: solid;
	font-family:Arial;
	font-size : 12px;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}


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

}

/* This class affects the title text in both grid and edit mode */
.wgtitle	
{
	font-weight: bold;
	background: url('./images/body-top.gif') repeat-x top;
	padding:3px;
}

/* This class affects the title text in both grid and edit mode */
.wgtoolbargrid, .wgtoolbaredit	
{
	font-weight:bold;	
}

.wgsearchfieldborder
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* This class affects the search box in toolbargrid */
.wgsearchfield 
{
	width: 80px;
}

/* This class affects the header of the grid (applies to grid mode) */
.wgheader 
{
	padding: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0 0 0 0;
	width:100%;
}

/* This affects the tables rendered for 'RecordsPerRow' property.*/
.wgrecordsperrow
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}

/* Radiobuttons for Foreignkey */
.wgradiobuttons 
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}
/* Many to Many border */
.wgmanytomany
{
	border:1px;
}


/* This class affects the headding text columns in grid mode. */
.wgheadercolumn
{
	padding-top: 0px;
	margin: 0 0 0 0;
	font-weight: bold;
	height:100%;
}



/* This class affects a row, mainly used for padding.*/
.wgrow
{
	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: 0px;
	border-collapse: separate;
	width:100%;
}


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





/* This class encloses the entire editor in grid mode (overview mode) */
.wgmaingrid
{
	border-left-width: 1px;
    border-left-style: solid;
	border-right-width: 1px;
    border-right-style: solid;
	border-top-width: 1px;
    border-top-style: solid;
	border-bottom-width: 1px;
    border-bottom-style: solid;
	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;
}

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


/* Color on clickable columns */
a.wglinkfield
{
	text-decoration:none;
}

/* Color on the headding */
a.wgheadercolumn {
	text-decoration:none;
}

/* Class that affects the Pager border */
.wgpager
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	vertical-align:middle;
}

/* Class that affects the Pager (page navigation)  */
a.wgpagerunselected:link, a.wgpagerunselected:visited,
a.wgpagerall:link, a.wgpagerall:visited
{
	text-align:center;
	text-decoration:none;
}

/* This class affects the selected item in the Pager (page navigation)*/
.wgpagerselected
{
	font-weight:bold;
	text-align:center;
}
/* This class affects heading all WebGrid hyperlinks */
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;
}

/* This class is used to render background color for WebGrid menu 
	choice that are not in use. */
.wginactivemenu 
{
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 
{
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;
}

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

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

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

.wgcontainer  
{
	margin:0 0; 		
}

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

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

.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,.wgupdaterecords, .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;
	font-size: 90%;
	background-repeat:no-repeat;
    background-position: 3px 3px;
}

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

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


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

 }

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

 }

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

 }
 
.wgsearch
 {
    background-image: url(./images/find_text.gif);
    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;
}

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

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

.wgmenulinkinactive {
 }
 
.wgmenulinkinactive:hover {
	text-decoration: underline;	 
 }
 
.wgmenulinkactive{ 	
	font-weight: bold;	 
}

.wgmenulinkactive:hover { 	
	font-weight: bold;	
	text-decoration: underline;	  
}

.wglefttab_off 
{
	background:url('./images/tab_off_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	display:inline;
	padding-bottom:0px;
}
.wglefttab_on 
{
	background:url('./images/tab_on_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	display:inline;
}
.wgrighttab_off 
{
	background:url('./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/tab_on_r.gif') no-repeat bottom right;
	width:auto;
	float:left;
	display:inline;
	padding:10px 12px 0 4px;
	height:19px;
}

.wginactivemenu
{
}

.wginactivemenu:hover
{
}

.wgactivemenu
{
}

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

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

.wgshadowcontainer .wgshadow1 
{
}

.wgshadowcontainer .wgshadow2 
{
}

.wgshadowcontainer .wgshadow3 
{
}

.wgshadowcontainer .wgcontainer 
{
}
.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;
	}
	
	.webgrid_window .top_buttons{
		float:right;
		z-index:10;
		position:absolute;
		right:0px;
		width:35px;
		
		
	}
	.top_buttons img{
		float:left;
		padding-left:2px;
		
	}

	.webgrid_windowMiddle{
		border-left-width:3px;
        border-left-style: solid;
		
	}
	.webgrid_windowContent{
		border-right-width:3px;
        border-right-style: solid;
		padding-left:5px;
		padding-right:2px;
		height:100%;
		overflow:hidden;
	}

	.webgrid_window_bottom{
		border-left-width: 3px;
        border-left-style: solid;
		border-right-width: 3px;
        border-right-style: solid;
		border-bottom-width: 3px;
        border-bottom-style: solid;
		position:relative;
		height:0px;
	}

	.webgrid_window_bottom img{
		float:right;
	}
	.topCenterImage{
		position:absolute;
		left:3px;
		width:5000px;
		height:17px;
	}
	.resizeImage{
		position:absolute;
		right:1px;
		bottom:1px;
	}