body
{
    
    padding: 0px;
    margin: 0px;
    font: normal 11px verdana;
    background-color: White;
   /* background-image: url('Images/bck.JPG');
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;*/
}
.tblbl
{
    font-size:12px;
    font-weight:bold;
    }
.hover_row
    {
        background-color: #A1DCF2;
    }

.fotlbl
{
    color:Navy;
    font-size:14px;
    font-family:Century;
    font-weight:bold;
}
.chartlbl
{
    font-size:12px;
    color:Green;
}
.chartlbl2
{
    font-size:12px;
    color:Maroon;
    text-decoration:underline;
    font-weight:bold;
}
.dashbordlbl
{
    font-size:10px;
    font-weight:bold;
}
.hmlbl
{
    font-size:16px;
    font-weight:bolder;
    text-decoration:underline;
    color:Maroon;
    margin:10px;
}
.hmlbl2
{
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
    color:Green;
    margin:10px;
}
.hmlbl3
{
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
    color:Blue;
    margin:10px;
}

.lblmenu
{
    font-size:14px;
    text-transform: capitalize; color: White; text-decoration: underline
}
.headerlbl
{
    font-size:22px;
    margin:4px;
    font-weight:bolder;
}
.headerlbl2
{
    font-size:18px;
    font-weight:bold;
}
.hdrmenulbl
{
    font-size:10px;

}
.hdrmnulink
{
font-size:10px;
}
.gridlbl
{
    font-size:10px;
}
a
{
	color:Blue;
}
a:hover
{
	color:Green;
	font-weight:bolder;
	text-decoration:none;
	background-color:Yellow;
}
/*
a:visited
{
	color:Maroon;
}

a:visited:hover
{
	color:Green;
}
*/
#nav, #nav ul
{
	background-color:transparent;
	list-style: none none none;
	list-style-type:none;
}
#nav {
    display:inline-block;
    padding: 2px;
    width: 85%;
}
#nav ul {
    
   
    overflow: hidden;
    position:absolute;
    top: -9999px;

    -moz-transform: rotateY(70deg);
    -ms-transform: rotateY(70deg);
    -o-transform: rotateY(70deg);
    -webkit-transform: rotateY(70deg);
    

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
   

    -moz-transition: -moz-transform 0.3s linear, opacity 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear, opacity 0.3s linear;
    -o-transition: -o-transform 0.3s linear, opacity 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear, opacity 0.3s linear;
    
}
#nav li {
    background-color:transparent;
    position:relative;
    width:100%;
    font-weight:bold;
    text-align:left;
    color:Aqua;
}
#nav > li {
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    left: 0px;
}
#nav li a
{
	/*border-left: 1px solid #DDDDDD;
	border-right: 1px solid #555555;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #555555;*/
	background-color:transparent;
	color:White;
	display: block;
	font-size: 12px;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration: underline;
	font-family: arial, Helvetica, sans-serif;
	width: 95%;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	text-align:left;
	text-decoration:none;
}
#nav li:hover > a {
    background-color:Black;
    border-color: #8899AA;
    color:Lime;	
    text-decoration:none;
    letter-spacing:2px;
    
    }
#nav li:hover ul.subs {
    left: 100%;
   
    top: 0%;
    width:100%;

    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  

    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
   
}
#nav ul li {
    width: 100%;
}


/**************************************** Dash board *********************************************/

/*********************************************************/
.wrapper {
	width: 500px;
	margin: 10px auto;	
}
.marqueed {
	width: 300px;
	height: 50px;
	margin: 5px auto;
	overflow: hidden;
	position: relative;
	border: 0px solid #000;
	-webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
   /* transition: background-color 350ms;*/
	top: 0px;
	left: 0px;
	float: left;

}


