.pop
        {
           position: fixed;
            height: 100%;
            width: 100%;
            opacity: 0.6;
            background-color:black;
            border-style:none;
            cursor:wait;
            top:0%;
            left:0%;
        }
          .popExclusive
        {
           position: fixed;
            height: 100%;
            width: 100%;
            opacity: 0.8;
            background-color:black;
            border-style:none;
            top:0%;
            left:0%;
        }
       
        .hyperlink
        {
          cursor:wait;
          
        
        }
        .hyperlink:hover
        {
          cursor:pointer;
          color:Red;
        
        }
        .trans
        {
            position: fixed;
            height: 60%;
            width: 60%;
            opacity: 1;
            background-color:White;
            border-style: solid;
            border:2;
            border-color:Black;
            top:20%;
            left:20%;
            border-radius: 10px;
            border-shadow:2px 2px 2px;
           
           
        }
        
        .transEdit
        {
            position: fixed;
            height: 80%;
            width: 80%;
            opacity: 1;
            background-color:White;
            border-style: solid;
            border:2;
            border-color:Black;
            top:10%;
            left:10%;
            border-radius: 10px;
            border-shadow:2px 2px 2px;
           
           
        }
        .transEditBookSearch
        {
            position:fixed;
            height: 90%;
            width: 90%;
            opacity: 1;
            background-color:White;
            border-style: solid;
            border:2;
            border-color:Black;
            top:5%;
            left:5%;
             bottom:5%;
            border-radius: 10px;
            border-shadow:2px 2px 2px;
           
           
        }
    /*    .main
        {
            
            height: 100%;
            width: 1500px;
        }*/
        
        .b
        {
         margin: 0px;
         width: 100%;
         background-image:url('christmas-background.jpg');
        background-repeat:repeat;
        }
        .del
        {
            position: fixed;
            height: 17px;
            width: 17px;
            top: 136px;
            left: 723px;
            border-style: solid;
            cursor: help;
        }
        
        .msg
        {
            position: fixed;
            height: 200px;
            width: 495px;
            top: 300px;
            background-color: red;
            border-style: solid;
            font-family: Arial Black;
            text-align: center;
            text-decoration: blink;
            font-size: xx-large;
            letter-spacing: normal;
            overflow: scroll;
        }
        
        .header
        {
            position:relative;
            height: 50px;
            width:100%;
            top: -16px;
            left:0px;
            background-color: black;
            role:banner;
            data-last-value:0;
            margin:0px;
			
        }
          .header1
        {
            position:relative;
            height: 50px;
            width:100%;
            top: 0px;
            left:0px;
            background-color: black;
            role:banner;
            data-last-value:0;
            margin:0px;
			
        }
        
        .footer
        {
            position: fixed;
            height: 25px;
            width: 100%;
            background-color: Silver;
             bottom:0px;
        }
        
        .middle
        {
            position:absolute;
            height: 88%;
            width: 99%;
            top: 15%;
            left:2px;
            right:2px;
            background-color: White;
             overflow:scroll;
        }
   
         ul{
        padding-top:12px;
        list-style: none;
        height:20px;
    text-align: center;
            }
    ul li{
        float:left;
		position:relative;
        width:90px;
        height:20px;
        text-align: center;
        background: #f2f2f2;
        border-style:solid;
        border-radius:10px;
         
    }
    ul li a
    { 
        width:90px;
        height:20px;
        text-align: center;
        display: block;
        padding: 0;
        color:Maroon;
        background: #f2f2f2;
        text-decoration: none;
        border-radius:5px;
        background-position:center;
    }
    ul li a:hover
    {
        display:block;
        color: #ffffff;
        background:red;
        height:20px;
    }
    ul li ul
     {
        display:none;
         z-index:500;
    }
    
    ul li ul:hover
     {
        display:block;
        z-index:500;
    }
   
    ul li:hover
    {
      background:orange;
    }
    ul li:hover ul
       {
         position:relative;
         display:block;
		 top:-10px;
		 left:-43px;
    }
    .textBox
    {
     border-width: 1;
     border-radius:5px;
     border-style:solid;
     border-color:Navy;
     width:340px;
     height:25px;
    }
    .textBoxIssue
    {
     border: 1 solid Maroon;
    width:250px;
     height:25px;
     border-radius:0px;
     margin-left: 0px;
      background-color:#fffffe;
    font-weight: 700;
}
  
 .textBoxpop
    {
     border-radius:3px;
     border:1 Maroon;
     margin-left: 0px;
     background-color:red;
     color:white;
    width:200px;
    height:28px;
    text-align: left;
    font-weight:bold;
}


 .textBoxpop
    {
     border-radius:4px;
     border:1 Maroon;
     margin-left: 0px;
     background-color:gray;
     color:black;
     
    text-align: left;
}

 .textBoxpop10
    {
     border-radius:2px;
     border:1 Maroon;
     margin-left: 0px;
     
    
     width:260px;
     height:20px;
    text-align: left;
    font-weight:bold;
}
ings
{
    
     border-width: 1;
    width:200px;
     height:25px;
     border-radius:5px;
     border-style:none;
     border-color:Maroon;
     margin-left: 0px;
      background-color:#fffffe;


}/*
    table tr 
    {
     height:40px;
    
    }
    
   */   
   .refresh
   {
   height:30px;
   width:150px;
   border-radius:10px;
   color:Green;
   margin-bottom:10px;
   }  
        
 .textBoxMulti
    {
     overflow:scroll;
     border-radius:5px;
     border-style:solid;
     border-color:Navy;
     border:1;
     opacity:0.8;
     width:340px;
     height:100px;
     background-color:white;
        
    }
     .bookmaster
     {
            width: 100%; 
            border-style:solid;
            border-color:Maroon;
            margin-left: 0%;
            margin-right: 0%;
            margin-bottom:5%;
     }
     
     .style1
        {
            width: 40%; 
            border-style:solid;
            border-color:Maroon;
            margin-left: 30%;
            margin-right: 30%;
            margin-bottom:5%;
        }
        .tableBookSearch
        {
            width: 60%;
            border-style:dotted;
            border-color:Black;
            margin-left: 20%;
            margin-right: 20%;
            margin-bottom:5%;
        }
         .tableBookSearchAll
        {
            width: 80%;
            border-style:dotted;
            border-color:Black;
            margin-left: 10%;
            margin-right: 10%;
        }
         .tableBookSearchAll10
        {
            width: 80%;
            border-style:none;
            border-color:Black;
            margin-left: 10%;
            margin-right: 10%;
        }
        .tablebig
        {
            width: 100%;
            border-style:none;
            border-color:Black;
            margin-left: 0%;
            margin-right: 0%;
            margin-bottom:5%;
            overflow:scroll;
        
        }
        .tableAlmariPosition
        {
            width: 60%;
            border-style:ridge;
            border-color:Black;
            margin-left:20%;
            margin-right: 20%;
            margin-bottom:5%;
         }
        .tableIssue
        {
            width: 75%;
            border-style:solid;
            border-color:Black;
            margin-bottom:5%;
        }
        .tableLogin
        {
            width: 27%;
            border:1;
            border-style:solid;
            border-color:Maroon;
        }
        .tableSignup
        {
        width: 40%;
            border:1;
            border-style:solid;
            border-color:Maroon;
        }
        .tableSettings
        {
             width: 30%;
            border:1;
            border-style:solid;
            border-color:Maroon;
        }
        .subtableIssue
        {
            width: 88%;
        }
        .style2
        {
            width: 148px;
            font-weight: bold;
            text-align: left;
        }
        
        .style3
			{
            width: 148px;
            font-weight: bold;
            text-align: left;
            color: #3333CC;
        }
   /*new styles added*/
		.cover{
		margin-left:250px;
		width:1000px;
		
		
		}
		.right{
		position:relative;
		padding-left:950px;
		bottom:46px;
		
		}
		.menubar{
		width:1000px;
		
		}
	.clear{
		clear: both;
	}
	.paragraph{
		width: 95%;
		margin: 0 auto;
	}
