/* Styles regarding Modal Popup */
/* ---------------- Start ---------------- */
#modalPage
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
}
.modalBackground
{
	filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
	width: 100%; height: 100%; background-color: #999999;
	position: absolute;
	z-index: 500;
	top: 0px; left: 0px;
}
.modalContainer
{
	position: absolute;
	width: 300px;
	left: 50%;
	top: 50%;
	z-index: 750;
}
.modal
{
	background-color: white;
	border: solid 4px black; position: relative;
	top: -150px;
	left: -150px;
	z-index: 1000;
	width: 300px;
	height: 300px;
	padding: 0px;
}
.modalTop
{
	width: 292px;
	background-color: #000099;
	padding: 4px;
	color: #ffffff;
	text-align: right;
}
.modalTop a, .modalTop a:visited
{
	color: #ffffff;
}
.modalBody
{
	padding: 10px;
}  
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
	text-align:left;
}

.MyCalendar .ajax__calendar_title
{
	color: White;
	font-weight:bold;
	font-size: 12px;  
	background-color : #0A6EAB;
}

.MyCalendar .ajax__calendar_dayname 
{
	color: Black;
	font-weight:bold;
	font-size: 13px;
	border-bottom: #ffffff 1px solid;  	
}

.MyCalendar .ajax__calendar_body
{	
	color: Black;
	font-weight:lighter;
	font-size: 12px; 
	border-bottom: #ffffff 1px solid;  	
}

.MyCalendar .ajax__calendar_header
{
	color: White;
	font-weight:bold;
	font-size: 12px;
	background-color : #0A6EAB;
}
.MyCalendar .ajax__calendar_footer 
{
	color: White;
	font-weight:bold;
	font-size: 12px;
	background-color : #0A6EAB;
}

.MyCalendar .ajax__calendar_container
{
	padding: 5px 5px 5px 5px;
	background-color: #f6f6f6;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: Gray;
	font-weight: bold;
	font-size: 12px;
	border-bottom: #ffffff 1px solid;	
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {       
	font-size: 12px;
	border-bottom:solid 1px #2a29a8;
	background-color: #fee11b;
	text-decoration: none;
	color: #ffffff;	
	border-bottom: #ffffff 1px solid;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	border-bottom: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
}

/* 
 The transparent background that
 covers the whole screen
*/
.TransparentGrayBackground 
{
 position: fixed;
 top: 0;
 left: 0;
 
 background-color:Gray;
 filter:alpha(opacity=70);
 opacity:0.7;
 
 height: 100%;
 width: 100%;
 min-height: 100%;
 min-width: 100%
 
}

/* Style classes for Sample5 */
.ProgressPopup
{
 background-color: White;
 border: solid 1px #abcdef;
 width: 250px;
 height: 250px;
 text-align: center;
 /*vertical-align: middle;*/
 position: fixed; 
 bottom: 50% !important;
 left: 40%;
 z-index: 1000000;
}
.ProgressPopup2
{
 background-color: White;
 border: solid 1px #abcdef;
 width: 250px;
 height: 250px;
 text-align: center;
 /*vertical-align: middle;*/
 position:relative; 
 bottom: 50% !important;
 left: 40%;
 z-index: 2;
}

/*
----------------------------------------------------------------------------------------
--- Start webcustompanel styling
----------------------------------------------------------------------------------------
*/
.UserControlPopUp
{
	position: fixed;
	left: 250px;
	top: 20px; 
	width: 900px;
	height: 500px;
	border: solid 3px #000000;
	background-color: #ffffff;
}

.UserControlPopUpTitle 
{
	color: White;
	font-weight: bold;
	font-size: 12px;
	top: 2px;
	position: relative;
}

.UserControlPopUpTitlePanel 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	color: #ffffff;
	background-color : #0A6EAB;
}

.UserControlPopUpContent
{
	position: relative;
	top: 21px;
}

.UserControlBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 07;
}
.overview_row_button_new
{
	text-align : center;	
	border-left : solid 1px #0000ff;
}
/*
----------------------------------------------------------------------------------------
--- End webcustompanel styling
----------------------------------------------------------------------------------------
*/

/* ----------------  End  ---------------- */