#welcome
{
	width:5%;
	}
	
	  label {
	      position: relative;
	  }

		.box 
		{
			font-size:10px;
			position: absolute;
			right:150;
			left:100;
			top: 90%;
			z-index: 20;
			color:Black;
			backface-visibility: hidden;
			background-image:-moz-linear-gradient(top, #eeeeee, #999999); 
			border-radius:0px 10px 0px 10px;  			
			box-shadow:0px 0px 2px 0px black;
			width:100%; 
			padding:5px;
			margin:0;
			opacity:0;
			transform:scale(1) skew(50deg);
			transform-origin:0px -30px;
			transition:transform  ease-out .45s, opacity ease-out .45s;
			
		}
		
		.box:after {
			content: "";
			position: absolute;
			bottom: 100%;
			border-bottom:10px solid #eee;
			border-left:10px solid transparent;
			border-right:10px solid transparent;
			width:0;
			height: 0;
		}
		
		.popUpControl:hover ~ label > .box {
			opacity:1;
			-moz-transform:scale(2) skew(0deg);
			
		}
		.popUpControl { 
		  display: none; 
		}
		
	.TextAni
	{
		animation:AnimationStyle 5s ease-in-out infinite;
		font-size:18px;
		font-weight:bold;
		margin-right: 10px;
		
		}
	@keyframes AnimationStyle
	{
		0%
		{
			color:#895717;
			
		}
		20%
		{ 
			color:#336E7F;
		}
		40%
		{
			color:#3F5793;
			
		}
		60%
		{
			color:#47972B;
		}
		80%
		{ 
			
			color:red;
		}
		100%
		{
			color:#951E8B;
		}
	}
		.remark
	{
		animation:remarkStyle 5s ease-in-out infinite;
		font-size:20px;
		color:black;
	
		}
	@keyframes remarkStyle
	{
		0%
		{
		
			font-size:large;
			
		}
		20%
		{ 
		
			font-size:x-large;
		}
		40%
		{
		
			font-size:large;
			
		}
		60%
		{
		
			font-size:x-large;
		}
		80%
		{ 
			
		
			font-size:large;
		}
		100%
		{
		
			font-size:x-large;
		}
		
		}
    
.outertblLayout
{
	margin: 50px auto;
	width: 80%;
	color: #000;
	font-size: 15px;
	text-align: left;
	background-color: #B3CEED;
	font-weight: normal;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 0px 3px 0px #036;
	text-shadow:0px 50px 0px 50px;
	min-width: 500px;
}
.innertblLayout
{
	margin: 20px auto;
	width: 80%;
	color: #000;
	padding:5px;
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 0px 3px 0px #000;
	text-shadow: 0px 0px 0.4px gray;
	min-width: 500px;
	border-radius:0px 50px 0px 50px;
}
.btnSelectAll,.btnClearAll
{
	background-image:linear-gradient(20deg,#C88510,#000);
	box-shadow:0px 0px 1px 0px black;
	border:.5px #5F410E solid;
	text-shadow:0Spx 0px 0.5px white;
	font-weight:normal;
	color:White;
	width:80px;
	height:30px;
	border-radius:8px;
	}
.btnClearAll:active
{
		background-image:linear-gradient(20deg,#000,#C88510);
		box-shadow:inset 0px 0px 3px 0px black;
		border:.5px #5F410E solid;
		text-shadow:1px 0px 2px gray;
		color:White;
		width:80px;
		height:30px;
	}
.btnSelectAll:active
{
		background-image:linear-gradient(20deg,#000,#C88510);
		box-shadow:inset 0px 0px 3px 0px black;
		border:.5px #5F410E solid;
		text-shadow:1px 0px 2px gray;
		color:White;
		width:80px;
		height:30px;
	}
.ListViewtblLayout
{
	margin: 10px auto;
	width: 80%;
	color: #000;
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 0px 3px 0px #000;
	text-shadow: 0px 0px 0.4px gray;
	min-width: 500px;
	border-radius:10px 10px 10px 10px;
}
/* This below stylefor colorpicker.........................*/
	#red, #green, #blue {
		float: left;
		clear: left;
		width: 300px;
		margin: 15px;
	}
	#swatch {
		width: 120px;
		height: 100px;
		margin-top: 18px;
		margin-left: 350px;
		background-image: none;
	}
	#red .ui-slider-range { background: #ef2929; }
	#red .ui-slider-handle { border-color: #ef2929; }
	#green .ui-slider-range { background: #8ae234; }
	#green .ui-slider-handle { border-color: #8ae234; }
	#blue .ui-slider-range { background: #729fcf; }
	#blue .ui-slider-handle { border-color: #729fcf; }
	#demo-frame > div.demo { padding: 10px !important; }
/*---------------------Admin Home --------------------------*/
.img_Animation{
    height: 80px;
    width: 80px;
    /*-webkit-animation:logo_rotate 4s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation:logo_rotate 5s infinite;*/
	
}


@-moz-keyframes logo_rotate{
    from{
			-moz-transform:rotateY(0deg);
    }
    to{
             -moz-transform:rotateY(360deg);
         }
}
@-webkit-keyframes logo_rotate{
    from{
			-webkit-transform:rotateY(0deg);
    }
    to{
             -webkit-transform:rotateY(360deg);
         }
}
@-ms-keyframes logo_rotate{
    from{
			-ms-transform:rotateY(0deg);
    }
    to{
             -ms-transform:rotateY(360deg);
         }
}
@-o-keyframes logo_rotate{
    from{
			-o-transform:rotateY(0deg);
    }
    to{
             -o-transform:rotateY(360deg);
         }
}
@keyframes logo_rotate{
    from{
			transform:rotateY(0deg);
    }
    to{
             transform:rotateY(360deg);
         }
}

.alert_box_success,.alert_box_fail{
        position: fixed;
        top:30%;
        left:30%;
        width:40%;
        height: auto;
        box-shadow: 0px 0px 3px 0px rgb(50,50,50);
        z-index: 110;
        display: none;
    }
    .rpttblLayout
    {
    	margin: 20px auto;
		width: 50%;
		color: #000;
		font-size: 15px;
		text-align: left;
		font-weight: normal;
		border-radius: 5px 5px 0 0;
		box-shadow: 0px 0px 3px 0px #000;
		text-shadow: 0px 0px 0.4px gray;
		min-width: 500px;
		border-radius:0px 50px 0px 50px;
    	
    	}
   #accordion ul li
   {
		/* list-style:inside url(../Images/list.ico); */
		list-style-type :  disc;
   }
   	#accordion div ul li a
	{
		text-shadow:0px 0px 0.4px gray;
		text-decoration:none;
		width:100%;
		height:10px;
	}
	#accordion div ul li a:hover
	{	
		text-decoration:underline;
		
	}
	.rpt_ActiveClass
	{
		font-weight:800;		
		text-decoration:underline;
		color:black;
	
	}
	
#ReportDivBack,#BackSide
{
	height:100%;
	width:100%;
	background-attachment:fixed;
	background-color:black;
	opacity:0.5;
	display:none;
	overflow:visible;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:fixed;
	}
#ReportDiv,#Alert_Msg,#Confirm_Msg
{
	box-shadow:0 0 10px 1px #000;
	border:1px solid #000;
	margin:5%;
	top:0;
	height:85%;
	bottom:20;
	position:absolute;
	right:10;
	background-color:white; 
	display:none;
	overflow:hidden;

}
#btnimgclose
{
	border-radius:5px;
	margin-left:98%;
	
}
#btnimgclose:hover
{
	overflow:visible;
	transform: scale(1.6);
	
	}
.btnEdit
{
	width:80px;
	font-size: 14px;
	
	background-image:linear-gradient(#C2F0F7,#000);
	
	box-shadow: 0px 0px 3px 0px gray;
	padding: 5px 10px;
	text-shadow: 0px 1px 0.5px black;
	border-radius: 2px;
	border: 1px solid green;
	height: 35px;
	color: white;
	}
.btnRemove
{
	width:80px;
	font-size: 14px;
	background-image:linear-gradient(#FCD985,#000);
	
	margin-top:10px;
	
	box-shadow: 0px 0px 3px 0px gray;
	padding: 5px 10px;
	text-shadow: 0px 1px 0.5px black;
	border-radius: 2px;
	border: 1px solid green;
	height: 35px;
	color: white;
	}
	
	.btnEdit:active
{
	
	box-shadow:inset 0px 0px 3px 0px gray;
	
	}
.btnRemove:active
{
	
	box-shadow:inset 0px 0px 3px 0px gray;
	
	}
	.btnEdit:hover
{
	
			background-image:linear-gradient(#000,#C2F0F7);
	
	}
.btnRemove:hover
{
	
		background-image:linear-gradient(#000,#FCD985);
	
	}
	
#Alert_Msg,#Confirm_Msg
{
	box-shadow:0 0 10px 1px #000;
	border:1px solid #000;
	height:25%;
	font-family:Times New Roman;
	font-size:large;
	border-radius:5px;
	margin:15% 10% 5% 30%;
	position:absolute; 
	display:none;
	overflow:hidden;

}

.btnYes
{

	width:80px;
	font-size: 14px;
	
	background:#F1131D;
	margin-top:40px;
	box-shadow: 0px 0px 3px 0px gray;
	padding: 5px 10px;
	text-shadow: 0px 1px 0.5px black;
	border-radius: 2px;
	border: 1px solid green;
	height: 35px;
	color: white;	
	}
.btnNo
{
	width:80px;
	font-size: 14px;
	margin-top:40px;
	background:#2D13F1;
	
	box-shadow: 0px 0px 3px 0px gray;
	padding: 5px 10px;
	text-shadow: 0px 1px 0.5px black;
	border-radius: 2px;
	border: 1px solid green;
	height: 35px;
	color: white;
	
	}
	
	.btnYes:hover
{


	box-shadow: 0px 0px 5px 1px black;
	
	}
.btnNo:hover
{
	
	
	box-shadow: 0px 0px 5px 1px black;
	
	}
#uptInfoDiv
{
	display:none;
	box-shadow:0 0 10px 1px #000;
	border:1px solid #000;
	left:35%;
	top:15%;
	font-family:Times New Roman;
	font-size:large;
	border-radius:5px;
	
	position:absolute; 
	display:none;
	overflow:hidden;
	}
	
	
	.UserInfoStyle
	{
		box-shadow:0px 0px 2px 0px black;
		border:dashed 1px #black;
		
		}

#btnPrev
{
	top:80%;
	left:10%;
	width:100px;
	height:50px;
	border-radius:0px 10px 10px 0px;
	position:absolute;
	background-color:orange;
	text-shadow:0px 0px 1px black;
	font-family:Times New Roman;
	border:1px solid black;
	opacity:0.5;
	font-size:x-large;
	color:black;
	box-shadow:0px 0px 5px 1px black;
	
	}
#btnPrev:hover
{
	opacity:1;
	
}
#btnNext
{
	top:80%;
	left:84%;
	width:100px;
	height:50px;
	border-radius:10px 0px 0px 10px;
	position:absolute;
	background-color:yellow;
	text-shadow:0px 0px 1px black;
	font-family:Times New Roman;
	border:1px solid black;
	opacity:0.5;
	font-size:x-large;
	color:black;
	box-shadow:0px 0px 5px 1px black;
	
	}
#btnNext:hover
{
	opacity:1;
	
}

.slide{
    width:400px;
    height:280px;
    display:run-in;
    float:left;
}

.TopInfolink:hover
{
	color:#F1B432;
	}