﻿body 
{
	background-color:White;
margin: 0;
padding:0;
line-height:10px;
opacity: 0.8;


}
		TD
        {
            color: black;
            font-size: 11;
            font-family: Verdana;
			margin-left: 120px;
}

	.classtd
{
    background-image: url('Images/splash_03.gif');
    background-position: center center;
    background-repeat: repeat;
}
        .bot
        {
            text-decoration: none;
            font-size: 10;
            font-family: verdana,Arial;
            font-weight: bold;
            color: black;
        }

.copy
{
	font-size: 10;
	font-family: Cambria;
	color: black;
}        
.txtboxBs
{
	font-family:Calibri, Sans-Serif , Tohama ;
	border: 1px solid #666666;	
	height:15px;
}

.tdborder
{
	
	border: 1px solid #666666;
	background-color:#FFE4C4;
	
}

/*customer,supplier,purchase*/
.labels
{
    font-family: Calibri, Sans-Serif , Tohama;
    font-size: 2.5em;  
    font-weight:bold;
    color:White;
}

label
{
    font-family: Calibri, Sans-Serif , Tohama;
    font-size: 1.2em;  
    font-weight:normal;
}

.labeltab
{
    font-family: Verdana,Calibri,Cambria,Verdana,Arial,Times New Roman , Sans-Serif;
    font-size: .85em;  
   
}

/*main*/
.hlabel
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.1em;
	 font-weight: bold;
}

/*gridview headings*/
.shlabel
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.2em;
	color: White;
	font-weight: bold;
	
}
.shlabel1
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.2em;
	color: Black;
	font-weight: bold;
	
}

.checkbox
{
    font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
   font-size:.85em;
}

.rddirect1
{
    font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
    font-size: 1.5em;
    color: #660033;
    font-weight: bold;
    background-color: #C0C0C0;
}

.textbox
{
	font-family:Verdana,Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size:.75em;
	margin-left: 22px;
}

.textboxtab
{
	font-family:Verdana,Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif ;
	font-size:.85em;	
}
.textboxbal
{
	font-family:Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif ;
	font-size:.85em;
	height:16px;
	text-align:right;
}

/*bal textbox*/
.textboxb
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.4em;
	height: 25px;
	text-align: right;
	color: #009933;
	font-weight: bold;
}

/*invoice textbox*/
.textboxt
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1em;
	height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C4518A;
}

/*totals textbox*/
.textboxi
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .85em;
	height: 16px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFFF;
}
.textbox1
{

	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .85em;
	text-align: center;

	
}

.textboxgv
{
	border-style: none;
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .85em;
	background-color: #E5E5E5;
	
}
.textboxgv:hover textbox
{
	background-color: #000000;
}

.button
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .75em;
	font-weight: bold;
	width: 70px;
	background-color: #0080C0;
	color: #FFFFFF;
	margin-bottom: 0px;
	height: 22px;
}

.button1
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .75em;
	font-weight: bold;
	width: 70px;
	background-color: #0080C0;
	color: #FFFFFF;
	margin-bottom: 0px;
	height: 22px;	
}

.error
{
	font-family:Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif ;
	font-size:.85em;
	color:Red;	
}

/*gridview*/
.header
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1em;
	background-color: #0080C0;
	color: #FFFFFF;
	text-align:left;
	width: 520px;
	height:30px;
	line-height:25px;
}
.Purchaseheader
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1em;
	background-color: #0080C0;
	color: #FFFFFF;
	text-align:left;
	width: 765px;
	height:30px;
	line-height:25px;
	font-weight: 700;
}
.row
{
	font-family:Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif ;
	font-size:.85em;	
	
}

.bal
{
    font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
    font-size: 1.4em;
    height: 25px;
    text-align: right;
    color: Red;
   
}

.tot
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}

.autoc
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .90em;
	
}

.AutoExtender
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	border: solid 1px #006699;
	line-height: 20px;
	padding: 2px;
	background-color: White;
	width: 350px;
	
}
   
   .drop
   {
   	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	line-height: 20px;
	padding: 2px;
	width: 200px;
   	border-bottom: dotted 1px #006699;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
	
	padding: 0 18px;
  Height:40px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 10px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /*background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  */
  
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  line-height:1px;
   } 
       
 .AutoExtenderList
{
	border-bottom: dotted 1px #006699;
	cursor: pointer;
	color: Maroon;	
}

