﻿/* STYLES FOR EVENT TAB */
.CustomTabStyle .ajax__tab_header {font-family:tahoma;color: #4d4d4d; font-size:11px;background:url(../../images/tabs/tab-line.gif) repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {background:url(../../images/tabs/tab-right.gif) no-repeat right;height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url(../../images/tabs/tab-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../../images/tabs/tab.gif) repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url(../../images/tabs/tab-hover-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url(../../images/tabs/tab-hover-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url(../../images/tabs/tab-hover.gif) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(../../images/tabs/tab-active-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(../../images/tabs/tab-active-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url(../../images/tabs/tab-active.gif) repeat-x;}
.CustomTabStyle .ajax__tab_body {font-family:tahoma;font-size:12pt;border:1px solid #e0e2e5;border-top:0;background-color:#ffffff;}

#divCurrentEventMonth
{    
    width: 620px;
    height: 75px;
    background-color: #edeef0;
    border-bottom: solid 1px #e0e2e5;
}    

#divArchiveEvents
{
    width: 620px;
    height: 75px;
    background-color: #edeef0;
    border-bottom: solid 1px #e0e2e5;
} 
#divArchiveEvents h2{padding: 43px 0 0 10px;font-size: 0.9em;}

#divEventMonth
{
    float: left;
    color: #0a1941;
    width: 250px;
}

#divPreviousEventMonth
{
    float: left;
    color: #0a1941;
    width: 250px;
}

#divMonthSwitch
{
    float: left;
    margin: 43px 0 0 150px;
    color: #8a8a8a;
}

#divPreviousMonthSwitch
{
    float: left;
    margin: 43px 0 0 150px;
    color: #8a8a8a;
}

* html #divMonthSwitch{margin: 33px 0 0 160px;}
* html #divPreviousMonthSwitch{margin: 33px 0 0 160px;}

#divEventMonth h2{padding: 43px 0 0 10px;font-size: 0.9em;}

#ctl00_contentMain_tabEventContainer_tabCurrentEvents_lnkBackAMonth{text-decoration: none;color: #48b8d2;font-size: 0.7em;font-weight: bold;}
#ctl00_contentMain_tabEventContainer_tabCurrentEvents_lnkBackAMonth:hover{color: #0a1941;}
#ctl00_contentMain_tabEventContainer_tabCurrentEvents_lnkForwardAMonth{text-decoration: none;color: #48b8d2;font-size: 0.7em;font-weight: bold;}
#ctl00_contentMain_tabEventContainer_tabCurrentEvents_lnkForwardAMonth:hover{color: #0a1941;}

#ctl00_contentMain_tabEventContainer_tabPreviousEvents_lnkPrevBack{text-decoration: none;color: #48b8d2;font-size: 0.7em;font-weight: bold;}
#ctl00_contentMain_tabEventContainer_tabPreviousEvents_lnkPrevBack:hover{color: #0a1941;}
#ctl00_contentMain_tabEventContainer_tabPreviousEvents_lnkPrevForward{text-decoration: none;color: #48b8d2;font-size: 0.7em;font-weight: bold;}
#ctl00_contentMain_tabEventContainer_tabPreviousEvents_lnkPrevForward:hover{color: #0a1941;}

.spnMonths{font-size: 0.7em;font-weight: bold;}

#divCurrentEventsHolder
{
    width: 620px;
    background-color: #ffffff;
    float: left;
    background-image: url(../../images/events-maincalendar-back.gif);
    background-repeat: repeat-y;
}

#divArchiveEventsHolder
{
    width: 620px;
    background-color: #ffffff;
    float: left;
    background-image: url(../../images/events-maincalendar-back.gif);
    background-repeat: repeat-y;
}

#divFirstCurrentEvent
{
    float: left;
    width: 388px;
    padding: 10px 10px 10px 10px;
}    

#divFirstArchiveEvent
{
    float: left;
    width: 388px;
    padding: 10px 10px 10px 10px;
}  

#divCurrentEventList
{
    float: left;
    width: 192px;
    background-color: transparent;
    padding: 10px 10px 10px 10px
   
} 

#divArchiveEventList
{
    float: left;
    width: 192px;
    background-color: transparent;
    padding: 10px 10px 10px 10px
   
}

.divClear{clear: both;height: 0;}

#divFirstEventImage
{
    width: 386px;
    height: 290px;
}    

#divFirstArchiveImage
{
    width: 386px;
    height: 290px;
}

.EventCalendarDate{font-size: 0.6em;color: #0a1941;margin: 0 0 5px 0;}
.FirstEventCalendarTitle{font-size: 0.9em; color: #0a1941; margin: 5px 0 0 0; font-weight: bold;}
.FirstEventCalendarTeaser{font-size: 0.8em; color: #48b8d2; margin: 5px 0 0 0;}

#divFirstEventCopy
{
    margin: 5px 0 0 0;
    font-size: 0.7em;
}    

#divFirstArchiveEventCopy
{
    margin: 5px 0 0 0;
    font-size: 0.7em;
} 

.divEventCalenderSideHolder
{
    float: left;
    margin: 0 0 10px 0;
    width: 190px;
}

.divEventCalenderSideHolder p {margin: 0;}    

.divEventCalendarImage
{
    width: 35px;
    height: 38px;
    float: left;
    margin: 0 5px 0 0;    
}

.EventCalendarTitle{font-size: 0.6em;}        

#pEventClickToView{font-size: 0.6em;margin: 0 0 10px 0;}
#pArchiveEventClickToView{font-size: 0.6em;margin: 0 0 10px 0;}

#divShowEventGallery
{
    margin: 10px 0 0 0;
}

#divShowArchiveEventGallery
{
    margin: 10px 0 0 0;
}

#divShowEventGallery p{font-size: 0.7em;margin: 0 0 10px 0;color: #0a1941;}
#divShowEventGallery ul{list-style: none; display: inline;}
#divShowEventGallery ul li{list-style: none; display: inline; }

#divShowArchiveEventGallery p{font-size: 0.7em;margin: 0 0 10px 0;color: #0a1941;}
#divShowArchiveEventGallery ul{list-style: none; display: inline;}
#divShowArchiveEventGallery ul li{list-style: none; display: inline; }