/* CSS For Left Menu Tabs Added by Kumaraguru.M */

.glossy-tabmenu{
	width: 172px; /*width of menu*/
}
.glossy-tabmenu1{
	width: 140px; /*width of menu*/
	border-style: none none none none;
	border-color: #3C5899;
	border-size: 1px;
	border-width: 1px;
}
.glossy-tabmenu ul{
	list-style-type: none;
	width: 172px;
	margin: 0;
	padding: 0;
}
.glossy-tabmenu1 ul{
	list-style-type: none;
	width: 140px;
	margin: 0;
	padding: 0;
}
	
.glossy-tabmenu li a{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	display: block;
	/* background: transparent url('../../images/common/tab-blue.gif') 100% 0; */
	background: #717073;
	border-bottom: 1px solid #838284;
	border-left: 5px solid #B6B6B6;
	/* border-left: 4px solid #B1B1B1; */
    height: 18px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0px 0px 8px 10px;
	line-height: 26px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	transition: background-color 0.5s ease;
}

.glossy-tabmenu1 li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	/* background: transparent url('../../images/common/tab-blue.gif') 100% 0; */
	background: #859BCF;
	border-bottom: 1px solid /* #e4e4e4 */#AAB6D2;
	
    height: 18px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0px 0px 8px 5px;
	line-height: 26px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	

.glossy-tabmenu li a:link, .glossy-tabmenu li a:visited,.glossy-tabmenu1 li a:link, .glossy-tabmenu1 li a:visited{
	color: #FFF;
}

.glossy-tabmenu li a:hover{
	/* color: #000000; */
	background: #222;
	border-left: 5px solid #FFD200;
	/* background-position: 100% -28px; */
	cursor: pointer;
}

.glossy-tabmenu1 li a:hover{
	color: #000066;
	background-position: 100% -29px;
}

.glossy-tabmenu li a.selected,.glossy-tabmenu1 li a.selected{
	color: #FFF;
	background: #222;
	border-left: 5px solid #FFD200;
	/* background-position: 100% -54px; */
}

/* CSS For Buttons Added by Kumaraguru.M */
/* CSS For Buttons modified by Ravi Kumar K */

/* a.ovalbutton{
	background: transparent url('../../images/common/oval-blue-left.gif') no-repeat top left;
	width: 76px;
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	
	text-decoration: none;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 6px;
	outline:none;
} */

a.ovalbutton span,
a.ovalbutton span:hover,
a.ovalbuttonDisabled span,
a.ovalbutton1 span,
a.ovalbutton1 span:hover,
a.ovalbutton1Disabled span,
a.ovalbutton2 span,
a.ovalbutton2 span:hover,
a.ovalbutton2Disabled span{
	width: 69px;
	font-family: calibri;
	font-size: 13px;
	font-weight: 600;
	color: #FFF;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	display: block;
	border: 0px solid #E89D20;
	border-radius: 3px;
	margin-left: 2px;
	margin-right: 3px;
	margin-bottom: 6px;
	
	background: #E42438; /* Old browsers */
	/* background: -moz-linear-gradient(top, #FCEDD1 0%, #FCEDD1 50%, #F6D59A 52%, #F6D59A 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #FCEDD1 0%,#FCEDD1 50%,#F6D59A 52%,#F6D59A 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, #FCEDD1 0%,#FCEDD1 50%,#F6D59A 52%,#F6D59A 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCEDD1', endColorstr='#F6D59A',GradientType=0 ); IE6-9 */
  	
}