.AutoExtenderHighlight
  {
     color: White;
     background-color: #006699;
	cursor: pointer;
  }
  
  .ii
{
	color: #FFFFFF;
	background-color: #0000FF;
	height:30px;
	width:77%;
}

/*----- grid view  ----*/
.pages
{
	background-color: #666666;
	color: White;
	text-align: Center;
	font-weight: bold;
	font-size: 13px;
	font-family: Cambria;
}
.rows
{
	background-color: #C5BBAF;
	color: #333333;
	text-align: Center;
	font-weight: bold;
	font-size: 13px;
	font-family: Cambria;
}

.headers
{
	background-color: #1C5E55;
	color: White;
	text-align: Center;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana,Cambria;
}

.linkbtn
{
	font-family: Verdana,Cambria;
	font-size: 12px;
	font-weight: bold;	
	color: Blue;
	background-color:#FFFFFF
}

 .highlight {
                text-decoration:none; font-weight:bold;
                color:black; background:yellow;}
                
                
 .linkbtn:hover
 {
    font-weight: bold;
	color: #FFFFFF;
	background-color:#1C5E55
 }
 
 .ListSearchExtenderPrompt
{
	color: #800000;
	
	font-size: 10px;
	font-weight: bold;
	background-color: white;
	height: 25px;
	font-family: verdana;
}

.logo
{
	font-size: 20px;
	font-weight: bold;
	font-family: Cambria;
	color: Red;
	
}

/*****Reports***/
.buttonrpt
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: .85em;
	font-weight: bold;
	width: 70px;
	background-color: #C7DAFA;
	color: #800000;
}

.tab
{
	background-color: #CCCCFF;
}

.textboxG
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.4em;
	height: 30px;
	text-align: left;
	color: #FF0000;
	font-weight: bold;
	width:100%;
}

.checkmodule
{
	font-family: Calibri;
	font-size: .85em;
	font-weight: bold;
	font-style: normal;
	color: #FF0080;
}
.divvail1
{
	padding: 20px;	
	font-size: 12px;
	
	color:#000000;
	font-weight:bold;
	background-color: #275961;
	border-bottom: 1px solid #999;
    height: 60px;   
}
.maindiv
{
	border-left: 1px solid #b3c0c8;
	border-right: 1px solid #b3c0c8;
	border-top: 1px solid #9eb9c2;
	border-bottom: 1px solid #b4ccce;
	text-shadow: 0 1px white;
		margin-left:0px;	border-radius:5px 5px 5px 5px;width:99%; 
		height: 40%;	background-color:#eff4f7;	outline: 0;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	width:912px;
}
.searchdiv
{
    color:DarkOrange;
    font-family:Calibri, Sans-Serif , Tohama;
    font-size:1.2em;     
    font-weight:normal;
    
    margin-top:25px;
	border-left: 1px solid #b3c0c8;
	border-right: 1px solid #b3c0c8;
	border-top: 1px solid #9eb9c2;
	border-bottom: 1px solid #b4ccce;
	text-shadow: 0 1px white;
		margin-left:0px;	border-radius:5px 5px 5px 5px;width:99%; 
		height: 40%;	background-color:#eff4f7;	outline: 0;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  background-image: linear-gradient(to bottom, #eff4f7, #eff4f7);
  	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	width:280px;
  	height:550px;
}

