/***********************************************
         "Calendar_Body_ID" - Body ID Check 
************************************************/




#content1 
{
	width:99%;
	}


/***********************************************
                  container styles begin 
************************************************/
.pnCalendar
{
    float:left;
    position:relative;
    width: 225px;
   /* height:215px;*/
    background-image: url(images/calendarbackground.png);
    background-repeat: no-repeat;
    background-position: -2px 5px;
margin-right:10px;
}

.pnOptionsFilter
{
    float:left;
    position:relative;
     width: 495px;
    overflow:visible;
}

.pnOptionsButtons
{
    visibility: hidden;
    position:absolute;
    width:0px;
    height:0px;
}

.listcontainer
{

   margin-left:10px;
 }
  

.calendarcontainer
{
  
      float: left;
    position: relative;
    width: 100%;
    margin-left: 10px;
}


.content_right
{
 width: 750px;
}


.content_footer
{
 width: 99%;
}

.content_footertext
{
 text-align:center;
}


/***********************************************
                  container styles begin 
************************************************/
#contentcontainer
{
    padding-left: 0px;
    font-size: 9px;
    margin: 0;
    font-family: Arial !important;
    width:100%;
    font-size: 12px !important;
}


.bodytext
{
    font-family: Arial !important;
    font-size: 12px !important;
}




#listcontainer
{
    float: left;
    position: relative;
    padding-left: 5px;
    font-family: Arial;
    font-size: 12px;
}

.phListWrapper 

{

    color: #333333;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #C0C0C0;
    
    text-align:left;
}
.phList
{
	
}
/***********************************************
                  calendarstyle begin 
************************************************/

.phCalendar
{
    float: left;
    padding-top: 0px;
    margin-left: 0px;
    text-align: center;
}


.calendarstyle
{
    font-family: Verdana;
    width: 225px;
    height: 140px;
    font-size: 9px;
    padding: 0px;
    margin-left: -6px;
    margin-bottom:5px;
    border-width: 0px;
    border-style: none;
    color: #808080;
    border-spacing: 0px;
}


/***********************************************
                  mainheader class begin 
************************************************/

.mainheader
{
    width: 100%;
    font-family: ARIAL;
    padding: 3px;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #66635E;
    margin-bottom: 1px;
    text-align:center;
}


.subheader_brown
{
    width: 100%;
    font-family: ARIAL;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #66635E;
    text-align: center;
    color: #FFFFFF;
}

.subheader_blue
{
    width: 100%;
    font-family: ARIAL;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #3D5667;
    text-align: center;
    color: #FFFFFF;
}

.subheader_white
{
   
    font-family: ARIAL;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #F6F6F6;
    text-align: center;
    color: #3D5667;
    font-weight:bold;
      border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    border-color: #C0C0C0;
    margin-top: 6px;
}




/***********************************************
                  calendarsubheader begin 
************************************************/

#calendarsubheadermenu
{
    float: left;
    position: relative;
    padding-top: 5px;
    padding-left: 45px;
    width: 200px;
    text-align: center;
}


/***********************************************
                  calendartitle begin 
************************************************/


.monthNav
{
    float: left;
    position: relative;
    font-family: ARIAL;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #474e57;
}

.monthNavTitle
{
    padding-left: 8px;
}

.monthNavLeftArrow
{
    padding-left: 12px;
}

.monthNavRightArrow
{
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 12px;
}

.monthNavToday
{
    font-size: 9px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-top: 1px;
    color: #CC6600;
}

#calendartitlehelp
{
    float: right;
    position: relative;
    font-family: ARIAL;
    font-size: 9px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-top: 1px;
    padding-right: 5px;
    color: #214387;
}

#calendarchange
{
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 14px;
    padding-top: 2px;
}

.calendarSelect
{
    font-family: ARIAL;
    font-size: 9px;
    font-weight: normal;
    text-transform: none;
}


/***********************************************
          IGNORE - TESTING PURPOSE ONLY
          
          calendartitlehelp style begin 
************************************************/
.mycalendar .calendartitlemonthyear_popup
{
    float: right;
    position: relative;
    border: 1px solid #646464;
    background-color: #FFFFFF;
    display: block;
    z-index: 3;
}

#txtCalendar
{
    float: right;
    position: relative;
    border: 0px solid #FFFFFF;
    width: 0px;
}


/***********************************************
          calendartitlehelp style begin 
************************************************/

#calendartitlehelp a
{
    text-decoration: none;
}

#calendartitlehelp a:active
{
    text-decoration: none;
}

#calendartitlehelp a:link
{
    text-decoration: none;
}

#calendartitlehelp a:hover
{
    text-decoration: none;
}



/***********************************************
                  dayheaderstyle begin 
************************************************/

.dayheaderstyle
{
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    color: #808080;
}


