.inventorylog_green
{
    background:#b7ddb8;
}

.inventorylog_red
{
    background:#ddb7b7;
}



.containerbutton
{
    FONT-FAMILY: Verdana,Arial;
    font-size:7pt;
    padding:0px;
    margin:0px;
   
    FONT-WEIGHT: normal
}

.small, .smalltextbox, .smallbutton
{
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: normal
}
.smallbold
{
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: bold
}
.medium
{
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.mediumbold
{
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}

.error
{
    margin-top:5px;
    padding-left:5px;
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: normal;
    color:Red;
}

.erroritem
{
    border:1px solid red;
    background:#e1cbcb;
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: normal;
}


.chkboxclass
{
    padding-top:20px;
    margin-top:20px;
}


.maincontainer
{
    margin-left:15px;
    margin-top:30px;
    background-color:#FFFFFF;
    border:1px solid #666666;
}


.maincontainer .maintitle
{
    margin-left:5px;
    margin-top:5px;
    margin-right:5px;
    color:#666666;
    font-size:15px;
    font-weight:bold;
    font-style:italic;
    border-bottom:3px solid #999999;
    
}

.maincontainer .maintitlebutton
{
     FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: normal
}



.subcontainer
{
    border:1px solid #b0afaf;
    margin:5px;
    
}

.subcontainer .subtitle
{
    background:#8B8B8B;
    color:#FFFFFF;
    border-bottom:1px solid #b0afaf;
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 7.5pt;
    FONT-WEIGHT: bold;
    padding:4px;
    
}

.subcontainer .subcontent
{
    padding:5px;
    background:#f4f5f6;
}





.emsgrid
{
    font-family:Verdana;
    color:#666666;
    font-size:7.5pt;
    margin-Left: 5px;    
    /*margin-top:10px;*/
    margin-right:5px;
    margin-bottom:5px;
    border: solid 1px #525252;    
    
}

.emsgrid th {    
    padding: 4px 2px;    
    color: #fff;    
    background: url(../images/headerback.png) repeat-x top;    
    border: solid 1px #525252; 
    font-family:Verdana;
    font-size:7.5pt;
    font-weight:bold;
}

.emsgrid td {    
    padding-left: 4px;    
    border: solid 1px #c1c1c1;    
    color: #444444;    
}   

.emsgrid .alt
{
   background:#d1d8dc;
       
}


.emsgrid .row
{
    background:#e1e7ea;
}

.emsgrid .row::after
{
            content:initial !important;
        }
.emsgrid .row::before {
            content:initial !important;
        }
.emsgrid .pager
{
    /*background: url(../images/pagerback.png) repeat-x top;*/
    background-color:#878787;
}


.emsgrid .footer
{
   background:#5D7B9D; 
   
}

.emsgrid .pager table { margin: 5px 0; }

.emsgrid .pager td {    
    border-width: 0;    
    padding: 0 6px;        
    font-family:Verdana;
    font-size:7.5pt;
    font-weight:bold;
    color:#FFFFFF;    
    line-height: 12px;    
 }

.emsgrid tr.tr_row:hover
{
    background:#cccccc;
}

/*MENU CSS */


.menuItem
{
    color: #FFFFFF;
    background-color: #596870;
    margin: 0px;
    padding: 2px;
    font-weight: bold;
    font-family: Verdana,Arial;
    font-size: 7.5pt;
    padding: 5px;
    border: Solid 1px #FFFFFF;
}

    .menuItem:hover
    {
        color: #000000;
        border: Solid 1px #FFFFFF;
        background-color: #ffffff;
    }

.level1 li
{
    border: Solid 1px #FFFFFF;
}


/*.menuItem td
        {
            color:#FFFFFF;
            border:Solid 1px #FFFFFF;
            background-color:#596870;
            margin:0px;
            padding:2px;
            font-weight:bold;
            FONT-FAMILY: Verdana,Arial;
            FONT-SIZE: 7.5pt;
        }*/


/*.menuItem td:hover
{
    background-color:#FFFFFF;
    color:#000000;
    font-weight:bold;
            FONT-FAMILY: Verdana,Arial;
            FONT-SIZE: 7.5pt;
    
} */





/*GRID STYLES*/
/* No wrapping */
.wgnowrap { white-space: nowrap; }

.wggrid
{
	text-align: left;
/*	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
*/}

/* This class is used in the "total" summary in WebGrid window. */
.wgtotal
{
	padding:3px;
	font-weight:bold;
	border-top: 1px solid #FDCA89;  
	border-bottom: 2px solid #FDCA89;  
	text-align:left;
	vertical-align:middle;
		
}

/* header splitter class */
.wgheadersplitter 
{
	 padding: 0 0 0 0;
	 position:absolute;
	 top: 0px; 
	 right: 0px; 
	 height: 100%; 
	 width: 4px;
	 background-image: url(./images/cellsplitter.gif);
}

.wgrequiredcolumn
{
	width:1px;
}

.wgContextMenu
{
	background: #ffffff;
	border: 1px solid #8f8f73;
	padding: 2px;
}
.wgItemDisabled
{
	background-color: #ffffff;
}
.wgItemChecked .wgItemOut
{
	background-color: #ffffff;
}
.wgItemOver 
{
	background-color: #cccccc;
}
.wgItemOver, .wgItemOut
{
	cursor: hand;
}
.wgText
{
	padding: 1px 10px 1px 3px;
}
.wgSplitter
{
	position: absolute;
	height: 100px;
	width: 1px;
	background: red;
}
.wgHeaderContent
{
	float: left;
}

.wgheadercell
{
	margin: 3px;
	height:	16px;
	position:relative;

}

/* loading message for WebGrid when ajax is enabled */
.wgloading
{
	background-color:#CF4342;
	color:White;
	padding-left: 5px;
	padding-right:5px;
	position:absolute;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
  
	right:10px;
	top:10px;
	z-index:9999;
}

span.wgtool {
  position: relative; 
  cursor: help;
}
 
span.wgtool span.wgtip {
  display: none;        
}

/* WebGrid ToolTip */ 
span.wgtool:hover span.wgtip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  opacity: 0.70; /* Safari, Opera and Mozilla */
  filter: alpha(opacity=70); /* IE */

  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #238DCC;
  text-align: left;
         
}