.marqueed p {
	position: absolute;

	/*font-family: Tahoma, Arial, sans-serif;*/

	width: 100%;
	height: 100%;

	margin: 0;
	line-height: 50px;

	text-align: center;
	color: gray;
    /*text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);*/

	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marqueed p:nth-child(1) {
	animation: left-one 20s ease infinite;
	-moz-animation: left-one 20s ease infinite;
	-webkit-animation: left-one 20s ease infinite;
}
.marqueed p:nth-child(2) {
	animation: left-two 20s ease infinite;
	-moz-animation: left-two 20s ease infinite;
	-webkit-animation: left-two 20s ease infinite;
}
.marqueed.down p {
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.marqueed.down p:nth-child(1) {
	animation: down-one 20s ease infinite;
	-moz-animation: down-one 20s ease infinite;
	-webkit-animation: down-one 20s ease infinite;
}
.marqueed.down p:nth-child(2) {
	animation: down-two 20s ease infinite;
	-moz-animation: down-two 20s ease infinite;
	-webkit-animation: down-two 20s ease infinite;
}
.marqueed.up p {	
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.marqueed.up p:nth-child(1) {
	animation: up-one 20s ease infinite;
	-moz-animation: up-one 20s ease infinite;
	-webkit-animation: up-one 20s ease infinite;
}
.marqueed.up p:nth-child(2) {
	animation: up-two 20s ease infinite;
	-moz-animation: up-two 20s ease infinite;
	-webkit-animation: up-two 20s ease infinite;
}

/*================================
	Move the marqueed to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
/* @-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	10% {
		-moz-transform:translateX(0);
	}
	40% {
		-moz-transform:translateX(0);
	}
	50% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	50% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(0);		
	}
	90% {
		-moz-transform:translateX(0);		
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	50% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(0);		
	}
	90% {
		-webkit-transform:translateX(0);		
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}

/*================================
	Move the marqueed Downwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes down-one {
	0%	{
		-moz-transform:translateY(-100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	100%{
		-moz-transform:translateY(100%);
	}
}
@-moz-keyframes down-two {
	0% {
		-moz-transform:translateY(-100%);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		
	}
	100%{
		-moz-transform:translateY(100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-webkit-keyframes down-two {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

/*================================
	Move the marqueed Upwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes up-one {
	0%	{
		-moz-transform:translateY(100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	100%{
		-moz-transform:translateY(-100%);
	}
}
@-moz-keyframes up-two {
	0% {
		-moz-transform:translateY(100%);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		
	}
	100%{
		-moz-transform:translateY(-100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes up-one {
	0% {
		-webkit-transform:translateY(100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}
@-webkit-keyframes up-two {
	0% {
		-webkit-transform:translateY(100%);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}
*/
/*-----------------[ DASHBOARD START [ CSS ]]--------------------*/
        .scroll-text
        {
            border: 1px solid gray;
            width: 260px;
            height: 20px;
            overflow: hidden;
        }
        
        .scroll-text ul
        {
            width: 400px;
            height: 100px;
            overflow: hidden;
            margin: 0;
            list-style-type: none;
        }
        
        .scroll-text ul li
        {
            height: 1.5em;
        }
        /*-----------------[ DASHBOARD  end [ CSS ]]-------------- ]]--------------------*/
        #show
        {
            height: 9px;
            width: 12px;
        }
        #hide
        {
            height: 9px;
            width: 12px;
        }
        
        .menucls
        {
            text-align: center; font-weight: bold; color: #cc3366; min-width:200px; width: 90%;
        }
        .frmddl {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 0 #000, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 2px 0 #000, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -ms-box-shadow: 0 2px 0 #000, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -o-box-shadow: 0 2px 0 #000, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 2px 0 #000, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #EAE7E7;
    border: 1px solid #C8C8C8;
    color:Blue;
    font-weight:bold;
    font: 13px Helvetica, Arial, sans-serif;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    width:200px;
    height:25px;
    
}

.frmddl:focus {
    -webkit-box-shadow: 0 0 2px #ED1C24 inset;
    -moz-box-shadow: 0 0 2px #ed1c24 inset;
    -ms-box-shadow: 0 0 2px #ed1c24 inset;
    -o-box-shadow: 0 0 2px #ed1c24 inset;
    box-shadow: 0 0 2px #ED1C24 inset;
    background-color: #FFF;
    border: 1px solid #ED1C24;
    outline: none;
}