﻿/* 
** CSS Notes
** # specifies an id
** . specifies a class
** {nothing} specifies general HTML
*/

/* Global styling. */
h1
{
	text-align: center;
	color:  #CCCCCC;
}
h5
{
	text-align: center;	
}

/* Custom classes for ASP.NET controls */
.gvColor
{
	margin:20px;
}
.gvSlabs
{
	padding:10px;
}
.tvMenu
{
	margin:10px;
}
.margin10
{
	/*padding:10px;*/
	margin:10px;	
}



















/*
**
** Master Page Styling.
**
*/

/* Body tag for the whole master page */
#MasterBodyTag
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}

/* Header for title and company logo */
#MasterHeader
{
	background: url(header.jpg);
	height:200px;
	width: 100%;
}
#MasterHeaderTable
{
	width: 100%;
	height: 100%;
}
.ImageCell
{
	text-align:right;	
	width:170px;
}

/* Everything below the header not including the Footer, Don't confuse with MasterBodyTag*/
#MasterBody
{
	background-image:url(body.jpg);	
	background-repeat:no-repeat;
	padding:20px;
}

/* This table is for navigation and controls. */
#MasterControlTable
{
	border-collapse:collapse;
}
#MenuCell
{
	vertical-align: top;
	text-indent:20px;
}
#ControlsCell
{
	padding:20px;
	width: 85%;
}

/* Content section this will hold page content (viewing slabs, etc.)*/
#MasterContent
{
		padding:20px;
		/*background-image:url(Gradient.jpg);*/
	/*background-repeat: repeat-x;*/
	min-height:300px;
}

/* Footer for the masterpage, copyright etc. */
#MasterFooter
{
	background:url(footer.jpg);
	width: 100%;
	background-repeat:no-repeat;
	height:50px;
}

/*
**
** Slab Details Styling.
**
*/

#DetailHeader
{
	background:url(detail_header.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:1024px;
	text-indent:40px;
	line-height:50px;
	vertical-align:top;
	text-align:left;
}

#DetailFooter
{
	background:url(detail_footer.jpg);	
	background-repeat:no-repeat;
	height:50px;
	width:1024px;
	text-indent:40px;
}

#DetailBody
{
	background:url(detail_body.jpg);	
	background-repeat: repeat-y;
	width:1024px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
}




/*
**
** Miscellaneous Styling.
**
*/
#Scrollbars
{
	width:100%;
	overflow:scroll;
	border:thin solid black; 
}