﻿/****************************************Top and Bottom*********************************************/

#mainborderTop div.grid_16 {
height:10px;}
#mainborderBottom 
{
height:10px;}


/****************************************header*********************************************/

#HeaderLogo
{	
height:122px;
vertical-align:bottom;

}
/****************************************Footer Copyright*********************************************/

#Copyright
{	
background-image:url("../images/background/Navigation_Footer.jpg");

}
/****************************************Scrolling Images*********************************************/

#ScrollingImages
{	
height:400px;
vertical-align:top;

}

/****************************************Content*********************************************/

#MainContent
{	
height:400px;
vertical-align:top;
background-image:url("../images/background/Content_Main.jpg");

}
#MainContentshort
{	
height:100px;
vertical-align:top;
background-image:url("../images/background/Content_Main_short.jpg");
color:#FFFFFF;

}

/****************************************MainNavigation*********************************************/
#HeaderMainNav 
{	
	width:100%;
vertical-align:top;
background-image:url("../images/background/Navigation_Main.jpg");
}

/****************************************Scrolling images*********************************************/

/****************************************footer*********************************************/
#Footer 
{	
height:25px;
vertical-align:top;
background-image:url("../images/background/Navigation_Footer.jpg");
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/********************* grid highlights************************/
.normalRow
{
background-color:white;/* You can update the background Color to normal Gridview Back Color */
cursor:default;/* You can change cursor pointer to default, Pointer etc */
}

.highlightRow
{
background-color:#FF0066;/* You can change the background Color of the row to whatever color you want. You can also give Hexadecimal color code also */
cursor:pointer;/* You can change cursor pointer to default, Pointer etc */
}

/********************* help cursor************************/
.HelpCursor
{
	cursor:help;
}
/********************* marqueee************************/

.horizontalmarqueescroll li
{
	overflow:auto; overflow-style: marquee-line; white-space: nowrap;
	direction:ltr;
	counter-reset:0;
	
}