.categorydiv
{
    color:DarkOrange;
    font-family:Calibri, Sans-Serif , Tohama;
    font-size:1.2em;     
    font-weight:normal;    
    margin-top:20px;
	border-left: 1px solid #b3c0c8;
	border-right: 1px solid #b3c0c8;
	border-top: 1px solid #9eb9c2;
	border-bottom: 1px solid #b4ccce;
	text-shadow: 0 1px white;
		margin-left:310px;	border-radius:0px 0px 0px 0px;width:99%; 
		height: 40%;	background-color:#eff4f7;	outline: 0;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  background-image: linear-gradient(to bottom, #eff4f7, #eff4f7);
  	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	width:1020px;
  	height:80px;
}
.QUERYLBL {
    color: #00a8c3;
    line-height: 20px;
    padding: 2px;
    display: block;
    float: left;
    margin-top:15PX;
    margin-left:310PX;
    font-size:large;
    text-transform:lowercase;
}
.searchdatadiv
{
    overflow:auto;
    color:DarkOrange;
    font-family:Calibri, Sans-Serif , Tohama;
    font-size:1.2em;     
    font-weight:normal;    
    margin-top:60px;
	border-left: 1px solid #b3c0c8;
	border-right: 1px solid #b3c0c8;
	border-top: 1px solid #9eb9c2;
	border-bottom: 1px solid #b4ccce;
	text-shadow: 0 1px white;
		margin-left:310px;	border-radius:0px 0px 0px 0px;width:99%; 
		height: 40%;	background-color:#eff4f7;	outline: 0;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  background-image: linear-gradient(to bottom, #eff4f7, #eff4f7);
  	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	width:1020px;  	
}
.categorydiv td
{
   height:72px;
   width:70px;
   border:1px solid #ccc;   
}
.GridbtnStyle 
{
    min-width: 80px;    
    background-color: #0000FF;
    display: inline-block;
    color: #FFFF00;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
	height: 35px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #0000FF;
}
.GridbtnStyle:disabled 
{
    min-width: 80px;    
    background-color: #999999;    
    display: inline-block;
    color: #CCCCCC;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
    
}
.GridbtnStyle:disabled:hover {
    background-color: #999999;
    cursor: pointer;
    color: #CCCCCC;
    
}
.GridbtnStyle:hover {
    background-color: #FFFFB5;
    cursor: pointer;
    color: Black;
}
.GridbtnStyle:active {
	position:relative;
	top:1px;
}

.btnStyle 
{
    min-width: 80px;    
    background-color: #E56717;
    display: inline-block;
    color: #FFFFFF;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
	border-radius:5px 5px 5px 5px;
	border:1px solid #E56717;
}
.btnStyle:disabled 
{
    min-width: 80px;    
    background-color: #999999;    
    display: inline-block;
    color: #CCCCCC;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
    
}
.btnStyle:disabled:hover {
    background-color: #999999;
    cursor: pointer;
    color: #CCCCCC;
    
}
.btnStyle:hover {
    background-color: #BD3F00;
    cursor: pointer;
    color: #FFFFFF;
}
.btnStyle:active {
	position:relative;
	top:1px;
}
.btnStyle1
{
    min-width: 80px;    
    background-color:#0094EC;
   
    color: White;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
    text-align:center;
	height: 35px;
	width:100%;
	border:1px solid #eff4f7;
}
.btnStyle1:disabled 
{
    min-width: 80px;    
    background-color: #999999;    
    display: inline-block;
    color: #CCCCCC;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 9px;
    text-decoration: none;
    
}
.btnStyle1:disabled:hover {
    background-color: Red;
    cursor: pointer;
    color: #CCCCCC;
    
}
.btnStyle1:hover {
    background-color: Red;
    cursor: pointer;
    color: White;
}
.btnStyle1:active {
	position:relative;
	top:1px;
}


#container {
bottom: 0px ;
left: 20px ;
position: fixed ;
width: 90% ;
height:210px;
}
 
#inner {
background-color: #F0F0F0 ;
border: 1px solid #666666 ;
border-bottom-width: 0px ;
padding: 20px 20px 100px 20px ;
height:210px;
}
#container1 {
overflow:auto;
left: 20px ;
width: 80% ;
background-color: #F0F0F0 ;
border: 1px solid #666666 ;
border-bottom-width: 0px ;
padding: 20px 20px 100px 20px ;
height:230px;
}


.kotgrid
{
  font-family:Arial, Verdana, Sans-Serif, Helvetica;
  font-size:15px; padding:0; margin:0;
text-decoration:none;
border: solid 1px #CBDCEA;		
}

.kotgrid th
{		
    color:#FFCC00;	
    background-color:Black; line-height:40px;	
    font-weight:bolder; font-size:20px; text-align:center;
    font-family:Verdana;
    padding-left:5px;
    position:relative; 
    border:solid 2px #7AA5D6;
}

