﻿#collapsePanelHeader
{
    width: 150px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}
#collapsePanel
{
    width: 150px;
    height: 150px;
    color: black;
    background-color: white;
    font-weight: bold;
    float: left;
    padding:  5px;
    cursor: pointer;
    vertical-align: top;
}
#header_div 
{
    width: 100%;
    height: 80px;
}
#menu_div 
{
	font-family: Tahoma;
	font-size:8pt;
	color:Blue;
	background-color: #ffffff;	
    width: 100%;
    height: 38px;
}
#left_div 
{
    background: #ffffff;
    float: left;
    width: 21%;
    
}
#content_div 
{
    background: white;
    float: left;
    width:58%;
    
}
#right_div 
{
    background: #ffffff;
    float: right;
    width: 19%;
    
}
#footer_div 
{
    clear: both;
    background: #e6e6fa;     
    width: 100%;
    height: 20px;
}
.MaskedEditFocus 
{background-color: #ffffc0; 
}
.MaskedEditError
{background-color: #ffc0c0; 
}
.HiddenColumn{display:none;} 

.masterLabel
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black; 
    text-align: center;
        
}
.smallTable
{
    border: none,0,white; 
    padding: 0px;
    vertical-align: top;
    
}
.smallTableHeader
{
    background-color: #507CD1;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    color: White; 
    text-align:center;
}

.smallTableRowLabel
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    color: Black; 
}
.smallTableRow
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black; 
    text-align: left;
        
}
.smallTableRowBox
{
    border-right: lightsteelblue 1px solid;
    border-bottom: lightsteelblue 1px solid;
    border-left: lightsteelblue 1px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black; 
}
.tableBorder
{
    border-top: lightsteelblue 1px solid;
    border-right: lightsteelblue 1px solid;
    border-bottom: lightsteelblue 1px solid;
    border-left: lightsteelblue 1px solid;
    background-color: #f0f0f0;
}

.smallTable1
{
    border: none,0,white; 
    padding: 0px;
    vertical-align: top;
    
}
.smallTableHeader1
{
    background-color: #6a9ece;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    color: White; 
    text-align: center;
    height: 20px;
    border: lightsteelblue 1px solid;
}
.smallTableRow1
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black; 
    text-align: left;
}
.medTable
{
    border: none; 
    padding: 0px;
    width: 450px;
    height: 35px;
    vertical-align: top;    
}
.medTableHeader
{
    background-color: #6a9ece;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    color: White; 
}
.medTableRowLabel
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    color: Black; 
}
.medTableRow
{
    border-bottom: lightsteelblue 2px solid;
    background-color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black; 
}
.right8TextBox 
{ text-align: right;
  font-family: Tahoma;
  font-size: 8pt;   
}
.right10TextBox 
{ text-align: right;
  font-family: Tahoma;
  font-size: 8pt;   
}
.GVHeader
{  background-color:#18488f;
   color: #ffffff;
   font-family: Tahoma;
   font-size: 10pt;
   font-weight:  bold;
   text-align: center;
}
    
.TabLinkMenu
{
    background-color: #f0f0f0;
    font-family: Arail;
    font-size: small;
    color: Blue;
}
.MenuLink
{
    font-family: Tahoma;
	font-size:8pt;
	color:Blue;
	background-color: #ffffff;	
}
.AdLink
{
    font-family: Tahoma;
	font-size: 10pt;
	color:Blue;
	background-color: #f5f5f5;	
} 
.GridViewStyle
{    
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
    background-color: #4a3c8c;
    font-family: Cataneo BT;
    font-size: medium;
    font-weight: bold;
    color: White;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}

.GridViewAlternatingRowStyle 
{
    background-color: #FFFFFF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}
.watermark
{
background: #ffaaff;	
}
.popupControl
{
	background-color: #aad4ff;
	position: absolute;
	visibility:hidden;
	border-style:solid;
	border-color:Black;
	border-width:2px;
}
.popupMessage
{
	background-color: #aad4ff;
	position: relative;
	left:10%;
	top:30%;
	border-style:solid;
	border-color:Black;
	border-width:2px;
}
.accordianHeader
{
	border: 1px solid #2fafaf;
	color: White;
	background-color: #c2dafa;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin-top:5px;
	cursor:pointer;
}
.accordianContent
{
	background-color: #d3deef;
	border: 1px dashed #2fafaf;
	border-top: none;
	padding:5px;
	padding-top: 10px; 
}
.accordianLink
{
	background-color: #c2dafa;
	color: Blue;
}
.wireframe
{
}
.buttonSmall
{
	font-family: Tahoma;
	font-size:x-small;
}
.label1
{
	font-family: Tahoma; 
	font-size: small; 
	font-weight: bold; 
	color: #990000;
	text-align: center;
}
.label2
{
	font-family: tahoma; 
	font-size: small; 
	font-weight: bold; 
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #e5e5e5;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}



.MyCalendar1 .ajax__calendar_container 
{
	z-index:100;
	position:relative;
	top:100;
	left:100;
	padding:4px;
	cursor:default;
	width:170px;
	font-size:11px;
	text-align:center;
	font-family:tahoma,verdana,helvetica;
	background-color: #f5f5f5;
	}
.MyCalendar1 .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.MyCalendar1 .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.MyCalendar1 .ajax__calendar_container TABLE {font-size:11px;}
.MyCalendar1 .ajax__calendar_header {height:20px;width:100%;}
.MyCalendar1 .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;}
.MyCalendar1 .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;}
.MyCalendar1 .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.MyCalendar1 .ajax__calendar_footer {height:15px;}
.MyCalendar1 .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.MyCalendar1 .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.MyCalendar1 .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.MyCalendar1 .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.MyCalendar1 .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}


.MyCalendar2 .ajax__calendar_container 
{
/*	this worked to force the calendar to display 
	somewhere other than the bottom of the textbox;  now
	there is a new control which allows you to specify where the
	calendar displays
	position: relative;
    left: 150px !important;
    top: 100px !important; */
	z-index:1000;
	padding:4px;
	cursor:default;
	width:170px;
	font-size:11px;
	text-align:center;
	font-family:tahoma,verdana,helvetica;
	border:1px solid #646464;
	background-color:#e6e6e6;
	color:#000000;	
	}
.MyCalendar2 .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.MyCalendar2 .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar2 .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar2 .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar2 .ajax__calendar_year {border:1px solid #ffffff;}
.MyCalendar2 .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyCalendar2 .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyCalendar2 .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar2 .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyCalendar2 .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


.LowLight
    {
        background-color:#EEEEEE;
    }
    
 .HighLight
    {
        background-color:#0066cc;
    }
.Watermark
{
	background-color:#FFFFC0;
	font:tahoma;
	font-size:8pt;
	text-align:center; 
	color:#0000FF;
}
/*Modal Popup   filter seems to be a problem in MS*/
.modalBackground {
 background-color:Gray; 
 -ms-filter: alpha(opacity=70);
 -ms-opacity:0.7;
}