/*   gridview*/
.hide
{
display:none;
}
.ddl
{
border-radius:5px;
background-position:right;
 background-repeat:no-repeat;
 background-attachment:fixed;
 font-size:small;
  font-weight:bold;
    font-family:@MS Mincho;
}
/*calender*/
.red .ajax__calendar_container
{
width:190px;
background-color: #ffffff; border:solid 1px #eeeeee;
-moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; -khtml-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; -khtml-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px/*{cornerRadius}*/;
}
.red .ajax__calendar_body
{
width:180px;
height:150px;
background-color: #ffffff; border: solid 1px #eeeeee;
}
.red .ajax__calendar_header
{
background-color: #CC0505; margin-bottom: 8px;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
} 
.red .ajax__calendar_title
{
color: #ffffff; padding-top: 3px;
}
.red .ajax__calendar_next,
.red .ajax__calendar_prev
{
border:solid 2px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px/*{cornerRadius}*/; -webkit-border-top-left-radius: 18px/*{cornerRadius}*/; -khtml-border-top-left-radius: 18px/*{cornerRadius}*/; border-top-left-radius: 18px/*{cornerRadius}*/;
-moz-border-radius-topright: 18px/*{cornerRadius}*/; -webkit-border-top-right-radius: 18px/*{cornerRadius}*/; -khtml-border-top-right-radius: 18px/*{cornerRadius}*/; border-top-right-radius: 18px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 18px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 18px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 18px/*{cornerRadius}*/; border-bottom-left-radius: 18px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 18px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 18px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 18px/*{cornerRadius}*/; border-bottom-right-radius: 18px/*{cornerRadius}*/;
}
.red .ajax__calendar_hover .ajax__calendar_next,
.red .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 2px #f7f7f7;
background-color: #ffffff;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
.red .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#000000;
} 
.red .ajax__calendar_day,
.red .ajax__calendar_month,
.red .ajax__calendar_year
{
margin:1px 1px 1px 1px;
text-align:center;
border:solid 1px #eeeeee;
color:#000000;
background-color: #f3f3f3;
}
.red .ajax__calendar_hover .ajax__calendar_day,
.red .ajax__calendar_hover .ajax__calendar_month,
.red .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #328BC8;border:solid 1px #328BC8;
}
.red .ajax__calendar_active .ajax__calendar_day,
.red .ajax__calendar_active .ajax__calendar_month,
.red .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.red .ajax__calendar_today .ajax__calendar_day
{
color: #CC0505; font-weight:bold; background-color: #ffffff;	
}
.red .ajax__calendar_other,
.red .ajax__calendar_hover .ajax__calendar_today
{
color: #ffffff;
font-weight:bold;
}
.ajax__calendar_days
{
background-color: #ffffff;
}