.kotgrid th a
{
    height:30px;
    font-weight:lighter;
    font-size:20px;
    color:#ccc; 
    font-weight:bold;
    text-decoration:none;
    line-height:20px;
}

.kotgrid td
{
    text-align:center;
    color:Black;
    font-family:Calibri;
    font-size:3.0em;
    background:black; border-bottom:solid 1px #C9DBEF;line-height:20px;height:30px;
}

.kotgrid td, .kotgrid .alt td
{
    font-weight:lighter; font-size:15px;
    padding:0px 2px 0px 2px;
    line-height:20px; cursor:pointer;
    
}

.kotgrid1
{
  font-family:Arial, Verdana, Sans-Serif, Helvetica;
  font-size:15px; padding:0; margin:0;
text-decoration:none;
border: solid 1px #CBDCEA;	
width:100%;	
}

.kotgrid1 th
{		
    color:#FFCC00;	
    background-color:Black; line-height:40px;	
    font-weight:bolder; font-size:20px; text-align:center;
    font-family:Verdana;
    padding-left:5px;
    position:relative; 
    border:solid 2px #7AA5D6;
}

.kotgrid1 th a
{
    height:30px;
    font-weight:lighter;
    font-size:20px;
    color:#ccc; 
    font-weight:bold;
    text-decoration:none;
    line-height:20px;
}

.kotgrid1 td
{
    text-align:center;
    color:Black;
    font-family:Calibri;
    font-size:3.0em;
    background:Black; border-bottom:solid 1px #C9DBEF;line-height:20px;height:30px;
}

.kotgrid1 td, .kotgrid1 .alt td
{
    font-weight:lighter; font-size:15px;
    padding:0px 2px 0px 2px;
    line-height:20px; cursor:pointer;
    
}


.bookinggrid
{
  font-family:Arial, Verdana, Sans-Serif, Helvetica;
  font-size:30px; padding:0; margin:0;
	text-decoration:none;
	border: solid 1px #CBDCEA;
	top: 210px;
	left: 100px;
	height: 310px;
	width: 691px;
	font-weight:bold;
}

.bookinggrid th
{		
    color: 	#2F4F4F;	
    text-shadow: 0 1px #2F4F4F;
    background-color:WhiteSmoke;
    line-height:30px;	
    font-weight:bold; font-size:30px; text-align:center;
    padding-left:5px;
    position:relative; 
    border-bottom:solid 2px #7AA5D6;
}

.bookinggrid th a
{
    height:25px;
    font-weight:bold;
    font-size:25px;
    color:#ccc; font-weight:bold;
    text-decoration:none;
    line-height:25px;
}

.bookinggrid td
{
    text-align:center;
    color:Black;
    
    background:#ffffff; border-bottom:solid 1px #C9DBEF;line-height:25px;height:25px;
}

.bookinggrid td, .bookinggrid .alt td
{
    
    padding:0px 2px 0px 2px;
    line-height:25px; cursor:pointer;
    font-weight:bold;
    font-size:20px;
}

.bookinggrid .alt td
{
    
    background:#ccc;	
}