a.ovalbuttonDisabled span,
a.ovalbutton1Disabled span,
a.ovalbutton2Disabled span{
	color: #8D8D8D;
	border: 0px solid #B2B2B2;
	pointer-events: none !important;
	cursor: not-allowed !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #e4e4e4 0%, #e4e4e4 50%, #e5e5e5 51%, #cdcdcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e4e4e4 0%,#e4e4e4 50%,#e5e5e5 51%,#cdcdcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e4e4e4 0%,#e4e4e4 50%,#e5e5e5 51%,#cdcdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}

a.ovalbutton1 span,
a.ovalbutton1 span:hover,
a.ovalbutton1Disabled span{
	border-radius: 3px;
	width: 110px;
}
a.ovalbutton2 span,
a.ovalbutton2 span:hover,
a.ovalbutton2Disabled span{
	border-radius: 3px;
	width: 145px;
}

a.ovalbutton span:hover,
a.ovalbutton1 span:hover,
a.ovalbutton2 span:hover{
	border-radius: 3px;
	background: #FF0000; /* Old browsers */
	/* background: -moz-linear-gradient(top, #FBE9C6 0%, #FBE9C6 50%, #F3CB81 52%, #F3CB81 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #FBE9C6 0%,#FBE9C6 50%,#F3CB81 52%,#F3CB81 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, #FBE9C6 0%,#FBE9C6 50%,#F3CB81 52%,#F3CB81 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE9C6', endColorstr='#F3CB81',GradientType=0 ); IE6-9 */
}

a:link.ovalbutton,
a:link.ovalbutton1,
a:link.ovalbutton2{
	border-radius: 3px;
	text-decoration: none;
}

a:link.ovalbuttonDisabled,
a:link.ovalbutton1Disabled,
a:link.ovalbutton2Disabled{
	border-radius: 3px;
	text-decoration: none;
	pointer-events: none !important;
	cursor: not-allowed !important;
}

a.ovalbuttonbig span{
	width: 240px;
	font-family: calibri !important;
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	line-height: 38px;
	text-decoration: none;
	text-align: center;
	display: block;
	border: 0px solid #E89D20;
	border-radius: 3px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 6px;
	
	background: #C41230; /* Old browsers */
	/* background: -moz-linear-gradient(top, #FCEDD1 0%, #FCEDD1 50%, #F6D59A 52%, #F6D59A 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #FCEDD1 0%,#FCEDD1 50%,#F6D59A 52%,#F6D59A 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, #FCEDD1 0%,#FCEDD1 50%,#F6D59A 52%,#F6D59A 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCEDD1', endColorstr='#F6D59A',GradientType=0 ); IE6-9 */
  	cursor: pointer;
}
a:link.ovalbuttonbig{
	text-decoration: none;
}
a.ovalbuttonbig span:hover{
	background: #FF0000; /* Old browsers */
	/* background: -moz-linear-gradient(top, #FBE9C6 0%, #FBE9C6 50%, #F3CB81 52%, #F3CB81 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #FBE9C6 0%,#FBE9C6 50%,#F3CB81 52%,#F3CB81 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, #FBE9C6 0%,#FBE9C6 50%,#F3CB81 52%,#F3CB81 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE9C6', endColorstr='#F3CB81',GradientType=0 ); IE6-9 */
}
/* a.ovalbuttonDisabled:link, a.ovalbuttonDisabled:visited, a.ovalbuttonDisabled:hover, a.ovalbuttonDisabled:active {
	background: transparent url('../../images/common/oval-gray-left.gif') no-repeat top left;
	width: 70px;
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: none;
	text-align: center;
	cursor: not-allowed;
	
	margin-bottom: 6px;
	pointer-events: none;
} */

/* a.ovalbutton1Disabled:link, a.ovalbutton1Disabled:visited, a.ovalbutton1Disabled:hover, a.ovalbutton1Disabled:active {
	background: transparent url('../../images/common/oval-gray-left.gif') no-repeat top left;
	
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	
	text-decoration: none;
	text-align: center;
	cursor: default;
	margin-left: 12px;
	margin-bottom: 6px;
	pointer-events: none;
	color:gray;
}

a.ovalbutton2Disabled:link, a.ovalbutton2Disabled:visited, a.ovalbutton2Disabled:hover, a.ovalbutton2Disabled:active {
	background: transparent url('../../images/common/oval-gray-left.gif') no-repeat top left;
	
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	
	text-decoration: none;
	text-align: center;
	cursor: default;
	margin-left: 0px;
	margin-bottom: 6px;
	pointer-events: none;
	color:gray;
} */


/* a.ovalbutton1{
	background: transparent url('../../images/common/oval-blue-left.gif') no-repeat top left;
	width: 100px;
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	
	text-decoration: none;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 6px;
	outline:none;
}


a.ovalbutton2{
	background: transparent url('../../images/common/oval-blue-left.gif') no-repeat top left;
	width: 152px;
	display: block;
	font: bold 11px Tahoma; Change 13px as desired
	line-height: 16px; This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)
	height: 24px; Height of button background height
	
	text-decoration: none;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 6px;
	outline:none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton,
a:link.ovalbutton1, a:visited.ovalbutton1, a:active.ovalbutton1,
a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2
{
	color: #494949; button text color
} */

/* a.ovalbutton span,a.ovalbutton1 span,a.ovalbutton2 span{
	background: transparent url('../../images/common/oval-blue-right.gif') no-repeat top right;
	font-family: tahoma;
	font-size: 11px;
	font-weight: 600;
	display: block;
	line-height: 22px;
	margin-left: 12px;
	text-align: center;
	background: #7BB4CE;
	
	background: -webkit-linear-gradient(#FFFFFF, #92A6D3); For Safari 5.1 to 6.0
	background: -o-linear-gradient(#FFFFFF, #92A6D3); For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#FFFFFF, #92A6D3); For Firefox 3.6 to 15
	background: linear-gradient(#FFFFFF, #92A6D3); Standard syntax
	
	border: 1px solid #5776BD;
	border-radius: 4px;
	
	color: #3C5899;
} */

/* a.ovalbutton span:hover,a.ovalbutton1 span:hover,a.ovalbutton2 span:hover{ Hover state CSS
	background-position: bottom left;
	background: #75AFCC;
	
	background: -webkit-linear-gradient(#92A6D3, #FFFFFF); For Safari 5.1 to 6.0
	background: -o-linear-gradient(#92A6D3, #FFFFFF); For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#92A6D3, #FFFFFF); For Firefox 3.6 to 15
	background: linear-gradient(#92A6D3, #FFFFFF); Standard syntax
}

a.ovalbutton:hover span,a.ovalbutton1:hover span,a.ovalbutton2:hover span{ Hover state CSS
	background-position: bottom right;
	color: #000000;
} */

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	margin-left: 12px;
}