/* This class is used in one cell for the summary field in WebGrid window. */
.wgtotalcell
{
	padding:3px;
	font-weight:bold;
	border-top: 1px solid #FDCA89;  
	border-bottom: 2px solid #FDCA89;  

	text-align:right;
	vertical-align:middle;
}
/* This class is used when displaying images from a datasource */
.wgimage 
{
	border: 1px solid #C0C0C0;
	margin: 0px 0px 0px 0px;
}

/* Background colour for a row in WebGrid window (applies also to titles, headers, and more.) */
tr.wgrow{

 }

/* Background colour for every second row in WebGrid (applies only to every second row in overview window)*/
tr.wgrow2{
 }

/* This class is affects errors rendered by WebGrid window.*/
.wgsystemmessagebox 
{
	color:red;
	margin-bottom: 5px;
	border: 1px solid #C1D9F0;
	background-color: #FAFAFA;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* This class is used where the error is rendered. */
.wgsystemmessagetitle
{
	padding-left: 3px;
	padding-right: 3px;
	color:red;
	font-weight:bold;
}

/* This class is affects the area where 'New Record', 'Update records', and pager are being rendered. */
.wgmiscbox 
{
	padding-top:3px;
}

/* This class affects the NewRecord and update rows link*/
.wgnewrecord ,.wgupdaterecords, .wgupdaterecord, .wgclosewindow, .wgerrorreport
{
	font-weight:bold;
	color:#238DCC
}

/* This class encloses the entire editor in Edit mode (detail mode) */
.wgmainedit
{
	border-left: 1px solid #C1D9F0;
	border-right: 1px solid #C1D9F0;
	border-bottom: 1px solid #C1D9F0;
	background-color: #FAFAFA;
	font-family:Arial;
	font-size : 12px;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}


/* HACK FOR FIREFOX.. Makes firefox render the CSS correctly.*/
.wgtitle, foo:-moz-any-link
{

}

/* This class affects the title text in both grid and edit mode */
.wgtitle	
{
	color: #496250;	
	font-weight: bold;
	background:url('../images/body-top.gif') repeat-x top #FFF;
	padding:3px;
}

/* This class affects the title text in both grid and edit mode */
.wgtoolbargrid, .wgtoolbaredit	
{
	color: #666666;
	background-color: #E7F0FB;
	font-weight:bold;	
	
}

.wgsearchfieldborder
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

/* This class affects the search box in toolbargrid */
.wgsearchfield 
{
	width: 80px;
	color: Black;
}

/* This class affects the header of the grid (applies to grid mode) */
.wgheader 
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0 0 0 0;
	width:100%;
}