/***********************************************
                  daystyle begin 
************************************************/
.daystyle
{
    font-size: 10px;
    background-image: url(images/daybck.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    color: #808080;
}


.daystyle a
{
    text-decoration: none;
}

.daystyle a:active
{
    text-decoration: none;
}

.daystyle a:link
{
    text-decoration: none;
}

.daystyle a:hover
{
    text-decoration: none;
}



/***********************************************
                  xdaystyle begin 
************************************************/

.xdaystyle
{
    font-size: 10px;
    background-image: url(images/olddaybck.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    color: #808080;
}



/***********************************************
                  mouseoverdaystyle begin 
************************************************/

.mouseoverdaystyle
{
    font-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    color: #000000;
}


/***********************************************
                  todaysdaystyle begin 
************************************************/

.todaysdaystyle
{
    background-image: url(images/daybck.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #163449;
}


/***********************************************
                  eventsdaystyle begin 
************************************************/

.eventsdaystyle
{
    font-size: 10px;
    background-image: url(images/selected_daybck.png);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
}

.eventsdaystyle a
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.eventsdaystyle a:active
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.eventsdaystyle a:link
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.eventsdaystyle a:hover
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}



.eventdate
{
background: url(images/calendar_day.png) no-repeat;
float: left;
text-align:center;
height: 45px;
margin-right: 8px;
width: 32px;
}

.eventdate .month{
padding-top:12px;
display: block;
font-size: 9px;
height: 12px;
}

.eventdate .day{
 margin-top:-5px;
display: block;
font-size: 18px;
}


/***********************************************
                  selecteddaystyle begin 
************************************************/

.selecteddaystyle
{
    font-size: 10px;
    background-image: url(images/daybck.png);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
}

.selecteddaystyle a
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.selecteddaystyle a:active
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.selecteddaystyle a:link
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.selecteddaystyle a:hover
{
    text-decoration: none !important;
    color: #FFFFFF !important;
}


/***********************************************
                  otherdaystyle begin 
************************************************/
.otherdaystyle
{
    font-size: 9px;
    font-weight: normal;
    background-image: url(images/other_daybck.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
}

.otherdaystyle a
{
    text-decoration: none;
}

.otherdaystyle a:active
{
    text-decoration: none;
}

.otherdaystyle a:link
{
    text-decoration: none;
}

.otherdaystyle a:hover
{
    text-decoration: none;
}


/***********************************************
                  selectorstyle begin 
************************************************/
.selectorstyle
{
    background-image: url(images/week_selector.png);
    vertical-align: middle;
    font-size: 5px;
    text-align: center;
   /* width: 0px;*/
    height: 0px;
}

.selectorstyle a
{
    text-decoration: none;
}

.selectorstyle a:active
{
    text-decoration: none;
}

.selectorstyle a:link
{
    text-decoration: none;
}

.selectorstyle a:hover
{
    text-decoration: none;
}

/***********************************************
                  calendarfiltering begin x`
************************************************/

.calendarFilter
{
    font-family: ARIAL;
    font-size: 11px;
    width:100%;
}

.calendarFilter_Calendars
{
Width:100%;
}

.calendarFilter_SortBy
{
Width:87%;
}

.calendarFilter_TextSearch
{
Width:250px;
}

.calendarFilter_ButtonSearch
{
	width:50px;
	margin-left:5px;
	margin-right:10px;
}


.ajax__calendar_container 
{
		z-index:1004;
	background:white;
   border: 1px solid #C0C0C0;
   display:block;
}
/***********************************************
                  options menu class begin 
************************************************/
.search
{
    position: relative;
    float: left;
    text-align: left;
    margin-top: 10px;
    padding-top: 2px;
    padding-bottom:2px;
       width:100%;
      border: 1px solid #C0C0C0;
          list-style-type: none;
    font-family: ARIAL;
    font-size: 11px;
    background-color: #F6F6F6;
  
}

.greyBox
{
	/*position:relative;*/
	  background-color: #F6F6F6;
	   border: 1px solid #C0C0C0;
	   border-collapse:collapse;
	   padding:10px;
}
.options li
{
    border-style: none solid solid none;
    border-width: 0px 1px 1px 0px;
    padding: 3px;
    border-bottom-color: #C0C0C0;
    border-right-color: #C0C0C0;
}

.options img
{
    vertical-align: middle;
}


.options a
{
    text-decoration: none;
    color: #645F64;
}

.options a:active
{
    text-decoration: none;
    color: #645F64;
}

.options a:link
{
    text-decoration: none;
    color: #645F64;
}


.options a:hover
{
    color: #66635E;
}

/***********************************************
                  calendarbuttons begin 
************************************************/
#calendarbuttons
{
    padding-top: 10px;
    margin-left: -2px;
    float: left;
    position: relative;
}
/*************************************************
				list items begin
**************************************************/
.searchterm
{
	background-color:Yellow;
}