/* a.ovalbuttonDisabled span{
	background: transparent url('../../images/common/oval-gray-right.gif') no-repeat top right;
	width: 70px;
	display: block;
	font-family: tahoma;
	font-size: 11px;
	font-weight: 600;
	display: block;
	
	line-height: 22px;
	text-align: center;
	background: #F6DAA0;
	
	background: -webkit-linear-gradient(#FDFEFE, #CAD3E9); For Safari 5.1 to 6.0
	background: -o-linear-gradient(#FDFEFE, #CAD3E9); For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#FDFEFE, #CAD3E9); For Firefox 3.6 to 15
	background: linear-gradient(#FDFEFE, #CAD3E9); Standard syntax
	
	border: 1px solid #ABBADE;
	border-radius: 4px;
	
	color: #9DABCC;
}

a.ovalbutton1Disabled span{
	background: transparent url('../../images/common/oval-gray-right.gif') no-repeat top right;
	width: 100px !important;
	display: block;
	font-family: tahoma;
	font-size: 11px;
	font-weight: 600;
	display: block;
	line-height: 22px;
	
	text-align: center;
	background: #F6DAA0;
	
	background: -webkit-linear-gradient(#FDFEFE, #CAD3E9); For Safari 5.1 to 6.0
	background: -o-linear-gradient(#FDFEFE, #CAD3E9); For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#FDFEFE, #CAD3E9); For Firefox 3.6 to 15
	background: linear-gradient(#FDFEFE, #CAD3E9); Standard syntax
	
	border: 1px solid #ABBADE;
	border-radius: 4px;
	
	color: #9DABCC;
}
a.ovalbutton2Disabled span{
	background: transparent url('../../images/common/oval-gray-right.gif') no-repeat top right;
	width: 145px !important;
	
	display: block;
	padding: 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above
} */
.menustyle
{
	margin-top: 10px;
	margin-left: -20px;
	height: 540px;
	width: 225px;
}
/*CSS design for ScrollPane*/
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 2px;
	width: 18px;
	height: 100%;
	background: #f8ecc7;
}
.jspTrack
{
	background: #ddd6a4;
	position: relative;
}

.jspDrag
{
	background: #f8ecc7;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-width:1px;
  	border-color: #886729;
  	border-left-color: #CCCCCC;
  	border-top-color: #CCCCCC;
  	border-style: solid solid solid solid;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	border-width:1px;
  	border-color: #886729;
  	border-left-color: #CCCCCC;
  	border-top-color: #CCCCCC;
  	border-style: solid solid solid solid;
}


.jspArrowUp
{
	background-image:url('../../images/common/up_arrow_brown.png');
	background-size:16px 15px;
	background-color: #eef6fd;
	background-repeat:no-repeat;
	background-position:center;
}

.jspArrowDown
{
	background-image:url('../../images/common/down_arrow_brown.png');
	background-size:16px 15px;
	background-color: #eef6fd;
	background-repeat:no-repeat;
	background-position:center;
}

.jspArrowLeft
{
	background-image:url('../../images/common/left_arrow_brown.png');
	background-color: #eef6fd;
	background-repeat:no-repeat;
	background-position:center;
}
  
.jspArrowRight
{
	background-image:url('../../images/common/right_arrow_brown.png');
	background-color: #eef6fd;
	background-repeat:no-repeat;
	background-position:center;
}
.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* ::-webkit-scrollbar {

width: 18px;

height: 15px;

}

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

height: 1px;
display: block;
background-color: #EFF7FF;

}

::-webkit-scrollbar-button:start:decrement{
height: 15px;  
display: block;
background-image: url("../../images/common/up_arrow_brown.png");
border:1px;
border-style:solid;   
border-color:#CCCCCC #886729 #886729 #CCCCCC;
}  
 
::-webkit-scrollbar-button:end:increment {
height: 15px;  
display: block;
border:1px;
background-image: url("../../images/common/down_arrow_brown.png");
border-style:solid; 
border-color:#CCCCCC #886729 #886729 #CCCCCC;
}
::-webkit-scrollbar-track-piece {

background-color: #DDD6A4;

}

::-webkit-scrollbar-thumb:vertical,

::-webkit-scrollbar-thumb:horizontal

{

background-color: cyan;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-width :1px;
cursor:pointer;
left:0;
top:0;  
 
}




::-webkit-scrollbar-button:horizontal:decrement:hover {
	height:15px;
 	} */