﻿html, body, form
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	height: 100%;  
	margin:0px; /* add by Ashok 13-03-2014 */
}
 .panelheader
{
	padding: 2px 2px 2px 8px;
	margin: 3px;
	width: 98%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
 .panelcontent
{
	width: 98%;
	max-height: 190px;
	border: 1px solid #7ba30f;
	border-collapse: collapse;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	
}
 .panellower
{
	width: 98%;
	height: 58px;
	border: 1px solid #7ba30f;
	border-collapse: collapse;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	
}

.rblNormal
{
	border-style: none;
	border-width: 0px;
	border-radius: 5px 5px 5px 5px;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	max-width: 80%;
	width: 80%;
}
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb
{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #6c8c16;
	-webkit-box-shadow: #6c8c16;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,165,0,0.4); 
}
 ._FooterScroll
{
	width: 100%;
	height: 22px;
	background-color: #394D06;
	font-family: Tahoma;
	color: White;
	font-size: 15px;
	font-weight: bold;
}


.header
{
	height: 08%;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(252,252,252,1) 12%, rgba(44,55,21,1) 48%, rgba(44,55,21,1) 100%, rgba(32,124,202,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(12%,rgba(252,252,252,1)), color-stop(48%,rgba(44,55,21,1)), color-stop(100%,rgba(44,55,21,1)), color-stop(100%,rgba(32,124,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */
	width:100%;

} 
.footer
{
	height: 3%;
	background-color: #2D3715;
	background-repeat: repeat;
	
}
.footer table
{
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	}
	
	.footer a
{
	color: #FFFFFF;
	font-family: Verdana;
	
	}
.overlay
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-image: url(../images/bg.png);
	filter: alpha(opacity=95);
	opacity: 0.9;
	overflow: hidden;
}
.overlay div
{
	width: 650px;
	height: 275px;
	margin: 100px auto;
	background-color:#FFFFF0; /* #A8A800; */
	border: 4px groove #000;
	padding: 5px;
	text-align: center;
	position: relative;
	/*background-image: url(../images/login_back.png);*/
}
.overlay table
{
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	/*background-image: url(../images/login_back.png);*/
	font-weight: bold;
}

.overlay img
{
	border: 0;
	margin: -12px 0 0 -32px;
	float: left;
	position: relative;
}
.overlay em
{
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 25px;
	font-weight: bold;

}
a
{
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.mainDiv
{
	border: 1px solid #C0C0C0;
	overflow: auto;
	vertical-align: middle;
}
.MainTable
{
	width:100%;

	border:solid 1px transparent;
}

.menuheader
{
	height: 15%;
	background-image: url('../images/topBg.gif');
	background-repeat: repeat;
	padding-top: 6px;
	padding-bottom: 6px;
}


.leftSide
{
	width: 20%;
	background-image: url('../images/bgM.gif');
	background-repeat: repeat;
}
.empInfo
{
	margin-top: 3px;
	margin-bottom: 2px;
	background-color: White;
	border: solid 1px #394D06;
	width: 100%;
	height: 90px;
	background: rgb(183,223,45); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(183,223,45,1) 7%, rgba(227,245,171,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(183,223,45,1)), color-stop(98%,rgba(227,245,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(183,223,45,1) 7%,rgba(227,245,171,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(183,223,45,1) 7%,rgba(227,245,171,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(183,223,45,1) 7%,rgba(227,245,171,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(183,223,45,1) 7%,rgba(227,245,171,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#e3f5ab',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.AttInfo
{
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: White;
	border: solid 1px #394D06;
	width: 100%;
	height:94px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	-webkit-box-shadow: inset 0px 25px 2px 0px #6c8c16;
	-moz-box-shadow: inset 0px 25px 2px 0px #6c8c16;
	box-shadow: inset 0px 25px 2px 0px #6c8c16;
	vertical-align: top;
}
.WorkInfo
{
	margin-top: 2px;
	background-color: White;
	border: solid 1px #394D06;
	width: 100%;
	height: 149px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px; 
	-webkit-box-shadow: inset 0px 25px 2px 0px #6c8c16;
	-moz-box-shadow: inset 0px 25px 2px 0px #6c8c16;
	box-shadow: inset 0px 25px 2px 0px #6c8c16;
}


.restSide
{
	background-image: url('../images/bgM.gif');
	background-repeat: repeat;
}
.restSide .restSidetable
{
	border: 2px solid #394D06; 
	
}
.Label
{
	font-family: 'Verdana';
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}
.cssButton
{
	background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */

	border: solid 1px #6c8c16;
	font-family: 'Verdana';
	font-weight: bold;
	font-size: 12px;
	width: 98%;
	cursor: pointer;
	color: #000000;
}
.cssTab
{
	background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */

	border: solid 1px #6c8c16;
	font-family: 'Verdana';
	font-weight: bold;
	font-size: 10px;
	width: 98%;
	cursor: pointer;
	color: #000000;
}

.ddl
{
	font-family: verdana;
	font-size: 10px;
	border: solid 1px #be4b48;
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.subMenu
{
	font-family: Verdana;
	font-size:11px;
	font-weight: bold;
	padding-left: 12px;
	border: solid 1px #bcbcbc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align:middle;
}
.subMenu:hover
{
	background-position: right center;
	border: solid 1px red;
	background-image: url('../images/gradient.php.png');
	background-repeat: repeat-y;
}
 
 
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
 
/* Handle */
::-webkit-scrollbar-thumb
{
	-webkit-border-radius: 1px;
	border-radius: 7px;
	background: #6c8c16;
	-webkit-box-shadow: #6c8c16;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,165,0,0.4); 
}
 ._FooterScroll
{
	width: 100%;
	height: 22px;
	background-color: #394D06;
	font-family: Tahoma;
	color: White;
	font-size: 15px;
	font-weight: bold;
}
.login
{
	width:100%;
	font-family: 'Verdana';
	
	font-size:11px;
}
.subheader
{
	background: rgb(216,234,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(216,234,175,1) 1%, rgba(205,235,142,1) 100%, rgba(165,201,86,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(216,234,175,1)), color-stop(100%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(216,234,175,1) 1%,rgba(205,235,142,1) 100%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(216,234,175,1) 1%,rgba(205,235,142,1) 100%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(216,234,175,1) 1%,rgba(205,235,142,1) 100%,rgba(165,201,86,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(216,234,175,1) 1%,rgba(205,235,142,1) 100%,rgba(165,201,86,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8eaaf', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	padding-left: 2px;
	border: 1px solid #006600;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}
.subgray
{
	background: #a9db80; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	padding-left: 12px;
	border: 1px solid #006600;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #C0C0C0;
	cursor: pointer;
}

.subgray:hover
{
	background: rgb(234,229,173); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,229,173,1) 0%, rgba(236,244,83,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,229,173,1)), color-stop(100%,rgba(236,244,83,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(234,229,173,1) 0%,rgba(236,244,83,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(234,229,173,1) 0%,rgba(236,244,83,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(234,229,173,1) 0%,rgba(236,244,83,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(234,229,173,1) 0%,rgba(236,244,83,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5ad', endColorstr='#ecf453',GradientType=0 ); /* IE6-9 */


	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	padding-left: 12px;
	border: 1px solid #006600;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #C0C0C0;
}


/*CSS for Login Page*/
.wishesMain
{
    margin-top: 1px;
    margin-bottom: 2px;
    border: 1px solid #CDCDCD;
    width: 100%;
    height: 340px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-image: url('../HRM/HrmImages/Wishes.png');
    background-repeat: no-repeat;    
}
#loginMainArea
{
	background-color: #f2f2f2;
	border: solid 1px #2D3715;
	width: 70%;
	height: 450px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px; 
	-webkit-box-shadow: inset 0px 70px 2px 0px #2D3715;
	-moz-box-shadow: inset 0px 70px 2px 0px #2D3715;
	box-shadow: inset 0px 70px 2px 0px #2D3715;
	color: #FFFFFF;
}

#loginArea
{
	margin-bottom:15px;
	background-color:White;
	border:dashed 1px #CDCDCD;
	width:98%;
	height:335px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}

#loginMessages
{
	margin-bottom:15px;
	background-color:White;
	border:dashed 1px #CDCDCD;
	width:350px; /* 98% change by Devendra */
	height:335px; /* 345px change by Devendra */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}
#lblSign
{
	font-family: 'Arial Rounded MT Bold';
	color:#2D3715;
	font-size:20px;
}
.LoginLabel
{
	font-family: 'Verdana';
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.LoginTD
{
	font-family: 'Arial';
	color:#000000;
	font-size:11px;
}

.cssLoginButton
{
	background-color: #f2f2f2;
	border: solid 1px #2D3715;
	font-family: 'Verdana';
	font-size: 12px;
	width: 115px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor:pointer;
}
.cssLoginTextBox
{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	width: 115px;
	color: Blue;
	border: solid 1px #2D3715;
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}

.cssTextBox
{
    font-family: verdana;
    font-size: 12px;   
    width: 115px;
    color: Black;
    border: solid 1px #be4b48;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* css for grid */
 
.grid-view
{
	border: 1px solid #d4dae8;
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 1.4em;
	width: 99%;
	vertical-align: top;
}
.grid-view .headerstyle
{
	
	box-shadow: 10px 10px 5px #888888;
	padding: 2px 2px 2px 8px;
	margin: 3px;
	width: 100%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
	background-color:rgb(157,213,58); /*  pavan pandey 26-05-2014 */
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.headerstyle
{
	padding: 2px 2px 2px 8px;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
	background-repeat: repeat-x;
	height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.grid-view .footerstyle
{
	box-shadow: 10px 10px 5px #888888;
	padding: 2px 2px 2px 8px;
	margin: 3px;
	width: 98%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
background: #d1d360; /* Old browsers */
background: -moz-linear-gradient(top,  #d1d360 0%, #e5e696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d360), color-stop(100%,#e5e696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1d360 0%,#e5e696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1d360 0%,#e5e696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d1d360 0%,#e5e696 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d1d360 0%,#e5e696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d360', endColorstr='#e5e696',GradientType=0 ); /* IE6-9 */

	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.grid-view .normal
{
	position:relative;
	padding: 2px 2px 2px 8px;
	margin: 3px;
	box-shadow: 10px 10px 5px #888888;
	width: 98%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.grid-view .normal:hover, .grid-view .alternate:hover
{
	background-color: #FFFFDD;
	cursor: pointer;
}
.grid-view .alternate
{
	padding: 2px 2px 2px 8px;
	margin: 3px;
	box-shadow: 10px 10px 5px #888888;
	width: 98%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #D8EF9A;
}
.pagination-clean li
{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;

	
}
.pagination-clean li, .pagination-clean a{
border:solid 1px #DEDEDE;
margin-right:2px;
}
.pagination-clean .previous-off, .pagination-clean .next-off
{
	color: #888888;
	display: block;
	float: left;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}
.pagination-clean .next a,
.pagination-clean .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
.pagination-clean .active
{
	color: #00000;
	font-weight: bold;
	display: block;
	float: left;
	padding: 2px 6px 2px 6px;
}
.pagination-clean a:link,
.pagination-clean a:visited {
color:#0033CC;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.pagination-clean a:hover{
text-decoration:none;
}
/* css for grid End*/

#MasterMainArea
{
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(252,252,252,1) 12%, rgba(44,55,21,1) 48%, rgba(44,55,21,1) 100%, rgba(32,124,202,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(12%,rgba(252,252,252,1)), color-stop(48%,rgba(44,55,21,1)), color-stop(100%,rgba(44,55,21,1)), color-stop(100%,rgba(32,124,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(252,252,252,1) 12%,rgba(44,55,21,1) 48%,rgba(44,55,21,1) 100%,rgba(32,124,202,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */
	
	border: solid 1px #2D3715;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	-webkit-box-shadow: inset 0px 40px 2px 0px #2D3715;
	-moz-box-shadow: inset 0px 40px 2px 0px #2D3715;
	box-shadow: inset 0px 40px 2px 0px #2D3715;
	color: #FFFFFF;
}

#MasterArea
{
	margin-bottom: 3px;
	margin-top: 20px;
	background-color: #FFFFFF;
	border: 2px ridge #009933;
	width: 99.8%;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#MasterArea thead td
{
	background: rgb(201,222,150); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 0%, rgba(57,130,53,1) 43%, rgba(138,182,107,1) 100%, rgba(201,222,150,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(0%,rgba(138,182,107,1)), color-stop(43%,rgba(57,130,53,1)), color-stop(100%,rgba(138,182,107,1)), color-stop(100%,rgba(201,222,150,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 43%,rgba(138,182,107,1) 100%,rgba(201,222,150,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 43%,rgba(138,182,107,1) 100%,rgba(201,222,150,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 43%,rgba(138,182,107,1) 100%,rgba(201,222,150,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 43%,rgba(138,182,107,1) 100%,rgba(201,222,150,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394D06', endColorstr='#c9de96',GradientType=0 ); /* IE6-9 */
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	text-align: center;
	color: #E1FFF0;
	text-align: left;
	padding-left: 10px;
}
#MasterMessages
{
	border-style: none;
	border-width: 0px;
	font-size: 10px;
	font-family: Verdana;
	background-color: #2D3715;
	width: 100%; /* 98% change by Devendra */
	height: 20px;
	color: #FFFFFF;
}


.txtNormal
{
	 background: rgb(241,241,241); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%, rgba(255,255,255,1) 52%, rgba(246,246,246,1) 84%, rgba(225,225,225,1) 97%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(241,241,241,1)), color-stop(52%,rgba(255,255,255,1)), color-stop(84%,rgba(246,246,246,1)), color-stop(97%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 3px 3px 3px 3px;
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	height:22px;
	max-width: 80%;
	width: 80%;
}

.txtLongNormal
{
	background: #d6dbbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6dbbf 0%, #feffe8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dbbf), color-stop(100%,#feffe8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6dbbf 0%,#feffe8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6dbbf 0%,#feffe8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6dbbf 0%,#feffe8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d6dbbf 0%,#feffe8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dbbf', endColorstr='#feffe8',GradientType=0 ); /* IE6-9 */
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	max-height: 150px;
	max-width: 80%;
	width: 80%;
	height: 50px;
	resize: none;
}

.txtError
{
background: #fcecfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcecfc 1%, #fba6e1 99%, #ff7cd8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcecfc), color-stop(99%,#fba6e1), color-stop(100%,#ff7cd8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcecfc 1%,#fba6e1 99%,#ff7cd8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcecfc 1%,#fba6e1 99%,#ff7cd8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcecfc 1%,#fba6e1 99%,#ff7cd8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcecfc 1%,#fba6e1 99%,#ff7cd8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */
border-radius: 3px 3px 3px 3px;
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;	
	height:22px;
	max-width: 72%;
	width: 71%;
}
.lblNormal
{
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #336600;
	height: 22px;
}
.txtDate
{
	background: rgb(254,255,241); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(254,255,241,1) 71%, rgba(232,235,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(71%,rgba(254,255,241,1)), color-stop(100%,rgba(232,235,219,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(254,255,241,1) 71%,rgba(232,235,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(254,255,241,1) 71%,rgba(232,235,219,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(254,255,241,1) 71%,rgba(232,235,219,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(254,255,241,1) 71%,rgba(232,235,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefff1', endColorstr='#e8ebdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 3px 3px 3px 3px;
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	height:22px;
	max-width:80%;
	width: 80%;
	background-color: #FFFFE8;
	
}
.txtNumber
{
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	height:22px;
	max-width: 72%;
	width: 71%;
	background-color: #FFF0E1;
}
.txtDNormal
{
	background: rgb(223,229,239); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(223,229,239,1) 4%, rgba(240,243,248,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(4%,rgba(223,229,239,1)), color-stop(100%,rgba(240,243,248,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(223,229,239,1) 4%,rgba(240,243,248,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(223,229,239,1) 4%,rgba(240,243,248,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(223,229,239,1) 4%,rgba(240,243,248,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(223,229,239,1) 4%,rgba(240,243,248,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe5ef', endColorstr='#f0f3f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 3px 3px 3px 3px;
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	height:22px;
	max-width: 92.5%;
	width: 92.5%;
	resize:none;
	
}

.ddlNormal
{
	border-radius: 5px 5px 5px 5px;
	border: 1px ridge #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	
	background-color: #FFFFDD;
	height:22px;
	max-width: 80%;
	width: 80%;
}
.GridddlNormal
{
	border-radius: 5px 5px 5px 5px;
	border: 1px ridge #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	
	background-color: #FFFFDD;
	height:22px;
	max-width: 80%;
	width: 80%;

}
.ddl
{
	border-radius: 5px 5px 5px 5px;
	border: 1px ridge #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	vertical-align: middle;
	
	background-color: #FFFFDD;
	height:22px;
	max-width: 100%;
	width: 100%;
}
td.Left
{
	padding: 3px 25px 2px 5px;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
	text-align: right;
	margin-top: 1px;
	margin-bottom: 3px;
	font-weight: bold;
	vertical-align: top;
}
td.FA_Left
{
	padding: 3px 25px 2px 5px;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 3px;
	font-weight: bold;
	vertical-align: top;
}
.Submit
{
	border: 1px solid #606060;
	margin: 1px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	background-color: #3b5998;
	
	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 5px 5px 5px 5px;
	background: #c9de96; /* Old browsers */
	background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */



height:22px;
	
	
}
.btnSubmit
{
	border: 1px solid #606060;
	margin: 1px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	background-color: #3b5998;
	height:20px;
	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 5px 5px 5px 5px;
background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */

}


.Submit:hover
{
	border: 1px solid #606060;
	margin: 1px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	background-color: #3b5998;
	border: 1px solid #000000;
	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 5px 5px 5px 5px;
	background: #398235; /* Old browsers */
background: -moz-linear-gradient(top,  #398235 1%, #8ab66b 55%, #c9de96 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#398235), color-stop(55%,#8ab66b), color-stop(98%,#c9de96)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #398235 1%,#8ab66b 55%,#c9de96 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #398235 1%,#8ab66b 55%,#c9de96 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #398235 1%,#8ab66b 55%,#c9de96 98%); /* IE10+ */
background: linear-gradient(to bottom,  #398235 1%,#8ab66b 55%,#c9de96 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#c9de96',GradientType=0 ); /* IE6-9 */


height:22px;

}


/* Added By Dubey */




.Tab .ajax__tab_header
{
    color: #4682b4;
    font-family:Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
    padding-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body
{
	border: 4px solid #4682b4;
	padding: 0px;
	margin: 0px;
	 padding-left: 0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
	color: #ffffff;
	height: 20px;
	width: 100%;
	min-width: 150px;
	background-color: #4682b4;
	 padding-left: 0px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
     padding-left: 0px;
    
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
     padding-left: 0px;
   
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
	color: #000000;
	height: 20px;
	width: 100%;
	min-width: 150px;
	height: 20px;
	padding-left: 0px;
	cursor: pointer;
	background-color: #74A3C9;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
     padding-left: 0px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
     padding-left: 0px;
    
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
	color: #000000;
	border: 1px solid #b4cbdf;
	height: 20px;
	width: 100%;
	padding-left: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #E5E5E5;
	font-weight: bold;
	min-width: 150px;
}

.Tab .ajax__tab_inner
{
	border-width: 0px;
	color: #666666;
	padding-left: 0px;
}
.Tab .ajax__tab_outer
{
    color: #666666;
      padding-left: 0px;
         
}

.modalBackground
{
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 10000;
	background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */

}


.con_header
{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	background-color: #B1E4CB;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	border-bottom-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	width: 20%;
	border-radius: 0px 8px 0px 0px;
	padding-top: 4px;
	width:20%;
}
.con_content
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align:top;
}


/* popup_box DIV-Styles*/

#container {

	width:100%;
	height:100%;
}


/* This is for the positioning of the Close Link */
.closePopup
{
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.popupbox
{
	border-style: solid;
	border-width: 2px 5px 5px 2px;
	border-color: #006600;
 display: none; /*Hide the DIV */
	position: fixed;
	_position: absolute; /* hack for internet explorer 6 */
	height: 400px;
	width: 600px;
	background: #FFFFFF;
	left: 300px;
	top: 40px;
	z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px; /* additional features, can be omitted */
	padding: 15px;
	font-size: 15px;
	-moz-box-shadow: 0 0 10px #006600;
	-webkit-box-shadow: 0 0 10px #006600;
	box-shadow: 0 0 10px #006600;
	border-radius:10px;
}

.Gridpopupbox
{
	border-style: solid;
	border-width: 2px 5px 5px 2px;
	border-color: #006600;
	display: block; /*Hide the DIV */
	position: fixed;
	_position: absolute; /* hack for internet explorer 6 */
	
	background: #FFFFFF;
	left: 50px;
	top: 100px;
	z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px; /* additional features, can be omitted */
	padding: 15px;
	font-size: 15px;
	-moz-box-shadow: 0 0 10px #006600;
	-webkit-box-shadow: 0 0 10px #006600;
	box-shadow: 0 0 10px #006600;
	border-radius:10px;
}

.dlNormal
{
	border: 1px groove #5D5D5D;
	
	background: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	
}
.Reportpopupbox
{
	border-style: solid;
	border-width: 2px 5px 5px 2px;
	border-color: #006600;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6 */
	height: 500px;
	width: 85%;
	background: #FFFFFF;
	left: 50px;
	top: 100px;
	z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px; /* additional features, can be omitted */
	padding: 15px;
	font-size: 15px;
	-moz-box-shadow: 0 0 10px #006600;
	-webkit-box-shadow: 0 0 10px #006600;
	box-shadow: 0 0 10px #006600;
	border-radius:10px;
}



.dlNormal:hover
{
	border: 1px groove #5D5D5D;
	
	background: #C4C4C4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
}



/* tab css Ex:= Vendor */

.container
{
	width: 99%;
	margin: 3px auto;
}
ul.tabs
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	border-bottom-color: #006600;
	border-left-color: #006600;
}
ul.tabs li
{
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-left: none;
	margin-bottom: -1px;
	background: #D5FFEA;
	overflow: hidden;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: inherit;
}
ul.tabs li a
{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 0.9em;
	padding: 0 20px;
	border: 1px none #006600;
	outline: none;
	font-weight: bold;
}
ul.tabs li a:hover
{
	background: #006600;
	color: #FFFF00;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover
{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000000;
}
.tab_container
{
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-style: none solid solid solid;
	border-width: 0px 1px 1px 1px;
	border-top-color: inherit;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
}
.tab_content {
	padding: 2px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
/* Tab css*/



/* table design*/
.viewtable
{
	border: 2px dotted #33CC33;
	padding: 1px;
	left: 0px;
	top: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/bg.png);
	filter: alpha(opacity=95);
	opacity: 0.9;
	overflow: hidden;
}
.viewtable .logo
{
	font-size: 25px;
	text-align:center;
	padding: 4px 10px 4px 10px;
}
.viewtable .header1
{
	font-size: 25px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.viewtable div
{
	width: 650px;
	height: 275px;
	margin: 100px auto;
	background-color:#FFFFF0; /* #A8A800; */
	border: 4px groove #000;
	padding: 5px;
	text-align: center;
	position: relative;
	/*background-image: url(../images/login_back.png);*/
} 
.viewtable .headerdiv
{
	border: 1px dotted #CCCCCC;
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	background-color: #999999;
	color: #000000;
}
.viewtable .headerrow
{
	border: 1px dotted #CCCCCC;
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	background-color: #E9E9E9;
}
.viewtable table
{
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px; /*background-image: url(../images/login_back.png);*/
	font-weight: bold;
}

.viewtable table span
{
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight:lighter;
}
.viewtable p
{
	font-family: verdana;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	color: #0000FF;
}
.viewtable img
{
	border: 0;
	margin: -12px 0 0 -32px;
	float: left;
	position: relative;
}
.viewtable em
{
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 25px;
	font-weight: bold;

}
.viewtable a
{
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.myCalendar {  
 

    width: 200px;vertical-align: middle;
      
}  
  
/* 
    Common style declaration for hyper linked text 
*/  
.myCalendar a
{
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	font-weight: bold;
}  
  
.myCalendarTitle
{
	font-weight: normal;
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	font-family: Verdana;
	font-size: 20px;
}  
  
/* 
    Styles declaration for date cells 
    [DayStyle] [CssClass] = myCalendarDay 
*/  
.myCalendar td.myCalendarDay
{
	border: solid 2px #fff;
	border-left: 0;
	border-top: 0;
	background: #fefcea; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #fefcea 0%, #efe392 88%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fefcea), color-stop(88%,#efe392)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #fefcea 0%,#efe392 88%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #fefcea 0%,#efe392 88%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #fefcea 0%,#efe392 88%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #fefcea 0%,#efe392 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe392',GradientType=1 );
	
	
}  
.myCalendar td #table1
{
	
	vertical-align: top;
}
.myCalendarNextPrev
{
	text-align: center;
	height: 40px;
}  

	.myCalendar td.myCalendarSelector
	{
		background: #f2f5f6; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}  
  .myCalendar .myCalendarNextPrev a
  {
	width: 172px;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align: middle;
	font-family: verdana;
	font-size: 20px;
	font-weight: normal;
  }
 .myCalendar .ahover
{
	font-family:Verdana; font-size:10px; font-weight:bold;
}
 .myCalendar .ahover:hover
 {
  color:Red;	
 }

 .myCalendarDay
{
	border: 1px solid #888EFF;
	width: 170px;
	height: 60px;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
	
	background-color: #EEEFFF;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	
}
 
.week
{
	border: 1px groove #996633;
	background: #EBD8D8;
	font-family: verdana;
	font-weight: bold;
	
}

.week .divBottom
    {
    vertical-align: bottom;top:0; right:15px;position:relative;left:40;	
    }
   .week .divBottom1
    {
    vertical-align: bottom;top:0; right:5px;position:relative;left:10;	
    }
  

.dayhead
{
	width: 172px;
	height: 30px;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align: middle;
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	font-family: verdana;
	
}




.regular-checkbox
{
	-webkit-appearance: none;
	background-color: #DFFFDF;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked
{
	background-color: #E9FFA6;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #006600;
}
.regular-checkbox:checked:after
{
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #006600;
}
.thx
{
    border-style: dotted none dotted dotted;
    border-width: 1px;
    border-color: #008000;
    width: 50px;
    height: 26px;
    text-align: left;
    padding-top: 1px;
    padding-left: 10px;
    vertical-align: middle;
    background: #EAF7CE; /* Old browsers */
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
}

.dhx
{
    border-style: dotted none dotted dotted;
    border-width: 1px;
    border-color: #008000;
    width: 180px;
    height: 26px;
    text-align: left;
    padding-top: 0px;
    padding-left: 10px;
    vertical-align: middle; /* Old browsers */
    font-family: verdana;
    font-size: 10px;
}
.big-checkbox {
    padding: 30px;
}
 
.big-checkbox:checked:after {
    font-size: 55px;
    left: 6px;
}
.myRepeterheader
{
	font-weight: bold;
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	font-family: Verdana;
	font-size: 20px;
}  

/*--------added by mansish css for repeater on 26/12/2012---------------*/

.Repeater
{
	border: 1px solid #d4dae8;
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 1.4em;
	
	vertical-align: top;
}
.Repeater .headerstyle
{
	padding: 2px 2px 2px 2px;
	
	width: 100%;
	border: 1px solid #6c8c16;
	border-collapse: collapse;
	background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.Repeater .footerstyle
{
    box-shadow: 10px 10px 5px #888888;
    padding: 2px 2px 2px 8px;
    margin: 3px;
    width: 100%;
    border: 1px solid #6c8c16;
    border-collapse: collapse;
    background: rgb(157,213,58); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
    background-repeat: repeat-x;
    height: 16px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}
.Repeater .normal
{
    position: relative;
    padding: 2px 2px 2px 2px;
    width: 98%;
    border: 1px solid #6c8c16;
    border-collapse: collapse;
    background-repeat: repeat-x;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}
.Repeater .normal:hover, .Repeater .alternate:hover
{
	background-color: #FFFFDD;
	cursor: pointer;
}
.Repeater .alternate
{
    border-width: 1px;
    border-color: #6c8c16;
    padding: 2px;
    margin: 0px;
    width: 98%;
    border-collapse: collapse;
    background-repeat: repeat-x;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    background-color: #D8EF9A;
    border-right-style: solid;
    border-left-style: solid;
}
/*Added By Ashok For Gridview Pageng CSS*/
.GridPager
{
	border: 1px solid #6c8c16;
	background-color: #E8E9AD;
}
.GridPager a, .GridPager span
    {
        display: block;
        height: 17px;
        width: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }
    
.FA_Reportpopupbox
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6 */
	max-height: 600px;
	width: 90%;
	background: #FFFFFF;
	left: 50px;
	top: 150px;
	z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 10px; /* additional features, can be omitted */
	padding: 12px 5px 12px 5px;
	font-size: 10px;
	font-family: Verdana;
	border-radius: 5px;
	color: #808080;
}
.PopTitle
{
	padding:8px 15px 8px 15px; 
	color: #22A0BB;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold; 
}

.btnsave
{
	padding: 8px 15px 8px 15px;
	background-color: #22A0BB;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	border-style: none;
	
	border-radius: 5px;
}
.btncancel
{
	border: 1px solid #CCCCCC;
	padding: 8px 15px 8px 15px;
	color: #000000;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.btndelete
{
	border: 1px solid #CCCCCC;
	padding: 8px 15px 8px 15px;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	background-color: #FF8831;
}

#divopnbal
{
	padding: 10px;
	border: 2px solid #446666;
	position: absolute;
	display: none;
	top: 30px;
	right: 25px;
	float: right;
	width: 400px;
	border-radius: 10px 10px 10px 10px;
	background: #c5e5cc; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5e5cc 0%, #e7fff3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5e5cc), color-stop(100%,#e7fff3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c5e5cc 0%,#e7fff3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c5e5cc 0%,#e7fff3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c5e5cc 0%,#e7fff3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c5e5cc 0%,#e7fff3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e5cc', endColorstr='#e7fff3',GradientType=0 ); /* IE6-9 */
	font-family: verdana;
	z-index: 3000px;
	height: 100px;
	color: #444444;
	font-size: 15px;
	vertical-align: middle;
}
#divopnbal #divcolose
{
	position: absolute;
	top:3px;
	right:3px;
	float:right;
	z-index:2000px;
	cursor:pointer;
}


/*Error CSS */
.DatabaseError
{
	background-position: left top;
	border: 1px dashed #D20000;
	font-size: 10px;
	background-color: #FFBFBF;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 60px;
	margin-bottom: 5px;
	background-image: url('../HRM/HrmImages/dberr.png' );
	background-repeat: no-repeat;
	color: #CC0000;
	width: 93%;
	margin-top: 3px;
	margin-left: 3px;
	font-family: VERDANa;
	text-transform: uppercase;
	font-weight: bold;
}

.ApplicationError
{
	background-position: left top;
	border: 1px dashed #8A7600;
	font-size: 10px;
	background-color: #FFEC81;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 60px;
	margin-bottom: 5px;
	background-image: url('../HRM/HrmImages/apperr.png' );
	background-repeat: no-repeat;
	color: #CC6600;
	width: 93%;
	margin-top: 3px;
	margin-left: 3px;
	font-family: verdana;
	font-weight: bold;
	text-transform: uppercase;
}

.Message
{
	background-position: left top;
	border: 1px dashed #005CC4;
	font-size: 10px;
	background-color: #CEE5FF;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 60px;
	margin-bottom: 5px;
	background-image: url('../HRM/HrmImages/err.png' );
	background-repeat: no-repeat;
	color: #005CC4;
	width: 89%;
	margin-top: 3px;
	margin-left: 3px;
	font-family: verdana;
	text-transform: uppercase;
	font-weight: bold;
}
.HeaderTextBox
{
	
	
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	border-color: #3A4976;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #3A4976;
	text-transform: uppercase;
	background-color: #A3AFD1;
}
.Success
{
	background-position: left top;
	border: 1px dashed #49651F;
	font-size: 10px;
	background-color: #B9DA85;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 60px;
	margin-bottom: 5px;
	background-image: url('../HRM/HrmImages/success.png' );
	background-repeat: no-repeat;
	color: #283711;
	width: 93%;
	margin-left: 3px;
	margin-top: 3px;
	font-family: verdana;
	font-weight: bold;
	text-transform: uppercase;
}
.GridEmpty
{
	background-position: left top;
	border: 1px dashed #323F65;
	font-size: 10px;
	background-color: #c0dafa;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 60px;
	margin-bottom: 5px;
	background-image: url('../HrmImages/err.png' );
	background-repeat: no-repeat;
	color: #323F65;
	width: 90%;
	margin-top: 3px;
	margin-left: 3px;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
}
.EmptyError
{
	display: block;
	width: 89%;
}

.Error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #CC0000;
	width: 89%;
}

.txtMultiline
{
	 background: rgb(241,241,241); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%, rgba(255,255,255,1) 52%, rgba(246,246,246,1) 84%, rgba(225,225,225,1) 97%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(241,241,241,1)), color-stop(52%,rgba(255,255,255,1)), color-stop(84%,rgba(246,246,246,1)), color-stop(97%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(241,241,241,1) 1%,rgba(255,255,255,1) 52%,rgba(246,246,246,1) 84%,rgba(225,225,225,1) 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 3px 3px 3px 3px;
	border: 1px dotted #606060;
	font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	height:22px;
	max-width: 100%;
	width: 80%;
}