html, body {
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        width: 100%;
}
* html, * body {
        height: 100%;
        width: 100%;
}
#container {
        min-height: 100%;
        height: 100%;
        min-width: 1240px;
        width: 100%;
}
* html #container {
        width: 1240px;
        width: expression((document.body.clientWidth||document.documentElement.clientWidth)  > 1240 ? '100%' : '1240px');
}
html>body #container {
        height: 100%;
}
#container #content {
	height: 100%;
	min-height: 100%;
	position :relative;
	width: 100%;
}
html>body #container #content {
        height: auto;
}
#container #header {
        min-height: 48px;
        height: 271px;
       /* background-image: url(../images/top_back.png);*/
}
html>body #container #header {
        height: auto;            /* used to fit font-sizing feature of Mozilla/FireFox */
}
#container #pagebody {
        margin-top: 6px;
}

#footer {
        position: relative;
}
#footer #foot {
        min-height: 58px;
        height: 58px;
        padding-top: 8px;
}
html>body #footer #foot {
        height: auto;
}

/*
*  Container overlapping
*/

#container #pagebody {
        padding-bottom: 74px;     /* this value need to ba same as full height of the footer
                                     footer top padding should be maintained in it's definition (see below) */
}
#footer {
        margin-top: -66px;       /* how high we will go */
}

/*
*  Design page template styles
*/

#container #pagebody, #footer {
	margin-left: 0px;
	margin-right: 0px;
	font-weight: normal;
}
#container #header {
  padding-left: 0px;
  padding-right: 0px;
}

/*
*  Font families and colors
*/

body {
	background-color: #FFF;
	font: 12px verdana, arial, helvetica, sans-serif; 
	font-weight: bold;
}
#footer #foot, #header {
	color: #2A00FF;
/*	background-color: #DEEBFE; */
}
/*
*  Additional overrides
*/
a img {
        border: none;
}

/*CSS grayr style pagination*/

DIV.grayr {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 16px; PADDING-BOTTOM: 2px;
        PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif;
        BACKGROUND-COLOR: #cecfce
}
DIV.grayr A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
        COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #cecfce; TEXT-DECORATION: none
}
DIV.grayr A:hover {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.current {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px;
        MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
        COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #cecfce
}