﻿
/* COMMON CLASSES IN CMTControls */

/* ComContactUsControl */
.tblComContactUsControl
{ width: 100%; }
.tblComContactUsControl .leftTop
{
    text-align: left;
    vertical-align: top;
}
.tblComContactUsControl .rightTop
{
    text-align: right;
    vertical-align: top;
}
.tblComContactUsControl .commBox
{
    height: 280px;
    width: 600px;
}

/* ComEventDetailsControl */
.tblComEventDetailsControl
{ width: 100%; }
.tblComEventDetailsControl .lblEvtName
{ font-weight: bold; }
.tblComEventDetailsControl .tblNested
{ width: 50%; }
.tblComEventDetailsControl .smallBold
{
    font-size: small;
    font-weight: bold;
}
.tblComEventDetailsControl .width180
{ width: 180px; }
.tblComEventDetailsControl .lblEvtCost
{ font-size: medium; }

/* ComEventItemControl */
.tblComEventItemControl
{ width: auto; }
.tblComEventItemControl .borderTD
{
    width: 250px;
    border-bottom: teal thin double; 
    border-bottom-style: solid;  
    border-bottom-color: #7FA6E0; 
    border-bottom-width: 1px;
    border-color: #F0F8FF; /* AliceBlue */
}
.tblComEventItemControl .width250
{ width: 250px; }

/* ComEventListControl */
.progDimens
{ width: 31px; height: 31px; }
.tblComEventListControl
{ width: 100%; }
.tblComEventListControl .width250
{ width: 250px; }
.tblComEventListControl .datalistTD
{
    vertical-align: top;
    width: 80%;
}
.tblComEventListControl .tblDataList
{ width: 100%; }
.tblComEventListControl .listHeader
{
    width: 100%;
    border-bottom: teal thin double;
    border-bottom-color: #006699;
    border-bottom-width: 2px;
    vertical-align: bottom;
}
.tblComEventListControl .fullWidth
{ width: 100%; }
.tblComEventListControl .datalistINNERTD
{
    vertical-align: top;
    width: 100%;
}
.tblComEventListControl .evtDataList
{
    width: 90%;
    color: #333333;
}
.tblComEventListControl .monthCalTD
{
    vertical-align: top;
    text-align: right;
}
.tblComEventListControl .monthCalINNERTD
{ text-align: center; }
.tblComEventListControl .monthCal
{
    font-family: Verdana;
    font-size: 8pt;
    color: Black;
    border-width: thin;
    border-color: #999999;  
    width: 200px;  
}
.tblComEventListControl .calMonthCalendarSDS
{
   background-color: #666666;
   font-weight: bold;
   color: White;  
}
.tblComEventListControl .calMonthCalendarSS
{ background-color: #FCFDC6; }
.tblComEventListControl .calMonthCalendarWDS
{ background-color: #ACD4F8; }
.tblComEventListControl .calMonthCalendarTDS
{
   background-color: #CCCCCC;
   color: Black;  
}
.tblComEventListControl .calMonthCalendarOMDS
{  color: #808080; }
.tblComEventListControl .calMonthCalendarNPS
{ 
    vertical-align: bottom;
    color: White;
}
.tblComEventListControl .calMonthCalendarDHS
{
    background-color: #7FA6E0;
    font-weight: bold;
    color: White;
    font-size: 7pt;
}
.tblComEventListControl .calMonthCalendarTS
{
    background-color: #006699;
    font-weight: bold;
    color: White;
    border-color: Black;
}
.tblComEventListControl .width133
{ width: 133px; }
.tblComEventListControl .srchTable
{
    border: thin groove #ACD4F8;
    width: 99%;   
}
.tblComEventListControl .width180
{ width: 133px; }

/* ComLatestNewsControl */
.tblComLatestNewsControl{}
.tblComLatestNewsControl .newsStyle
{
    font-size: 9pt;
    color: White; /* AntiqueWhite = #FAEBD7 or Maroon */    
}
.tblComLatestNewsControl .hyperLinkFont
{ font-size: 10pt; }
.tblComLatestNewsControl .spacerWidth
{ width: 5px; }

/* ComLoginControl */
.ComLoginControlStyle
{
    background-color: #F7F6F3;
    border-color: #E6E2D8;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-size: 1em;
    color: #333333;
}
.ComLoginControlTextBox
{ font-size: 1em; }
.ComLoginControlLoginButton
{
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-size: 1em;
    color: #284775;    
}
.ComLoginControlInstrText
{
    font-style: italic;
    color: Black;
}
.ComLoginControlTitleText
{
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 1em;
    color: White;
}

/* ComNewsDetailsControl */
.ComNewsDetailsControl12pt
{ font-size: 12pt; }

/* ComNewsItemControl */
.ComNewsItemControl80
{ width: 80px; }
.ComNewsItemControl320
{ width: 320px; }

/* ComNewsListControl */
.ComNewsListControlColor
{ color: #333333; }

/* ComUpcomingEventItemControl */
.ComUpcomingEventItemControl300
{ width: 300px; }
.ComUpcomingEventItemControl130
{ width: 130px; }

/* ComUpcomingEventsControl */
.tblComUpcomingEventsControl{}
.tblComUpcomingEventsControl .dataListColor
{ color: #333333; }
.tblComUpcomingEventsControl .header300
{
    width: 300px;
    border-bottom: Teal thin double;
}
.tblComUpcomingEventsControl .header130
{
    width: 130px;
    border-bottom: Teal thin double;
}
.tblComUpcomingEventsControl .header100
{
    width: 100px;
    border-bottom: Teal thin double;   
}

/* ComNewsletterListControl */
.divComNewsletterListControl
{ padding: 2px 5px; }
.divComNewsletterListControl .thisGrdViewer
{
    font-size: 0.9em;
    width: 100%;
    color: #7A746F;    
}
.divComNewsletterListControl .grdFootStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White; 
}
.divComNewsletterListControl .grdRowStyle
{
    background-color: #F7F6F3;
    color: #333333; 
}
.divComNewsletterListControl .grdPagerStyle
{
    background-color: #284775;
    color: White;
    text-align: center;
}
.divComNewsletterListControl .grdSelRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}
.divComNewsletterListControl .grdHeadStyle
{
    color: #013366;
    text-align: left;
}
.divComNewsletterListControl .grdEditRowStyle
{ background-color: #999999; }
.divComNewsletterListControl .grdAltRowStyle
{
    background-color: White;
    color: #284775;
}
.divComNewsletterListControl .item200
{ width: 200px; }
.divComNewsletterListControl .item90
{ width: 90px; }

/* ComNewsletterDetailsControl */
.divComNewsletterDetailsControl
{ padding: 0px 10px; }
.tbldivComNewsletterDetailsControl
{ width: 90%; }
.tbldivComNewsletterDetailsControl .label 
{ display: block; }
.tbldivComNewsletterDetailsControl .padTop10
{ padding-top: 10px; } 
.tbldivComNewsletterDetailsControl .width80pct
{ width: 80%; }