.delbutton
{
	border-color: #0C0A0A #0C0A0A #0C0A0A;
	border-width:0px;
	border-radius:40px 40px 40px 40px;
	background:#0C0A0A url('images/Button-Delete-icon.png') center;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.closebutton
{
	border-color: #0C0A0A #0C0A0A #0C0A0A;
	border-width:0px;
	border-radius:40px 40px 40px 40px;
	background-repeat:no-repeat;
	background:#0C0A0A url('images/close.png') center;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.logoutbutton
{
	border-color: #0C0A0A #0C0A0A #0C0A0A;
	border-width:0px;
	border-radius:10px 10px 10px 10px;
	background-repeat:no-repeat;
	background:#0C0A0A url('images/logout.png') no-repeat center;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}

 .dropdownlist
   {
   	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	border: solid 1px #006699;
	line-height: 20px;
	padding: 2px;
	background-color: White;
	width: 350px;
   	border-bottom: dotted 1px #006699;
	cursor: pointer;
	color: Maroon;	
	
   } 
   
   
   .unpickeditemgrid
	{
	  font-family:Arial, Verdana, Sans-Serif, Helvetica;
	  font-size:30px; padding:0; margin:0;
		text-decoration:none;
		border: solid 1px #CBDCEA;
		top: 210px;
		left: 100px;
		height: 310px;
		width: 691px;
		font-weight:bold;
	}

.unpickeditemgrid th
{		
    color: White;	
    text-shadow: 0 1px #2F4F4F;
    background-color:Black;
    line-height:30px;	
    font-weight:bold; 
    font-size:30px; text-align:center;
    padding-left:5px;
    position:relative; 
    border-bottom:solid 2px #7AA5D6;
}

.unpickeditemgrid th a
{
    height:25px;
    font-weight:bold;
    font-size:25px;
    color:White; font-weight:bold;
    text-decoration:none;
    line-height:25px;
}

.unpickeditemgrid td
{
	
    text-align:left;
    color:White;    
    background:Black; 
    border-bottom:solid 1px #C9DBEF;
    line-height:25px;height:25px;
}

.unpickeditemgrid td, .bookinggrid .alt td
{
    color:White; 
    padding:0px 2px 0px 2px;
    line-height:25px; cursor:pointer;
    font-weight:bold;
    font-size:20px;
}

.unpickeditemgrid .alt td
{
    
    background-color:Black;	
}


.Grid {background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252;
        border-collapse:collapse; font-family:Calibri; color: #474747;width:100%;}
.Grid td {
      padding: 2px;
      border: solid 1px #c1c1c1; }
.Grid th  {
      padding : 4px 2px;
      color: #fff;
      background: #363670 url('NEW%20CSS/Images/grid-header.png') repeat-x 50% top;
      border-left: solid 1px #525252;
      font-size: 1.2em; }
.Grid .alt {
      background: #fcfcfc url('NEW%20CSS/Images/grid-alt.png') repeat-x 50% top;
}
.Grid .pgr {background: #363670 url('NEW%20CSS/Images/grid-pgr.png') repeat-x 50% top;
}
.Grid .pgr table { margin: 3px 0; }
.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.Grid .pgr a { color: Gray; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }






 /* The Modal (background) */
.newmodalpopup {
  
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    bottom: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0,0.4); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
    
}

/* Modal Content */
.newmodalpopup-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
 
}

.newmodalpopup-header {
    padding: 2px 20px;
    background-color: #F62217;
    color: white;
    height:68px;
}

.newmodalpopup-body {padding: 2px 16px;}

.newmodalpopup-footer {
    padding: 2px 16px;
    background-color: #fefefe;
    color: Black;
}
/* The Close Button */
.close 
{
	z-index:50;
    color: Red;
    float: left;
    font-size: 28px;
    font-weight: bold;
    width:64px;
    height:65px;
    background-image:url('../images/closebtn.png');
    background-color:Transparent;
    margin-top:-70px;
    margin-right:-60px;
	border:0px;    
}

.close:hover,
.close:focus 
{
	z-index:50;
    color: Red;
    text-decoration: none;
    cursor: pointer;
    font-size: 28px;
    font-weight: bold;
    width:64px;
    height:65px;
    background-color:Transparent;
    
}

.okbtn 
{
	z-index:50;
    color: Red;
    float: right;
    font-size: 28px;
    font-weight: bold;
    width:64px;
    height:65px;
    margin-right:0px;
    background-image:url('../images/closebtn.png');
    background-color:Transparent;
}

.okbtn:hover,
.okbtn:focus 
{
	z-index:50;
    color: Red;
    text-decoration: none;
    cursor: pointer;
    font-size: 28px;
    font-weight: bold;
    width:64px;
    height:65px;
    background-color:Transparent;
    
}


.container-4 {
  position: relative;
  z-index: 0;
  height: 44px;
  background-color: #a2beda;
}

.Gridlabel1
{
	font-family: Cambria,Verdana,Calibri,Verdana,Arial,Times New Roman , Sans-Serif;
	font-size: 1.2em;
	color: Black;
	font-weight: bold;
	text-align:justify;
}