.ui-dialog{
		width: auto !important;
		top:28% !important;
			border-radius:10px !important;
			text-align:justify !important;
			background:white;
			font-size:17px;
			border: 10px solid #7D726D;
		}
	.ui-draggable .ui-dialog-titlebar {
		background:none;
		border:none;
		color:#393939;
		font-size:18px;
	}
	.ui-widget-overlay {
		opacity:.70 !important;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: repeat-x scroll 50% 50% #E6E6E6 !important;
	}
			.ui-state-hover,
			.ui-widget-content .ui-state-hover,
			.ui-widget-header .ui-state-hover,
			.ui-state-focus,
			.ui-widget-content .ui-state-focus,
			.ui-widget-header .ui-state-focus {
		background:#dadada 50% 50% repeat-x !important;
			}
	.ui-widget-header .ui-icon {
		background-image: url("images/ui-icons_222222_256x240.png");
	}

	.midmid {
		border: 3px solid transparent !important;
	}

	 .but {
			border:none;
			border-radius:10px;
			color:Window;
			font-weight:bold;
			background:darkred;
			margin-left:20px;
			width:auto;
			margin-top:20px;
			margin-bottom:20px;
			padding-top:25px;
			padding-bottom:30px;			
			height:70px;
		}


	/*----------- To Show loading image -----------------*/
	/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
	.modal {
		display:    none;
		position:   fixed;
		z-index:    1000;
		top:        0;
		left:       0;
		height:     100%;
		width:      100%;
		background-color: rgba(255, 255, 255, 0.50);
		/*background: rgba(255, 255, 255, 0.5) 
					url("../Images/loader.gif") 
					50% 50% 
					no-repeat;*/
	}

	/* When the body has the loading class, we turn
	   the scrollbar off with overflow:hidden */
	body.loading {
		/*overflow: hidden;   */
	}

	/* Anytime the body has the loading class, our
	   modal element will be visible */
	body.loading .modal {
		display: block;
	}


	.loading-icon {
		position: fixed;
		width: 100px; /* Set your desired with */
		height: 100px;
		z-index: 2; /* Make sure its above other items. */
		top: 50%; /* 50% */
		left: 50%;
		margin-top: -50px; /* Changes with height. */
		margin-left: -50px; /* Your width divided by 2. */

		/* You will not need the below, its only for styling   purposes. */
		padding: 10px;
		border: 2px solid rgb(3, 122, 35);		
		background-color: white; /* #168911 */ 
		border-radius: 5px;		
		background: white
					url("../Images/loader.gif") 
								50% 50% 
								no-repeat;
	}


	.loading-msg {
		position: fixed;
		width: 400px; /* Set your desired with */
		height: 120px;
		z-index: 2; /* Make sure its above other items. */
		top: 50%; /* 50% */
		left: 50%;
		margin-top: -50px; /* Changes with height. */
		margin-left: -200px; /* Your width divided by 2. */

		/* You will not need the below, its only for styling   purposes. */
		padding-top:10px;		
		border: 2px solid rgb(3, 122, 35);
		color:green;
		font-size:16px;
		font-weight:bold;
		font-family:Arial;
		
		border-radius: 5px;
		text-align: center;
		background: white
					url("../Images/downloader.gif") 
					50% 50% 
					no-repeat;
	}


	.antivirus-msg {
		padding:10px;				
		color:red;
		font-size:12px;
		font-weight:bold;
		font-family:Arial;			
		text-align:justify;
		background-color:ghostwhite;
		border-radius: 5px;
	}
	
	/*---------------------------------------------------*/