/* This affects the tables rendered for 'RecordsPerRow' property.*/
.wgrecordsperrow
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}

/* Radiobuttons for Foreignkey */
.wgradiobuttons 
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}
/* Many to Many border */
.wgmanytomany
{
	border:1px;
}


/* This class affects the headding text columns in grid mode. */
.wgheadercolumn
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #E7F0FB;
	color: #666666;
	font-weight: bold;
	height:100%;
}



/* This class affects a row, mainly used for padding.*/
.wgrow
{
	padding-bottom: 2px;
	padding-left: 3px; 
	padding-top: 2px;
	padding-right: 3px;
}

/* This class affects column that spans over columns or rows */

.wgrowspan
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}


/*This class affects areas where you can edit datasource content */
.wgeditfield 
{
	color:black;
	text-align:justify;
	vertical-align:middle;
	color: #443;
	outline: none;
	border: 1px solid #aaa; 
}





/* This class encloses the entire editor in grid mode (overview mode) */
.wgmaingrid
{
	border-left: 1px solid #C1D9F0;
	border-right: 1px solid #C1D9F0;
	border-bottom: 1px solid #C1D9F0;
	border-top: 1px solid #C1D9F0;
	background-color: #FAFAFA;
	font-family:Arial;
	font-size : 12px;	
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

a.wgnewrecord, a.wgsearch, a.wgupdaterecord,a.wgupdaterecords, a.wgclosewindow, a.wgerrorreport
{
    text-decoration:none;
	color: Black;
}

a.wgnewrecord:hover, a.wgsearch:hover, a.wgupdaterecord:hover, a.wgupdaterecords:hover , a.wgclosewindow:hover, a.wgerrorreport:hover
{
	text-decoration:underline;
	color: Black;
}


/* Color on clickable columns */
a.wglinkfield
{
	color: Black;
	text-decoration:none;
}

/* Color on the headding */
a.wgheadercolumn {
	color : Black;
	text-decoration:none;
}

/* Class that affects the Pager border */
.wgpager
{
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
	vertical-align:middle;
}

/* Class that affects the Pager (page navigation)  */
a.wgpagerunselected:link, a.wgpagerunselected:visited,
a.wgpagerall:link, a.wgpagerall:visited
{
	color: Black;
	text-align:center;
	text-decoration:none;
}

/* This class affects the selected item in the Pager (page navigation)*/
.wgpagerselected
{
	font-weight:bold;
	text-align:center;
}
/* This class affects heading all WebGrid hyperlinks */
a.wgheadercolumn:hover,a.wglinkfield:hover,a.wgpagerunselected:hover,
a.wgpagerall:hover{
	text-decoration: underline;
}

/*

The Cascading stylesheets found below is menu system being used for
a WebGrid window.
*/


.wgmenu
{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
	border:0px;
}

/* This class is used to render background color for WebGrid menu 
	choice that are not in use. */
.wginactivemenu 
{
color: White;
padding: 0 7px 0 7px;
font-weight: bold;
font-family:Arial;
font-size: 13px;
}

/* This class is used to render background color for WebGrid menu 
	choice that are active. */
.wgactivemenu 
{
color: Black;
padding: 0 7px 0 7px;
font-weight: bold;
font-family:Arial;
font-size: 13px;
}

.wgmenuspacing
{
	width: 0px;
}

/* this class is placeholder for the images and WebGrid menu */
.wgmenunavigation a
{
text-decoration:none;
padding: 0 0 0 0;
border-spacing: 0px;
border-collapse: separate;
}

.wgmenunavigation
{
	border-width:1px;
	text-align:center;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	font:12px arial,helvetica;
	height:29px;

}
/* this class is placeholder for the images and WebGrid menu */
.navigation a:hover
{
text-decoration:underline;
}

/* CSS USED TO CREATE 'ROUNDED CORNERS' */

.wgcontainer  
{
	margin:0 0; 		
}

.wgrtop, .wgrbottom{
	display:block;
	font-size:3px;
	background:transparent; 
}

.wgrtop *, .wgrbottom *{
	display: block;
	height: 3px;
	overflow: hidden;
	font-size:3px;	
}

.wgr1{margin: 0 4px;}
.wgr2{margin: 0 2px}
.wgr3{margin: 0 1px}
.wgr4{margin: 0 0 0 1px; height: 1px}

.wgrl1 {margin: 0 0 0 4px; }
.wgrl2 {margin: 0 0 0 2px; }
.wgrl3 {margin: 0 0 0 1px; }
.wgrl4 {margin: 0 0 0 1px; height: 1px;}

.wgrr1 {margin: 0 4px 0 0; }
.wgrr2 {margin: 0 2px 0 0; }
.wgrr3 {margin: 0 1px 0 0; }
.wgrr4 {margin: 0 1px 0 0; height: 1px;}

.wgtextbutton, .wgclosewindow, .wgerrorreport, .wgnewrecord, .wgupdaterecord,.wgupdaterecords, .wgsearch,
.wgPagerFirstTemplate, .wgPagerPreviousTemplate, .wgPagerNextTemplate, 
.wgPagerLastTemplate, .wgpagerall, .wgpagerselected, .wgpagerunselected

{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #8DB2E3;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #E7F0FB;
	font-size: 90%;
	background-repeat:no-repeat;
    background-position: 3px 3px;
}

.wgclosewindow
 {
    background-image: url(./images/exit.gif);
    padding-left: 22px;
 }

.wgerrorreport
 {
    background-image: url(./images/error.gif);
    padding-left: 22px;
 }


.wgnewrecord
 {
    background-image: url(./images/add.gif);
    padding-left: 22px;

 }

.wgupdaterecords
 {
    background-image: url(./images/updaterows.gif);
    padding-left: 22px;

 }

.wgupdaterecord
 {
    background-image: url(./images/update.gif);
    padding-left: 22px;

 }
 
.wgsearch
 {
    background-image: url(./images/find_text.gif);
    padding-left: 22px;

 }


.wgtextbutton:link, .wgclosewindow:link, .wgerrorreport:link, .wgnewrecord:link, .wgupdaterecord:link, .wgupdaterecords:link,.wgsearch:link,
.wgPagerFirstTemplate:link, .wgPagerPreviousTemplate:link, .wgPagerNextTemplate:link, 
.wgPagerLastTemplate:link, .wgpagerall:link, .wgpagerselected:link, .wgpagerunselected:link
{
	text-decoration: none;
	background-color: #E7F0FB;
}

.wgtextbutton:visited, .wgclosewindow:visited, .wgerrorreport:visited, .wgnewrecord:visited, .wgupdaterecord:visited,.wgupdaterecords:visited, .wgsearch:visited,
.wgPagerFirstTemplate:visited, .wgPagerPreviousTemplate:visited, .wgPagerNextTemplate:visited, 
.wgPagerLastTemplate:visited, .wgpagerall:visited, .wgpagerselected:visited, .wgpagerunselected:visited
{
	text-decoration: none;
	background-color: #E7F0FB;
}

.wgtextbutton:active, .wgclosewindow:active, .wgerrorreport:active, .wgnewrecord:active, .wgupdaterecord:active,.wgupdaterecords:active, .wgsearch:active,
.wgPagerFirstTemplate:active, .wgPagerPreviousTemplate:active, .wgPagerNextTemplate:active, 
.wgPagerLastTemplate:active, .wgpagerall:active, .wgpagerselected:active, .wgpagerunselected:active
{
	text-decoration: none;
}

.wgtextbutton:hover, .wgclosewindow:hover, .wgerrorreport:hover, .wgnewrecord:hover, .wgupdaterecord:hover,.wgupdaterecords:hover, .wgsearch:hover,
.wgPagerFirstTemplate:hover, .wgPagerPreviousTemplate:hover, .wgPagerNextTemplate:hover, 
.wgPagerLastTemplate:hover, .wgpagerall:hover, .wgpagerselected:hover, .wgpagerunselected:hover
{
	text-decoration: underline;
	background-color: #8DB2E3;
}

.wgmenulinkinactive {
	color:#EFEFEF;
 }
 
.wgmenulinkinactive:hover {
	color:#EFEFEF;
	text-decoration: underline;	 
 }
 
.wgmenulinkactive{ 	
	color: Black;
	font-weight: bold;	 
}

.wgmenulinkactive:hover { 	
	color: Black;
	font-weight: bold;	
	text-decoration: underline;	  
}
.wglefttab_off 
{
	background:url('./images/tab_off_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	display:inline;
	padding-bottom:0px;
}
.wglefttab_on 
{
	background:url('./images/tab_on_l.gif') no-repeat bottom;
	width:6px;height:29px;
	float:left;
	display:inline;
}
.wgrighttab_off 
{
	background:url('./images/tab_off_r.gif') no-repeat bottom right;
	width:auto;
	float:left;
	display:inline;
	padding:10px 12px 0 4px;
	height:19px;
}
.wgrighttab_on 
{
	background:url('./images/tab_on_r.gif') no-repeat bottom right;
	width:auto;
	float:left;
	display:inline;
	padding:10px 12px 0 4px;
	height:19px;
}

.wginactivemenu
{
}

.wginactivemenu:hover
{
}

.wgactivemenu
{
}

.wgshadowcontainer {
	position: relative;
	padding: 0 0 0 0;
	border-spacing: 0px;
	border-collapse: separate;
}

.wgshadowcontainer .wgshadow2,
.wgshadowcontainer .wgshadow3,
.wgshadowcontainer .wgcontainer {
	position: relative;
	left: -1px;
	top: -1px;
}

.wgshadowcontainer .wgshadow1 
{
		background: #F1F0F1;
}

.wgshadowcontainer .wgshadow2 
{
		background: #DBDADB;
}

.wgshadowcontainer .wgshadow3 
{
		background: #B8B6B8;
}

.wgshadowcontainer .wgcontainer 
{
		background: #ffffff;
}
.wgshadowspacing 
{
	position: relative;
	left: -3px;
	top: -3px;
}

/* Floating Windows */

	.webgrid_window{
		width:300px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.9em;
		position:absolute;
		overflow:hidden;	
		z-index:10000;	
		
		
	}
	.webgrid_window div{
		position:relative;
	}
	.webgrid_window .webgrid_window_top{
		width:100%;
		height:17px;
		position:relative;
		background-color: #707070;
		
		
	}
	
	.webgrid_window .top_buttons{
		float:right;
		z-index:10;
		position:absolute;
		right:0px;
		width:35px;
		
		
	}
	.top_buttons img{
		float:left;
		padding-left:2px;
		
	}
	.webgrid_windowMiddle{
		border-left:3px solid #707070;
		
	}
	.webgrid_windowContent{
		border-right:3px solid #707070;
		padding-left:5px;
		padding-right:2px;

		height:100%;
		overflow:hidden;
		background-color:#FFF;
	}
	.webgrid_window_bottom{
		border-left: 3px solid #707070;
		border-right:3px solid #707070;
		border-bottom: 3px solid #707070;
		position:relative;
		height:0px;
		background-color:#FFFFFF;
	}
	.webgrid_window_bottom img{
		float:right;
	}
	.topCenterImage{
		position:absolute;
		left:3px;
		width:5000px;
		height:17px;
	}
	.resizeImage{
		position:absolute;
		right:1px;
		bottom:1px;
	}
	
	




/* CSS FOR PROGRESS OVERLAY */

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


/* END PROGRESS OVERLAY */

	
	
	
	
	
	
	
	/*CSS FOR THE DATE PICKER */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*END CSS FOR DATE PICKER */