﻿/*	//-------------------------------------------------------------------------------------------------------------------->
		Modal Popup
/*	//--------------------------------------------------------------------------------------------------------------------> */

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

/*	//-------------------------------------------------------------------------------------------------------------------->
		Tabs Control
/*	//--------------------------------------------------------------------------------------------------------------------> */

/*.Tabs { padding: 0px; margin: 0px; }
.TabsUp { position: relative; top: -14px; }*/

.TabHead {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #00549E;
    width: 125px; /*line-height: 25px;*/
}

.TabMin { min-height: 450px; }

/*	//-------------------------------------------------------------------------------------------------------------------->
		Animation Control
/*	//--------------------------------------------------------------------------------------------------------------------> */

.AniPanel {
    width: 770px;
    position: relative; /*left: 770px;*/
    display: none;
}

/*  //-------------------------------------------------------------------------------------------------------------------->
        Ajax Calendat Control Extender Style
/*	//--------------------------------------------------------------------------------------------------------------------> */

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #fffadc;
    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;
}

/*************************************************************************************************
* 
*  Calendar specific formatting 
*
*************************************************************************************************/

.eventmonth {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.eventmonthtable {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border-collapse: collapse;
}

.dayNumber {
    float: right;
    border-bottom: 1px solid #A7ACB5;
    border-left: 1px solid #A7ACB5;
    clear: none;
    padding: 2px;
    font-size: 8pt;
}

.calcurrentmonth { background-color: #FFFFE6; }

.calothermonth {
    background-color: #EBF1FE;
    color: #A7ACB5;
}

.calcurrentday { background-color: #FFFFBC; }

.calweekend { background-color: #DAE3F7; }

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend {
    text-align: left;
    border: 1px solid #A7ACB5;
    height: 60px;
    vertical-align: top;
    position: relative;
}

.caldays {
    letter-spacing: 2px;
    font-size: 8pt;
}

.CalLinks { font-size: 8pt; }

.CalLinks a {
    color: #003366;
    text-decoration: none;
}

.CalLinks a:hover { color: #ff9900; }


.ImgBox {
    background-image: url(/App_Design/Images/Assets/Glass.png);
    background-repeat: repeat-x;
    border: 1px solid #000000;
    background-color: #103366;
    color: #ffffff;
    font-weight: bold; /*font-family: Verdana, Arial;*/
    width: 100%;
    height: 25px;
    padding: 0px 20px 0px 20px;
    font-size: 10pt;
}

.ImgBox a {
    color: #fff;
    letter-spacing: normal;
    text-decoration: none;
}

.ImgBox a:hover { color: #ffff00; }

.ImgBox a:active { color: #fff; }

/*	//-------------------------------------------------------------------------------------------------------------------->
		Reorder List 
/*	//--------------------------------------------------------------------------------------------------------------------> */