body 
{
   
    background: url('../../Img/bg/bg.jpg') repeat;
}
.portalTitle
{
 
    font-size:16px;
    font-weight:bold ;   
    text-shadow: 2px 2px 5px red;
    color: Black;
    text-align: center;
   
   

}
  
.button2{
border:1px solid #393B3E;-webkit-box-shadow: #55CBD4 0px 1px 5px;-moz-box-shadow: #55CBD4 0px 1px 5px; box-shadow: #55CBD4 0px 1px 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:14px;font-family:arial black, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(10,10,10,0.5);font-weight:bold; color: #DBFC53;
 background-color: #49c0f0; background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
 }

.button2:hover{
 border:1px solid #393B3E;
 background-color: #1ab0ec; background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
 }
 .DivBox
{
	
	background-image: linear-gradient(to right top, #d3f9f3, #d3f7fe, #dbf4ff, #e7f0ff, #f3ecff);	
	
   margin: 10px;
   padding: 10px;
   max-width: 300px;
   height: 400px;

	border-radius: 5px;
	box-shadow: 10px 10px 5px;
	border: 2px solid Blue;

	float:left;

	background-repeat: no-repeat;
	background-position:center ;
	border-radius:10px 0px 10px 0px; 
} 

 .DivMasterLeft
{
	
	background-image: linear-gradient(to right top, #e7f8f5, #e4f6fa, #e5f4fe, #ebf0ff, #f4ecfb);
	
   margin: 1px;
   padding: 3px;
   max-width: 15%;
 
	border-radius: 5px;
	box-shadow: 10px 10px 5px;
	border: 2px solid Blue;

	float:left;

	background-repeat: no-repeat;
	background-position:center ;
	border-radius:10px 0px 10px 0px; 
} 
.DivMasterRight
{
	
	background-image: linear-gradient(to right top, #e7f8f5, #e4f6fa, #e5f4fe, #ebf0ff, #f4ecfb);
	
   margin: 2px;
   padding: 3px;
   max-width: 82%;
 
	border-radius: 5px;
	box-shadow: 5px 5px 2px;
	border: 1px solid red;

	float:left;

	background-repeat: no-repeat;
	background-position:center ;
	border-radius:10px 0px 10px 0px; 
} 
.DivBox1
{
	
	
	
   margin: 10px;
   padding: 10px;
   max-width: 600px;
   height: 400px;

	border-radius: 5px;
	box-shadow: 10px 10px 5px;
	border: 2px solid red;

	float:left;

	background-repeat: no-repeat;
	background-position:center ;
	border-radius:10px 0px 10px 0px; 
} 
.gridview td
{
      background-color: 	#ffe6e6;
   
      border:2px  solid #B22222;
      padding:5px;
      margin:2px; 
      text-align:left; 
      border:2px  solid #B22222;
      border-radius:10px 0px 10px 0px; 
         
}
.gridview td a
{
    font-size:12px;
      
}
.gridview td:hover
{
     background-color: #7FFF00;
      font-weight:bold;
      
}
.gridview td a:hover
{
     background-color: #7FFF00;
      font-weight:bold;
      color:Maroon ;
      
}
.DivBox3
{
	
	
	background-image: linear-gradient(to right top, #dae3ee, #e5e8f2, #efeef5, #f7f5f9, #fdfcfd);
   margin: 10px;
   padding: 10px;
   max-width: 80%;
   height: 400px;

	border-radius: 5px;
	box-shadow: 10px 10px 5px;
	border: 2px solid Blue;

	float:left;

	background-repeat: no-repeat;
	background-position:center ;
	border-radius:10px 0px 10px 0px; 
} 
.imgRound
{
    width:20px;
    height:20px;
    vertical-align:middle ; 
     opacity: 0.5;
    filter: alpha(opacity=50);
       border-radius: 25px;
       padding:2px; 
}
.imgRoundIcon
{
    width:40px;
    height:40px;
 text-align:center ;
 vertical-align:middle;  
       border-radius: 25px;
       padding:2px; 
}
.ActionBtn {
 background-image: linear-gradient(to right top, #dae3ee, #e5e8f2, #efeef5, #f7f5f9, #fdfcfd);
     float:left ;
    text-align:left; 
  margin-left:10px; 
  margin-top:10px; 
  width:250px;
   border-left:4px solid red;
 border-bottom:2px solid #0099cc;  
   padding:8px; 
   position:relative;
   border-radius: 10px 0px 10px 0px;
    box-shadow: 10px 10px 5px #85929E;
   top:-12px;
}
.ActionBtn a
{
    color:Blue ;
    font-weight :bold ;
    font-size:16px;
     
}
.ActionBtn:hover
{
     font-size :18px;
    border:1px blue;
     font-weight:bold ;   
    color: Maroon;
     
}
  .PageTitle {
  background-image: linear-gradient(to right top, #dae3ee, #e5e8f2, #efeef5, #f7f5f9, #fdfcfd);
  

    font-size:18px;
    font-weight:bold ;   
    color: Black;
     text-shadow: 2px 2px 5px red;
    text-align: center;  
     border-bottom:2px solid red;
    box-shadow: 10px 10px 5px #85929E;
    border-radius:10px 10px 0px 0px;
   
}
.PageBottom {
   background-image: linear-gradient(to right top, #dae3ee, #e5e8f2, #efeef5, #f7f5f9, #fdfcfd);
  
  

  
    font-weight:bold ;   
  
   
    text-align: center;  
    box-shadow: 10px 10px 5px #85929E;
    border-radius:0px 0px 10px 10px;
   
}
.li
{
   
color: Black;
    background: url('../../Img/bg/bg_menu3.jpg') repeat;
    border-left: 4px solid red;
    border-bottom: 1px dotted red;
    padding: 5px;
    margin-top: 3px;
    display: block;
    text-decoration: none;
}

.li2
{
   
color: white;
    background: url('../../Img/bg/vmenu.JPG') repeat;
    border-left: 4px solid red;
    border-bottom: 0px dotted red;
    padding: 5px;
    margin-top: 3px;
    display: block;
    text-decoration: none;
    color:white;
  
}
.li:hover
{
background: url('../../Img/bg/body_old.jpg') repeat;
  font-weight:bold;
  color:Blue;
}
.fixInsbtn
{
     width:50px;
    height:50px;
    position:fixed ;
    right:20px;
    top:200px;  
  background-color:Green;
       border-radius: 25px;
         box-shadow: 10px 10px 5px #000000;
}
.fixLatest
{
     width:50px;
    height:50px;
    position:fixed ;
    right:20px;
    top:260px;  
   background-color:Yellow;
       border-radius: 25px;
         box-shadow: 10px 10px 5px #000000;
}
.LoginUser
{
     width:40px;
    height:40px;
  float:left;
   background-color:#C71585;
       border-radius: 35px;
         box-shadow: 5px 5px 3px #000000;
}

.fixContactUs
{
      width:50px;
    height:50px;
    
   position:fixed ;
    right:20px;
    top:320px;  
     background-color:Blue;
       border-radius: 25px;
         box-shadow: 10px 10px 5px #000000;
    
}
.fixContactUs:hover
{
      background-color:#C71585;
      
    
}
.fixLatest:hover
{
     background-color:#C71585;
}
.fixInsbtn:hover 
{
     background-color:#C71585;
}
.OuterDiv
{
    width:90%;
    float:right; 
    border-radius:5px;
    box-shadow: 10px 10px 5px #85929E;
}
.TFtable{
		width:100%; 
		border-collapse:collapse; 
		color:Black;
		text-align:left ;
		padding:10px;   
	
	}
	.TFtable td{ 
		padding:7px; border:#abfff4 0px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background:#F2F3F4;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #E5E7E9 ;
	}
	.txt
	{
	        background-color:#E6E6FA ;
	        border:1px solid #800000;
	      border-radius: 3px;
	      height:25px;
	      font-weight:bold; 
	       
	}
	.txt:hover
	{
	     border:1px solid #0000CD;
	     box-shadow: 10px 10px 5px #000000;
	}
	
	.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
   
    color:Black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: 10px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.dropdown-content {
   
   
 
    
    border:2px  solid 	#B22222;
   width:200px; 
   color:Blue ;
   font-weight:bold ;  
    border-radius:0px 10px 0px 10px;
     
    box-shadow: 10px 10px 5px;
}

.dropdown-content option{
    color: blue;
  background-image: linear-gradient(to right top, #d3f9f3, #d3f7fe, #dbf4ff, #e7f0ff, #f3ecff);
  padding:10px; 
   
  
}

.dropdown-content option:hover {  background-color:Yellow ;}