﻿body 
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    color: Black;
}
p
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    color: #333333;

}

h1
{
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14pt;
    color: #507cd1;
}

h2
{
    font-family: Verdana, Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #507cd1;
}

h3
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;

}

.FullHeight
{
    height: 100%;
    overflow: visible;
}

.Calendar
{
    border: solid 1px #507cd1;
    font-size: 10pt;
    vertical-align: top;
    border-collapse: collapse;
}

.Calendar tr
{
    border-style: inset inset inset inset;
    border-color: #507cd1;
    border-width: 1px;
    font-size: 10pt;
    vertical-align: top;
}

.Calendar td
{
    border-style: inset inset inset inset;
    border-color: #507cd1;
    border-width: 1px;
    font-size: 10pt;
    vertical-align: top;
}

.CalendarRow
{
	height:100px;
}

.CalendarTitle
{
    border-style: inset inset inset inset;
    border-color: #ffffff;
    border-width: 1px;
    font-size: 10pt;
    vertical-align: middle;
    color:#ffffff;
    font-weight:bold;
    background-color: #507cd1;
}


/*Modal Popup*/

.modalPopupHeader
{
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    color: #FFFFFF;
    background-color: #507cd1;
    font-weight: bold;
}


.modalPopup
{
    margin: 0px;
    border: 2px solid #507cd1;
    background-color: white;
    padding: 0px 0px 3px 0px;
    width: 370px;
    color: #333333;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*Accordion*/

.accordionHeader
{
    padding: 5px 3px 5px 3px;
    background-color: #507cd1;
    border: 1px solid #003399;
}

.accordionContent
{
    background-color: #EBEBEB;
    border: 1px solid #C0C0C0;
    padding: 5px 5px 5px 5px;
}

.accordionLink
{
    font-family: Verdana, Arial;
    font-size: 12pt;
    font-weight: bold;
    color: White;
    text-decoration: none;
    
}

.accordionImage
{
    vertical-align: middle;

}
img
{
	border: 0;
}

.morelesslink
{
    cursor:pointer;
    color:Blue;
    text-decoration:underline;
}


/********Email Attachment Popup Styling*******/

.emailModalPopup { /* Popup style and colours */
    background-color:#FFFFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:500px; height:351px;
}

#emailAttachmentBody
{
    margin: 0px;
    padding: 0px;
}

#emailAttachment
{
    border: 1px solid #C0C0C0;
    height: 300px;
    width: 500px;
}

#attachmentTable
{
    width:500px;
    height:300px;
    
}

#attachmentTable th
{
    padding: 5px 3px 5px 3px;
    background-color: #507cd1;
    border: 1px solid #003399;
    color: #FFFFFF;
    text-align: left;
}

#attachmentTable td
{
    padding: 5px 3px 5px 3px;
    background-color: #EBEBEB;
}

.cssAutoExpandableDiv
{
    height:auto;
    overflow:auto;
}

.HiddenButton
{
    display: none;
}

/********Email Image Inline Styling*******/

span.emailimage
{
    padding-top:3px;
    vertical-align: bottom;
    padding-bottom: 0px;
    height: 17px;
    line-height: 17px;
}

img.emailimage
{
    height: 17px;
    margin: 2px 0px 0px 0px;
}