/*black calender*/

.black .ajax__calendar_container
{
width:190px;
background-color: #000000; border:solid 1px #666666;
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
.black .ajax__calendar_body
{
width:180px;
height:150px;
background-color: #000000; border: solid 1px #666666;
}
.black .ajax__calendar_header
{
background-color: #626262; margin-bottom: 8px;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} 
.black .ajax__calendar_title
{
color: #ffffff; padding-top: 3px;
}
.black .ajax__calendar_next,
.black .ajax__calendar_prev
{
border:solid 4px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.black .ajax__calendar_hover .ajax__calendar_next,
.black .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 4px #328BC8;
background-color: #ffffff;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
.black .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#ffffff;
background-color: #000000;
} 
.black .ajax__calendar_day,
.black .ajax__calendar_month,
.black .ajax__calendar_year
{
margin:1px 1px 1px 1px;
text-align:center;
border:solid 1px #000000;
color:#ffffff;
background-color: #626262;
}
.black .ajax__calendar_hover .ajax__calendar_day,
.black .ajax__calendar_hover .ajax__calendar_month,
.black .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #328BC8;border:solid 1px #328BC8;
}
.black .ajax__calendar_active .ajax__calendar_day,
.black .ajax__calendar_active .ajax__calendar_month,
.black .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.black .ajax__calendar_today .ajax__calendar_day
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.black .ajax__calendar_other,
.black .ajax__calendar_hover .ajax__calendar_today
{
color: #ffffff;
font-weight:bold;
}
.black .ajax__calendar_days
{
background-color: #000000;
}

/*end*/