﻿
.CollapsiblePanelHeader
{
    background-color: #FBE5A1;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: left;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    /*
    width: 700;
    */
    BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
}

.CollapsiblePanelHeaderHiLite
{
    background-color: #90EE90;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: left;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    /*
    width: 700;
    */
    BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
}

.CollapsiblePanelContent 
{
    /*
    width:680;
    */
    background-color:white;
    overflow:hidden;
    line-height: 12px; 
    height: 0px;
    /*
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    */
}

.CollapsiblePanelContent_2 
{
    /*
    width:680;
    */
    padding-left: 5px;
    background-color:white;
    /*
    overflow:hidden;
    line-height: 12px; 
    height: 0px;
*/
}

.progressIndicator
{
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px; 
    width: 150px;
    text-align: left;
    background-color: #ffff00;
}

.progressIndicator2
{
    text-align: center;
    border: solid;
    background-color: #ffffff;
    position: absolute;
    top: 150px;
    right: 200px;
    width: 200px;
    height: 80px;
    padding-left: 40px;
    padding-top: 40px;
    z-index: 1;
}


/* ---------- ACCORDION ---------- */

.accordionHeader
{
    border: 1px solid #000000;
    color: #000000;
    background-color: #FBE5A1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #ffffff;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

A.accordionLink:link     { color: #000000; cursor:pointer; text-decoration:none; font-weight:bold; }
A.accordionLink:visited 	{ color: #000000; cursor:pointer; text-decoration:none; font-weight:bold; }
A.accordionLink:active 	{ color: #000000; cursor:pointer; text-decoration:none; font-weight:bold; }
A.accordionLink:hover 	{ color: #ff0000; cursor:pointer; text-decoration:none; font-weight:bold; }

/* ---------- CALENDAR ---------- */
.MyCalendar .ajax__calendar_container 
{
    /*
    border:1px solid #646464;
    background-color:#ffffff;
    color:#000000;
    */
    border: 2px solid #000000;
    /* lightgoldenrodyellow */
    background-color: #FAFAD2;
    color: red;
}
.MyCalendar .ajax__calendar_footer {
    border-top:1px solid #f5f5f5;
} 
.MyCalendar .ajax__calendar_dayname {
    border-bottom:1px solid #f5f5f5;
} 
.MyCalendar .ajax__calendar_day {
    border:1px solid #ffffff;
} 
.MyCalendar .ajax__calendar_month {
    border:1px solid #ffffff;
} 
.MyCalendar .ajax__calendar_year {
    border:1px solid #ffffff;
} 
.MyCalendar .ajax__calendar_active .ajax__calendar_day 
{
    /*
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
    */
    color: black;
    font-weight:bold;
} 
.MyCalendar .ajax__calendar_active .ajax__calendar_month {
    /*
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
    */
    color: black;
    font-weight:bold;
} 
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    /*
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
    */
    color: black;
    font-weight:bold;
} 
.MyCalendar .ajax__calendar_other .ajax__calendar_day 
{
    /*
    background-color:#ffffff; 
    border-color:#ffffff;
    color:#646464;
    */
    color: black;
} 
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    /*
    background-color:#ffffff; 
    border-color:#ffffff;
    color:#646464;
    */
    color: black;
} 
.MyCalendar .ajax__calendar_hover .ajax__calendar_day 
{
    /*
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
    */
    color: black;
} 
.MyCalendar .ajax__calendar_hover .ajax__calendar_month {
    /*
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
    */
    color: black;
} 
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    /*
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
    */
    color: black;
} 
.MyCalendar .ajax__calendar_hover .ajax__calendar_title {
    color:#0066cc;
} 
.MyCalendar .ajax__calendar_hover .ajax__calendar_today {
    color:#0066cc;
} 


/* ---------- TABS ---------- */
/* default XP style */

.MyTabs .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    /*
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) 
        repeat-x 
        bottom;
    */
    background:
        url(images/tabs/tab-line.gif)
        repeat-x 
        bottom;
}
.MyTabs .ajax__tab_outer {
    padding-right:4px;
    /*
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) 
        no-repeat 
        right;
    */   
    background:
        url(images/tabs/tab-right.gif)
        no-repeat 
        right;
    height:21px;
}
.MyTabs .ajax__tab_inner {
    padding-left:3px;
    /*
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) 
        no-repeat;
    */     
    background:
        url(images/tabs/tab-left.gif)
        no-repeat;        
}
.MyTabs .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    /*  
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) 
        repeat-x;
    */      
    background:
        url(images/tabs/tab.gif)
        repeat-x;          
}
.MyTabs .ajax__tab_hover .ajax__tab_outer 
{
    /*
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) 
        no-repeat 
        right;
    */  
    background:
        url(images/tabs/tab-hover-right.gif)
        no-repeat 
        right;     
}
.MyTabs .ajax__tab_hover .ajax__tab_inner 
{
    /* 
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) 
        no-repeat;
     */    
    background:
        url(images/tabs/tab-hover-left.gif)
        no-repeat;  
}
.MyTabs .ajax__tab_hover .ajax__tab_tab 
{
    /* 
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) 
        repeat-x;
     */      
    background:
        url(images/tabs/tab-hover.gif)
        repeat-x;    
}
.MyTabs .ajax__tab_active .ajax__tab_outer 
{
    /* 
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) 
        no-repeat 
        right;
     */   
    background:
        url(images/tabs/tab-active-right.gif)
        no-repeat 
        right;     
}
.MyTabs .ajax__tab_active .ajax__tab_inner 
{
    /* 
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>)
        no-repeat;
     */   
    background:
        url(images/tabs/tab-active-left.gif)
        no-repeat;   
}
.MyTabs .ajax__tab_active .ajax__tab_tab {
    /* 
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>)
        repeat-x;
     */    
    background:
        url(images/tabs/tab-active.gif)
        repeat-x;       
}
.MyTabs .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

/* scrolling default */
/*
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}
*/
