﻿/*
    Sea Blue:           #8FAFBE;
    New Castle Green	#415632
    Sky Blue:           #4387EA;
    Parkay              #CDAF69;
*/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : .8em;
	color : Black;
	/*background-color: #8FAFBE;*/
	/*background-color:#F3f3f3;*/
	/*background-color: #8F8176;*/
	/*background-color: #231B06;*/
	/*background-color: #55402B;*/
	/*background-color:Black;*/
}
textarea 
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
}
.errmsg
{
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	color: red;
	font-size: .8em;
}

h1
{
    /*
    color: #415632;
    font-size: 1.5em;
    font-weight: bold;
    text-align:center;
    */
    background-color: #415632;
    color:White;
    font-size: 1.5em;
    font-weight: bold;
    text-align:center;
    padding:15px;
}

h2
{
    text-align:left;
    color: #415632;
    font-size: 1.25em;
    font-weight: bold;
}

a:link, a:visited {
	color:	#415632;
	text-decoration:underline;
	}
a:hover {
	color: Black;
	text-decoration:underline;
	}

/*Styles for DataGrids & Tables */
table.grid
{
   	margin-left: auto;
	margin-right: auto;
	border-style: none;
	color:Black;
}
table.grid tr.gridHeader
{
	background: #415632;
	color: White;
	font-weight: 600;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid tr.gridRow
{
    background: white;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid tr.gridAltRow
{
    background: #EEEEEE;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid td
{
    padding: 3px; 
}
table.grid tr.gridRow a, table.grid tr.gridAltRow a
{
	text-decoration: underline;
}
table.grid tr.gridRow a:link, table.grid tr.gridRow a:visited {
	color:	#415632;
	}
table.grid tr.gridAltRow a:link, table.grid tr.gridAltRow a:visited {
	color:	#415632;
	}
table.grid tr.gridRow a:hover, table.grid tr.gridAltRow a:hover {
	color: Black;
	text-decoration:underline;
	}

table.input 
{
	margin-left: auto;
    margin-right: auto;
    font-size: 9pt;
	border-collapse:collapse;
}
table.input td 
{
	text-align:left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	color:Black;
}

table.inputTall 
{
	margin-left: auto;
    margin-right: auto;
    font-size: 9pt;
	border-collapse:collapse;
}
table.inputTall td 
{
	text-align:left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	color:Black;
}

table.comments
{
	border-collapse:collapse;
	background: white;
	border: none 0px white;
	color:Black;
}
table.comments tr.commentsItem
{
    background: white;
}
table.comments tr.commentsItem td
{
    padding: 3px 10px 3px 10px; 
	vertical-align:top;
	border: none 0px white;
}

.adminHeader {
    background-color:Black;
    padding:5px;
    margin:0px;
    text-align:right;
}
.adminHeader a:link, .adminHeader a:visited {
	color:	White;
	text-decoration:none;
	}
.adminHeader a:hover {
	color: White;
	text-decoration:underline;
	}
	
.PopupCalendar .ajax__calendar_container { border:1px solid #0099cc; background-color: White; color: black; width:180px; }
.PopupCalendar .ajax__calendar_header { background-color: #0099cc; color:White; }
.PopupCalendar .ajax__calendar_active { background-color: #0099cc; color: black; }
.PopupCalendar .ajax__calendar_days table tr td, .PopupCalendar .ajax__calendar_months table tr td, .PopupCalendar .ajax__calendar_years table tr td { padding:0; margin:0; } 


    .AgendaWrapper {
    border : none;
    overflow:hidden;
    margin:0px;
    }
    .AgendaWrapper div {
    /*min-height: 200px;*/
    padding: 0px;
    }
    #AgendaLeft {
    float:left;
    margin:0px 20px 0px 0px;
    max-width:300px;
    min-width:200px;
    width:30%;
    border : none;
    }
    #AgendaRight {
    overflow:hidden;
    margin:0px 0px 0px 20px;
    border: none;
    float:right;
    width:300px;
    background-color:#94AB83;
    }

        .AgendaCalendar {
            background-color: White;
            width: 200px;
        }
        /*
            Common style declaration for hyper linked text
        */
        .AgendaCalendar a {
            text-decoration: none;
        }
        /*
            Styles declaration for top title
            [TitleStyle] [CssClass] = AgendaCalendarTitle
        */
        .AgendaCalendar .AgendaCalendarTitle {
            font-weight: bold;
            background-color: #94AB83;
	        color:White;
        }
        /*
            Styles declaration for date cells
            [DayStyle] [CssClass] = AgendaCalendarDay
        */
        .AgendaCalendar td.AgendaCalendarDay {
            border: solid 2px #efefef;
            border-left: 0;
            border-top: 0;
        }
        /*
            Styles declaration for next/previous month links
            [NextPrevStyle] [CssClass] = AgendaCalendarNextPrev
        */
        .AgendaCalendar .AgendaCalendarNextPrev {
            text-align: center;
        }
        /*
            Styles declaration for Week/Month selector links cells
            [SelectorStyle] [CssClass] = AgendaCalendarSelector
        */
        .AgendaCalendar td.AgendaCalendarSelector {
            background-color: #dddddd;
        }
        .AgendaCalendar .AgendaCalendarDay a, 
        .AgendaCalendar .AgendaCalendarSelector a,
        .AgendaCalendar .AgendaCalendarNextPrev a {
            display: block;
            line-height: 18px;
        }
        .AgendaCalendar .AgendaCalendarDay a:hover, 
        .AgendaCalendar .AgendaCalendarSelector a:hover {
            background-color: #D2B48C;
        }
        .AgendaCalendar .AgendaCalendarNextPrev a:hover {
            background-color: #94AB83;
        }   


    @media screen and (max-width: 600px) {
        #AgendaLeft {
            float:none;
            margin:0px auto 20px auto;
            max-width:300px;
            min-width:200px;
            width:30%;
            border : none;
        }
       #AgendaRight {
            float: none;
            padding-left:0px;
            margin-right:0;
            margin-bottom:15px;
            border:0;
            margin-left:auto;
            margin-right:auto;
        }
        
        
    }
