﻿body {
}

  HTML .transp 
        {
	        BEHAVIOR: url('../../Javascript/png.htc');
         }
.clsCalendarPopupHeader
{
	background-image: url('../Images/CalendarPopup/Rollover_header.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader1
{
	background-image: url('../Images/CalendarPopup/Rollover_header1.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader2
{
	background-image: url('../Images/CalendarPopup/Rollover_header2.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader3
{
	background-image: url('../Images/CalendarPopup/Rollover_header3.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader4
{
	background-image: url('../Images/CalendarPopup/Rollover_header4.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader5
{
	background-image: url('../Images/CalendarPopup/Rollover_header5.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader6
{
	background-image: url('../Images/CalendarPopup/Rollover_header6.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupHeader7
{
	background-image: url('../Images/CalendarPopup/Rollover_header7.png');
	background-repeat: no-repeat;
    font-size: 14px;
    font-weight:bold; 
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    height: 35px;
   
}
.clsCalendarPopupBodyLeft
{
	 background-image: url('../Images/CalendarPopup/border_left.png'); 
	 background-repeat: repeat-y;
     background-position:left;
     font-size: 12px;
     width: 16px;
}

.clsCalendarPopupBody
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body.png'); 
	background-repeat: repeat-x;
}
.clsCalendarPopupBody1
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body1.png'); 
	background-color:#FECC72;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody2
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body2.png'); 
	background-color:#DB7C60;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody3
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body3.png');  
	background-color:#A1CAE8;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody4
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body4.png');  
	background-color:#98EDA2;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody5
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body5.png'); 
	background-color:#FE9172;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody6
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body6.png');  
	background-color:#B7A8DA;
	background-repeat: repeat-x;
}
.clsCalendarPopupBody7
{
	width:284px; 
	background-image: url('../Images/CalendarPopup/popup_body7.png');
	background-color:#B8B8B8;
	background-repeat: repeat-x;
}                            


.clsCalendarPopupBodyRight
{
	background-image: url('../Images/CalendarPopup/border_right.png'); 
	background-repeat: repeat-y;
    font-size: 12px; width: 16px;
}


.clsCalendarPopupBottomLeft
{
	background-image: url('../Images/CalendarPopup/border_bottom_left.png');
	 background-repeat: no-repeat;
    background-position:left;
    font-size: 12px; width: 16px; height: 16px;
}

.clsCalendarPopupBottom
{
	width:250px;
	 background-image: url('../Images/CalendarPopup/border_bottom.png');
	 background-repeat: repeat-x;
}


.clsCalendarPopupBottomRight
{
	background-image: url('../Images/CalendarPopup/border_bottom_right.png');
	 background-repeat: repeat-y;
   font-size: 12px; width: 16px;height: 16px;
}

/* classes for new roll over popup*/
.clsRolloverPopupHeader1 
{
	width:278px; 
	height:49px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverheader.png');
	background-repeat: no-repeat;
}

.clsRolloverPopupHeader2
{
	width:27px; 
	height:49px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverheader2.png');
	background-repeat:no-repeat;
}
.clsRolloverPopupBody1
{
	width:278px; 
	height:2px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverbody.png');
	background-repeat: repeat-y;
}

.clsRolloverPopupBody2
{
	width:27px; 
	height:2px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverbody2.png');
	background-repeat: repeat-y;
}

.clsRolloverPopupBottom1
{
	width:278px; 
	height:24px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverbottom.png');
	background-repeat:no-repeat;
}

.clsRolloverPopupBottom2
{
	width:27px; 
	height:24px;
	background-image: url('../Images/BackgroundImages/RolloverPopup/rolloverbottom2.png');
	background-repeat:no-repeat;
}

.clsArrow
{
	width:27px; 
	height:25px;
	src: url('../Images/BackgroundImages/RolloverPopup/arrow.png');
}
