/* Homepage Slideshow Image Rotator - V2 */

.ms-TPHeader { display:none; }

.slideshowContainer { position: relative; width: 653px; height: 277px; padding: 0px; border: 1px solid #DDD; }
.slideshowItemImage { border: 0; position: absolute; top: 0; left: 0; display: none; width: 643px; margin: 5px; height: 237px; overflow: hidden; }
.slideshowItemImageLink { border: 0; position: absolute; top: 0; left: 0; display: none; width: 643px; margin: 5px; height: 237px; overflow: hidden; cursor: pointer; }

.slideshowNavBar { background-color: #F4F4F4; border-top: 1px solid #DDD; position: absolute; width: 643px; top: 246px; padding: 5px; height: 20px; }

.slideshowNavLeft { background-image: url('/_layouts/Psd/Internet/Images/Icons/NavLeft.png'); border: 1px solid #ddd; background-color: White; font-weight: bold; padding: 0px; margin: 0px; width: 16px; height: 16px; cursor: pointer; text-align: center; display: inline-block; float: left; }
.slideshowNavRight { background-image: url('/_layouts/Psd/Internet/Images/Icons/NavRight.png'); border: 1px solid #ddd; border-left: none; background-color: White; font-weight: bold; padding: 0px; margin: 0px; width: 16px; height: 16px; cursor: pointer; text-align: center; display: inline-block; float: left; }
.slideshowNavButton { background-image: url('/_layouts/Psd/Internet/Images/Icons/NavNum.png'); border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: White; color: #4b85cb; font-weight: bold; padding: 1px; width: 22px; height: 14px; cursor: pointer; text-align: center; display: inline-block; float: left; }
.currentNumberedButton { background-image: url('/_layouts/Psd/Internet/Images/Icons/NavNumHl.png'); }
.navButtonWrapper { float: right; width: 125px; }

/*Gallery*/
.dfGalleryWrapper { padding: 10px; }
.dfGalleryItemWrapper { border: 1px solid #EEE; padding: 5px; float: left; margin: 5px; }
.dfGalleryItemLinkClass { }
.dfGalleryItemImageClass { border: none; height: 120px; }

/* News Aggregator */

.relatedNews {padding-bottom:40px;float:left;width:100%;}
.relatedNewsHeader { color: #15597f;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	margin:0;
	margin-top:30px;
	margin-bottom:15px;
	font-size:19px;
	font-weight:bold;}
	
#schoolRelatedNews { margin-left:3px;}
#schoolRelatedNews .relatedNewsHeader { display:block;}
.relatedNewsItem { margin: 0; border-bottom: 1px solid #eee; padding: 0; margin-top: 15px; padding:0 0 10px;}
.relatedNewsItemTitle {font-size: 13px;  font-weight: bold; width: 100%;  padding: 0; padding-bottom:9px; }
.relatedNewsItemDate {float:left;font-size:10px;font-style:italic;padding-top:5px;text-align:left;width:100%;}
.relatedNewsItemDesc { padding: 0; margin:5px 0; width: 100%; float: left;font-size:11px; }
.relatedNewsItemLink { margin-left: 10px;font-size:10px; }
.relatedNewsNav{padding:5px 2px;padding-right:0; text-align:right;}
.relatedNewsPageLink { display: inline-block; padding: 4px; color:blue; height: 12px; width: 12px; text-align: center; }
.relatedNewsPageLink:hover{  }
.relatedNewsPageLinkCurr{color:#000;text-decoration:none;}
.relatedNewsPageLinkCurr:hover{color:#000;text-decoration:none;}
.relatedNewsPaging{float:left;}
.relatedNews h3 { display: none; }

/* Document Aggregator */
.docAggregatorTable { border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; width: 95%; }
.docAggregatorHeaderRow { background-color: #FEFEFE; }
.docAggregatorHeaderCell { font-weight: bold; font-family: Verdana; font-size: 14px; text-align: left; border-bottom: 1px solid #EEEEEE; padding: 5px 5px 5px 2px; }
.docAggregatorIcon { }
.docAggregatorRow { background-color: white; }
.docAggregatorRowAlt { }
.docAggregatorCell { padding: 2%; text-align: left; border-bottom: solid 1px #f3f2f2; }

.docAggregatorTitleCell { width: 39%; }
.docAggregatorDescCell { width: 40%; }
.docAggregatorIconCell { width: 7%; }
.docAggregatorSizeCell { width: 14%; text-align: right; }

/* School Map */
  
#mapLegendTitle {float:left; width:55%;}

#showMapLink:hover { text-decoration: none; background-color: #dedddd; }
.mapControlWrapper { display: none; }
.addressBox { width: 300px; }
.schoolListItem { color: #5a8af7; font-size: 9px; padding: 4px; margin-bottom:10px;}
.schoolListItemLinks {float:right;margin-left:10px;text-align:left;width:244px;}
.schoolListIconImage { margin-right: 4px; float: left; width: 15px; height: 25.5px; }
.schoolListItemNavSeparator { margin: 0px 3px 0px 3px; color: #595959; font-size: 10px; }
.schoolListItemHl { }
.schoolListItemNavItems { padding-left: 6px; }
.schoolListWrapper a { font-size: 12px; margin-left: 10px; }

.schoolListItem a { font-size: 9px !important; color: #5a8af7 !important; cursor: pointer; padding: 0; margin: 0; font-size: 11px; }
.schoolListItemName { width: 225px; float: left; font-size: 11px; padding: 3px; margin-right: 3px; color: #043784 !important; cursor: pointer;font-weight:bold; }
.schoolPopup {width:300px;}
.schoolPopupInfo { width: 232px; }
.schoolPopupHeader { font-weight: bold; font-size: 13px; color: #595959; font-family: Verdana; }
.schoolPopupDetails { }
.schoolPopupAddress { font-size: 10px; color: #666666; width: 180px; margin-top: 5px; margin-bottom: 5px; }
.schoolPopupLabel { font-size: 10px;display: block; width:62px; float: left; clear: both; }
.schoolPopupPhone { display: block; width: 180px; float: left; font-size: 10px; color: #666666; }
.schoolPopupFax { display: block; width: 120px; float: left; font-size: 10px; color: #666666; }
.schoolPopupFooter { padding: 8px 0px 0px 0px; }

.schoolPopupFooter a { font-size: 10px; color: #666666; }
.schoolPopupImageWrapper { float: right; width: 100px; height: 100px; }
.schoolPopupImage { width: 80px; height: 80px; }
.schoolPopupImageDefault { width: 80px; height: 80px; }
.filterLabel { color: #595959; font-family: "Century Gothic"; }

#fbMapWrapper { border:solid 10px #4082b5;}
.mapWrapper { width: 900px; border: none; padding: 0px; }
#mapWrapperHeader { }
#mapWrapperHeader h2 { margin:0px 0px 5px 0px; padding-bottom: 0px; }
.mapHeader { font-size: 10px; }
.mapCentre { position: relative; padding: 3px 0px 3px 0px; }
.mapWrapperFooter{display:none; height:140px;}
.mapLegendContainer {display:none;  height:110px; background-color:#f4f4f4; width:880px; padding: 10px 5px 10px 5px; border:5px solid #797979;}
.mapLegendContainer p{font-size:8px; padding:0; margin:0;margin-top:5px;}
.mapLeft{width:600px; float:left;}
.mapLeftHeader{height:89px;background:url('/_layouts/Psd/Internet/Images/pl_boundarymapHeader.jpg') no-repeat top left;}
.mapDiv { width: 600px; height: 510px; float: left; }
.mapRight{width:300px; float:right;}
.mapFilterContainer{height:67px;padding:10px;border-bottom:solid 2px #898787;background:url('/_layouts/Psd/Internet/Images/pl_boundarymapFilterHeader.jpg') repeat-x top left;}
.mapFilterContainer select {margin-top:5px;font-size:12px;}
. mapFilterContainer .schoolListLabel {font-size:13px;font-weight:bold;color:#434546;}
.mapControls {font-size:12px;padding:10px 10px 10px 12px;background:url('/_layouts/Psd/Internet/Images/pl_gradientBottomDark.jpg') repeat-x bottom left;border-bottom:1px solid #F3F3F3;}
.mapControls a {color:#5a8af7;}
.schoolListWrapper { float: right; width: 300px; padding: 0px 5px 0px 5px; }
.schoolListDiv { width: 290px; height: 460px; overflow: auto; margin-bottom: 15px; padding-left:15px;}
.noSchoolsFound { font-size: 11px; color: #595959; }
.currentLocationControls { padding: 10px; }
.hideAbLink { color: red; }

.removeBoundaryIcon { border: none; }
.boundaryLinks { position: relative; display: inline-block; }
.boundaryLinksPopup { position: absolute; z-index: 5000; top: 0; left: 0; width: 200px; border: 3px solid #EFEFEF; padding: 5px; background-color: white; display: none; }
.boundaryLinksPopupHeader { font-size: 13px; font-weight: bold; border-bottom: 1px dotted #EFEFEF; padding: 3px; }
.boundaryLinksPopupBody { padding: 5px; }
.boundaryLinksPopupFooter { text-align: right; }
#boundaryLegendContainer {float:left; width: 400px;padding: 10px 5px 10px 5px; }
#boundaryLegendContainer p {line-height:10px;margin-top:10px;}
.boundaryLegend { }
.mapAddressContainer {float:right; padding-left:75px;padding-top:10px;width:350px;background:url('/_layouts/Psd/Internet/Images/pl_mapLegendSeparator.jpg') no-repeat top left;}
.boundaryName { float: left; font-size: 10px; }
.legendItem { float: left; padding: 2px; width: 320px; }
.legendBlock { clear: both; float: left; width: 12px; height: 12px; margin-left: 20px; margin-right: 8px; }
.legendClose { float: right; width: 16px; height: 16px; border: 0; cursor:pointer; background-image:url('/_layouts/Psd/Internet/Images/Icons/cross.png'); }

.watermark { color: #999 !important; font-style: italic; }
.mapLinkDivider{color:#595959;}

.schoolFilters { background: #eee; margin-bottom: 5px; padding: 5px 10px 10px 10px; }
.schoolFilters * { }
.schoolMapStepOne { }
.schoolMapStepTwo { }
.schoolMapStepThree { }
.schoolMapStepOne label { float: left; width: 150px; display:block;}
.schoolMapStepTwo label { float: left; width: 150px; display:block;}
.schoolMapStepThree label { display:block; }
#schoolLocationSelect{float:left; width: 180px;}
#schoolTypeSelect{float:left; width: 180px;}
#mapAddress{background: url("/_layouts/Psd/Internet/Images/pl_textboxBg.jpg") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #C2C1C1;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 5px;
    padding: 4px;}
.schoolListLabel {font-size:13px;font-weight:bold;}
#mapAddressButton{}
#mapAddressRemove{}

/*Single School Map*/
.singleSchoolMapControlWrapper{width:656px; height:456px;}
.singleSchoolMapWrapper{border:3px solid #D9D9D9; width:650px;padding:0;}
.singleSchoolMapWrapperFooter{}
.singleSchoolMapDiv { width: 650px; height: 310px;border-bottom:2px solid #D9D9D9; }

.singleSchoolMapLegendContainer {display:none; background-color:#f4f4f4; width:640px; padding: 10px 5px 10px 5px; }
.singleSchoolMapLegendContainer p{font-size:8px; padding:0; margin:0;margin-top:5px;}


#singleSchoolBoundaryMapLegendContainer {float:left; width: 200px; padding: 10px 5px 10px 5px; clear:both; }
#singleSchoolBoundaryMapLegendContainer p {line-height:10px;margin-top:10px;}

.singleSchoolMapBoundaryLegend { }
.singleSchoolMapBoundaryLink{float:right;}
#singleSchoolMapControls{}
#singleSchoolMapControlsContent{padding:4px 6px;}
#singleSchoolMapControlsFooter{clear:both;}
.singleSchoolMapAddressContainer {float:left; padding-left:15px;padding-top:10px;width:350px;background:url('/_layouts/Psd/Internet/Images/pl_mapLegendSeparator.jpg') no-repeat top left;}

/* Small Calendar Control */
.calendarWrapper {position:relative;  z-index:10;/*IE popup z-index affected by parent*/}
.calendarWrapper .lnkViewAll {float:right;font-size:11px;padding-right:30px;}
.calendarDiv { display: inline-block; font-size: 11px; margin-top: 4px; }

#fullPageCalendarLink{font-size: 11px;padding-top:10px;}
#fullPageCalendarLink a {float: right;padding:0;padding-right: 30px;}
#homepageContent .calendarDiv { font-size: 13px; }
#eventSummaryWrapper { position: relative;}
#smallCalendarLoading { display: none; position: absolute; padding: 5px; z-index: 20; left: 0; right: 0; background-color: white; }
.eventSummary { }
.calendarHighlight { background-image: none; }
.calendarHighlight a { background: #6fa7d1 !important; color: White !important; }
.ui-datepicker { width: 14em !important; }

#leftCol .ui-datepicker { width: 16.5em !important; }

.ui-datepicker-calendar { font-size: .7em !important; }
#leftCol .ui-datepicker-calendar { font-size: .9em !important; }
.ui-datepicker-today a { background: #477fa9 !important; }

.eventSummary {width: 200px; }

#homepageContent .eventSummary { padding-top: 3px; }

.eventSummaryHeader { font-size: 15px !important; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 3px; color: #5a92bc; }

.eventItem { }

.eventSectionHeader {color:#0D5179;font-size:17px;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;margin:0 0 10px;padding-top:15px;}
.eventItemTitle { margin-top: 3px; margin-bottom: 0; padding: 0px 0px 5px 4px; font-size: 11px; color: #505050; }

.eventDateHeader { font-size: 11px !important; font-weight: bold; padding:0px 0px 3px 0px;color:#666; margin:2px;}
.eventSummaryList { padding: 0; margin: 0;margin-bottom:7px; list-style: none; }
.eventSummaryList li { padding: 0px 0px 0px 5px; margin: 0; }
.eventItem p { margin-top: 2px; font-size: 9px; color: #6A6A6A; display:none;}

#smallCalPopup{width:518px; display:none; position:absolute; top:180px; left:0px; z-index:10; background-color:transparent; font-size:11px;}
.smallCalPopupHeader{width:518px; height:30px; background:transparent url('/_layouts/Psd/Internet/Images/popup-header.png') no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  }
.smallCalPopupCloseLink img{border:none;}
.smallCalPopupCloseLink{float:right; cursor:pointer; margin:15px 15px 0 0;}
.smallCalPopupMiddle{width:518px; background:transparent url('/_layouts/Psd/Internet/Images/popup-middle.png') repeat-y; min-height:150px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	}
.smallCalPopupLoading{padding:50 100px; height:50px; background:transparent url('/_layouts/Psd/Internet/Images/ajax-loader.gif') no-repeat center center;}
.smallCalPopupContent{margin:0px 20px 0px 20px; color:#8a8a8a;}
.smallCalPopupContent ul{margin:0px; padding:0px; list-style:none;}
.smallCalPopupContent h3{margin-top:0; padding-top:0; font-size:14px;}
.smallCalPopupLabelCell{width:100px; text-align:left; vertical-align:top;}
.smallCalPopupContentCell{text-align:left; vertical-align:top;}
.smallCalPopupFooter{width:518px; height:30px;background:transparent url('/_layouts/Psd/Internet/Images/popup-footer.png') no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  }
.smallCalPopupFooterContent{margin:0 0 0 20px;}

.calPopupItemHeader{padding:2px 5px;}
.calPopupItemHeader a{color:#595959 !important; text-decoration:none; font-size:11px;}
.calPopupItemTimeInfo{padding:2px 9px; color:#494949; font-size:9px;}

/* Icons */
.documentLinkIcon {vertical-align:middle; }
.externalLinkIcon {vertical-align:middle;  }


/*Small related content control*/
.relatedContent { }
.relatedContentHeader { font-weight: bold; }
.relatedContent ul { list-style: none; padding-left:0;}
.relatedContentItem {padding-bottom:5px;}
.relatedContentItem a {padding-left:4px; }


/* Small Map Control */

.smallMapWrapper { width: 250px; height: 250px; border: 1px solid #EEEEEE; padding: 10px; }
.smallMap { width: 250px; height: 250px; }

/* School Events Control*/
.schoolEvents { float:left;margin-top:20px;width:100%;}
.schoolEventsHeader { font-size:15px;font-weight:bold;padding-bottom:13px;}
.schoolEvents ul { list-style: none;padding:0;margin:0; }
.schoolEventItemTitle { font-weight: normal; }
.schoolEventItemStartTime { margin-left: 10px; }

/*Audience Related Content*/
.audienceContent { width: 800px; padding: 10px; }
.audienceContentHeader { font-weight: bold; font-size: 13px; }
.audienceContentPages { width: 220px; float: left; padding: 0px 20px 0px 20px; }
.audienceContentDocuments { width: 220px; float: left; padding: 0px 20px 0px 20px; }
.audienceContentLinks { width: 220px; float: left; padding: 0px 20px 0px 20px; }
.audiencePageContentList { list-style: none; padding: 0; margin: 0; }

/* Banner */
.bannerImage { width: 300px; height: 200px; }

/* Site Aggregator */
.Card { width: 300px; border: 1px solid #dadada; float: left; margin-right: 10px; margin-top: 10px; padding: 5px; background-color: #f9f9f9; cursor: pointer; height: 90px; }
.Card:hover { background-color: #f6f6f6; border: 1px solid #d4d4d4; }
.Card img { width: 90px; height: 60px; border: none; float: left; margin-right: 10px; margin-bottom: 30px; }
.Card p { margin: 0; padding: 0; }
.CardHeader { font-weight: bold; float: left; width: 190px; margin-bottom: 5px; }

/* School Aggregator*/
.schoolAggregator { width: 650px; }

.schoolAggregator .Card { height: 60px; }
.schoolAggregatorFirstHalf { width: 325px; float: left; }
.schoolAggregatorSecondHalf { width: 325px; float: left; }

/* page index */
#pageItemWebPart { min-height: 500px; padding: 2px; }
#pageItemWebPart .pageItems { list-style: none; padding-top:10px;}
#pageItemWebPart .pageItems a {text-decoration:underline;}

#pageItemWebPart .pageItems * { vertical-align: middle; }


#pageItemWebPart #all_pageItemLetterLink { width: 21px; }

#pageItemWebPart .pageItemLetterLink { display: inline-block; padding: 4px; background-color: #838384; border: 1px solid #838384; color: white; height: 12px; width: 12px; text-align: center; }
#pageItemWebPart .pageItemLetterLink:hover { background-color: #9a9a9b; border: solid 1px #9a9a9b; }
#pageItemWebPart .pageItemLetterLinkNone { display: inline-block; padding: 4px; background-color: #DDDDDD; border: 1px solid #DDDDDD; color: white; height: 12px; width: 12px; text-align: center; }
.pageItemLetterLinkCurrent { background-color: White !important; font-weight: bold; color: black !important; text-align: center; }
.pageIndexIcon { width: 18px; height: 18px; margin-right: 5px; }
.pageIndexGroupHeader { border-bottom: 1px dotted #EEEEEE; padding: 10px 5px 5px 5px; }

/* Feedback control */
#dfFeedbackFormWrapper .fieldLabel { display: inline-block; width: 150px; float: left; outline: none; font-size: 11px; }
#dfFeedbackFormWrapper label { font-size: 11px; }
#dfFeedbackFormWrapper ul { list-style: none; }
#dfFeedbackFormWrapper li { clear: both; padding: 3px 0px 3px 0px; }
#dfFeedbackFormWrapper { width: 580px; padding: 10px 25px 10px 25px; }
.optionalFields { display: block; width: 580px; }
.fbRow { clear: both; padding: 3px 0px 3px 0px; }
.fbRowAnon { padding: 6px 0px 6px 0px; }
.fbSelect { width: 400px; }
.fbText { width: 400px; }
.fbComment { height: 100px; resize: none; width: 400px; }
.optionWrapper { padding: 15px 0px 15px 0px; }
.fbSubmit { float: right; }
.fbFieldWrapper { height: 350px; }
.fbRequired { margin-left: 4px; float: right; color: Red; display: none; }
#fbErrMessage { display: none; float: right; color: Red; margin-right: 10px; }
#dfFeedbackSuccess { padding: 50px; display: none; }



/* I want to AKA How do I AKA Question Links Control */
.questionSelectWrapper { font-size: 11px; }
.questionSelectWrapper .questionSelect .questionSelectCurrent, .questionSelect ul { margin: 0px; padding: 0px; }
.questionSelectWrapper .questionSelect { position: relative; z-index: 900; }
.questionSelectWrapper a, .questionSelect a:visited { color: #000; text-decoration: none; outline: none; }
.questionSelectText { cursor: pointer; padding: 5px; width: 100px; float: left; font-size:13px;font-weight:bold;}
.questionSelectButton { cursor: pointer; width: 16px; height: 16px; margin: 3px; float: right; background-position: center; background-repeat: no-repeat; background-image: url('/_layouts/Psd/Internet/Images/Icons/arrow.png'); }
.questionSelectCurrent { color: #000; background: White none repeat scroll 0 0; border: 1px solid #BBBBBB; padding: 0px; width: 200px; list-style: none; z-index: 900; }
.questionSelectWrapper .questionSelect ul { background: White none repeat scroll 0 0; border: 1px solid #BBBBBB; color: #C5C0B0; display: none; left: 0px; padding: 0px; position: absolute; top: 2px; width: auto; min-width: 170px; list-style: none; z-index: 900; height:250px;overflow:auto;width:200px;}

.questionSelectWrapper .questionSelect ul li a {text-decoration: none;border-bottom:1px solid #EEEEEE;display:block;padding:5px;text-decoration:none; }
.questionSelectWrapper .questionSelect ul li a:hover { background-color: #EFEFEF; text-decoration: none; }
.questionSelectWrapper img.flag { border: none; vertical-align: middle; margin-left: 10px; }

/* School list select */
.schoolSelectWrapper { font-size: 11px; }
.schoolSelectWrapper .schoolSelect .schoolSelectCurrent, .schoolSelect ul { margin: 0px; padding: 0px; }
.schoolSelectWrapper .schoolSelect { position: relative; z-index: 900; }
.schoolSelectWrapper a, .schoolSelect a:visited { color: #000; text-decoration: none; outline: none; }
.schoolSelectText { cursor: pointer; padding: 5px; width: 100px; float: left; }
.schoolSelectButton { cursor: pointer; width: 16px; height: 16px; margin: 3px; float: right; background-position: center; background-repeat: no-repeat; background-image: url('/_layouts/Psd/Internet/Images/Icons/arrow.png'); }
.schoolSelectCurrent { color: #000; background: White none repeat scroll 0 0; border: 1px solid #BBBBBB; padding: 0px; width: 200px; list-style: none; z-index: 900; }
.schoolSelectWrapper .schoolSelect .schoolGroupList{padding:3px;}
.schoolSelectWrapper .schoolSelect .schoolGroupList li{padding:6px 0px 6px 0px;}
.schoolSelectGroupHeader{border-bottom:2px solid #EEEEEE;color:#0D5179;font-size:12px;font-weight:bold;margin-bottom:5px;padding:4px 4px 7px;}
.schoolSelectWrapper .schoolSelect .schoolGroupList {border: 1px solid #BBBBBB;  display:none;  background: White none repeat scroll 0 0; color: #C5C0B0; left: 0px; padding: 0px; position: absolute; top: 2px; width: auto; min-width: 170px; list-style: none; z-index: 900; height:250px;overflow:auto;width:225px;}
.schoolSelectWrapper .schoolSelect .schoolGroupList ul li{padding:0px;}
.schoolSelectWrapper .schoolSelect .schoolGroupList ul li a { border-bottom:1px solid #eee;color:#595959;display:block;font-size:10px;padding:4px 10px;text-decoration:none; }
.schoolSelectWrapper .schoolSelect .schoolGroupList ul li a:hover { background-color: #EFEFEF; text-decoration: none; }
.schoolSelectWrapper img.flag { border: none; vertical-align: middle; margin-left: 10px; }


/* Large Calendar Control */
#calEventPopup{width:518px; display:none; position:absolute; top:100px; left:100px; z-index:10; background-color:transparent; font-size:11px;}
.calPopupHeader{width:518px; height:30px; background:transparent url('/_layouts/Psd/Internet/Images/popup-header.png') no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  }
.calPopupBackLink{float:left; display:none; margin:15px 0 0 15px;}
.calPopupCloseLink{float:right; cursor:pointer; margin:15px 15px 0 0;}
.calPopupMiddle{width:518px; background:transparent url('/_layouts/Psd/Internet/Images/popup-middle.png') repeat-y; min-height:150px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	}
.calPopupLoading{padding:50 100px; height:50px; background:transparent url('/_layouts/Psd/Internet/Images/ajax-loader.gif') no-repeat center center;}
.calPopupContent{margin:0px 20px 0px 20px; color:#8a8a8a;}
.calPopupContent ul{margin:0px; padding:0px; list-style:none}
.calPopupContent h3{margin-top:0; padding-top:0;font-size:14px;}
.calPopupLabelCell{width:100px; text-align:left; vertical-align:top;}
.calPopupContentCell{text-align:left; vertical-align:top;}
.calPopupFooter{width:518px; height:30px;background:transparent url('/_layouts/Psd/Internet/Images/popup-footer.png') no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  }
.calPopupFooterContent{margin:0 0 0 20px;}
.calPopupFooterContent a {text-decoration:none;}
.calendarView { width: 700px; min-height: 500px; display: none; clear: both; }
.calendarViewVisible { padding: 10px; width: 650px; min-height: 500px; clear: both; }
.viewLink{padding: 2px 3px 3px 3px; height:20px; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; background-color:White;}
.currentView { font-weight: bold; background-color:#EEEEEE; color:#595959 !important; }
.currentViewNav { float: left; width: 300px; margin-left:12px; }
.viewNav { display: none; float: left; width: 300px; }
.viewNavVisible { float: left; width: 250px; }
#monthCalendar, #yearCalendar { display: none; clear: both; }

#dayList ul { list-style: none; }
#dayList ul li { margin-bottom: 4px; }
.dayListEventName { font-size: 13px; }
.dayListEventTime { font-size: 11px; }

.weekListEventHeader { }
.weekListEventHeader a { font-size: 13px; }
.weekListEventList { list-style: none; padding: 2px 0px 0px 5px; margin-bottom: 8px; }
.weekListEventList li { padding: 2px 0px 2px 0px; }
.weekListDayHeader { font-size: 13px; }
.weekListEventName { font-size: 12px; }
.weekListEventTime { font-size: 11px; }

#monthList { display: none; clear: both; padding:20px;}
#monthList ul { list-style: none; }
#monthList ul li { padding: 2px 0px 2px 0px; }
.monthListDayHeader { font-size: 13px; }
.monthListEventName { font-size: 12px; }
.monthListEventTime { font-size: 11px; }

#yearList { display: none; clear: both; padding:20px;}
#yearList ul { list-style: none; }
#yearList ul li { padding: 2px 0px 2px 0px; }
.yearListDayHeader { font-size:12px;}
.yearListEventName { font-size: 12px; }
.yearListEventTime { font-size:11px;font-style:italic;}

#eventView { clear: both; }
#calendarViewNav{ float: right; list-style: none outside none; margin: 0; padding: 0;width: 150px;margin-right:25px;}
.calendarViewNav {display: none;  }
.calendarViewNavVisible { float:right;list-style:none outside none;margin-right:13px;width:150px;margin-top:0; }
#calendarViewNav li { float: left; padding: 3px 5px 3px 5px; }
.dateNav {margin: 0px 5px; float:left; }
#dateNext {margin-right:20px;}
.dateNav img { width: 29px; height:17px; border: 0; }

.calendarViewTitle { float:left;font-size:11px;padding-top:3px;text-align:center; font-weight:bold;}
#lnkCurrentDay {font-size:10px; float:left; position:relative; top:-1px;}
.currentDay { background-color: #477FA9 !important; color:#fff !important;}
.currentDay  a {color:#fff !important;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#fff !important;}
.eventDetailTable { clear: both; width: 635px; border-spacing: 0; }
.eventDetailLabelCell { width: 100px; background-color: #f5f5f5; padding: 4px 5px 4px 15px; color: #595959; font-weight: bold; text-align: center; vertical-align: top; }
.eventDetailContentCell { background-color: #fcfcfc; padding: 4px 5px 4px 15px; color: #595959; text-align: left; vertical-align: top; border-bottom: 1px solid #dbdbdb; }

#dayTable { display: none; clear: both; width: 635px; border-spacing: 0; }
.dayTableTimeCell { width: 100px; background-color: #f5f5f5; padding: 4px 5px 4px 15px; color: #595959; font-weight: bold; text-align: center; vertical-align: top; }
.dayTableContentCell { background-color: #fcfcfc; padding: 4px 5px 4px 15px; color: #595959; text-align: left; vertical-align: top; border-bottom: 1px solid #dbdbdb; }
.dayTableContentCell ul { list-style: none; }
.dayTableEventName { display: inline-block; clear: both; font-size: 9px; padding: 3px; margin-bottom: 1px; }
.dayTableEventTime { font-size: 8px !important; }

#weekTable { display: none; clear: both; border-spacing: 0; }
.weekTableDayCell { width: 80px; background-color: #f5f5f5; padding: 4px 2px 4px 2px; text-align: center; vertical-align: top; }
.weekTableDayCell a { font-size: 11px !important; }
.weekTableTimeCell { width: 65px; background-color: #f5f5f5; padding: 4px 2px 4px 2px; text-align: center; vertical-align: top; }
.weekTableTimeCell a { font-size: 12px !important; }
.weekTableContentCell { background-color: #fcfcfc; color: #595959; text-align: left; vertical-align: top; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.weekCalendarEventName { display: inline-block; clear: both; font-size: 9px; padding: 3px; margin-bottom: 1px; }
.weekCalendarEventTime { font-size: 8px !important; }

#monthView{border-left:5px solid #EEEEEE; border-right:5px solid #EEEEEE; border-bottom:5px solid #EEEEEE; border-top:5px solid #EEEEEE; width: 700px; }
#monthCalendar { min-width: 630px; width: 710px;}
.dayHeader { width: 90px; height: 10px; font-weight: bold; padding:0px 5px 5px 5px; float: left; color: #8B8B8B; background-color:#EEEEEE; text-align:center; }
.calendarDay { min-width:98px; width: 98px; height: 88px; float: left; border: 1px solid #EEEEEE; padding:0px; overflow:visible;}
.calendarDayToday{border: 1px solid #b0b0b0; background-color:#ebebeb;}
.calendarDayOutside { min-width:98px; width: 98px; height: 88px; float: left; border: 1px solid #EEEEEE; background-color: #F5F5F5; }
.calendarDay ul { list-style: none; width:98px; }
.calendarDayHeader { padding: 3px; text-align:right; }
.calendarDayHeader a { color: #595959 !important; }
.calendarDayHeaderToday{background-color:#b0b0b0; }
.calendarDayHeaderToday a{color: #595959 !important; }
.monthCalendarEventName { position:relative;  clear: both; font-size: 9px; padding: 1px; color:White; background-color:#668CD9; margin-top:1px; margin-bottom: 1px; height:12px; cursor:pointer; }
.monthCalendarEventNameInner{white-space:nowrap; position:absolute; z-index:6;}
.monthCalendarEventNameFirst { z-index:5; width:96px;left:1px; overflow:visible; }
.monthCalendarEventNameMiddle {z-index:4; width:102px; left:-2px; }
.monthCalendarEventNameLast { z-index:3; width:99px; left:-1px; overflow:hidden;}
.monthCalendarEventNameOnly { z-index:2; width:92px; margin:1px; height:12px; overflow:hidden; }

.monthCalendarEventNameInnerSchool{white-space:nowrap; position:absolute; z-index:6; overflow:hidden; height:12px; background-color:transparent;}
.monthCalendarEventNameSchool { position:relative;  clear: both; font-size: 9px; padding: 0px; color:#668CD9; background-color:White; margin-top:1px; margin-bottom: 1px; height:12px; cursor:pointer; }
.monthCalendarEventNameFirstSchool { z-index:5; width:97px;left:1px; overflow:visible; border-top:1px solid #6fa7d1; border-left:1px solid #6fa7d1; border-bottom:1px solid #6fa7d1; }
.monthCalendarEventNameMiddleSchool {z-index:4; width:102px; left:-2px; border-top:1px solid #6fa7d1; border-bottom:1px solid #6fa7d1; }
.monthCalendarEventNameLastSchool { z-index:3; width:98px; left:-1px; overflow:hidden; border-top:1px solid #6fa7d1; border-bottom:1px solid #6fa7d1; border-right:1px solid #6fa7d1;}
.monthCalendarEventNameOnlySchool { z-index:2; width:92px; margin:1px; overflow:hidden; border:1px solid #6fa7d1;}

.monthCalendarEventNameEmpty { position:relative;  clear: both; font-size: 9px; padding: 1px; height:12px; margin: 1px; overflow: hidden; cursor:none; }
.monthCalendarEventName a { font-size: 9px !important; }
.monthCalendarMore { margin: 5px 5px 0px 0px; float: right; font-size: 9px !important; }

#eventTypeLegend{display:none;}
#eventTypeLegend ul{list-style:none;margin:0;padding:10px 0 0 0;}
#eventTypeLegend ul li {float:left;padding-right:20px;}
.eventTypeLegendBox{float:left; width:12px; height:12px; border:1px solid #DEDEDE;}
.eventTypeLegendTitle{margin-left:7px;}
.eventTypeItemFooter{clear:both;}

#calendarLoading { display: none; background-color: White; width: 16px; height: 16px; border: 1px solid #dbdbdb; padding: 15px; position: absolute; z-index: 2000; }
.calLoadingImage { }

#yearCalendar { width: 630px;}
#yearView {padding-left:0; border-right:5px solid #EEEEEE; border-bottom:5px solid #EEEEEE; border-top:5px solid #EEEEEE;border-left:5px solid #EEEEEE; width:700px;}
.yearCalendarDayHeader { width: 18px; float: left; border: 1px solid #fff; margin: 1px; padding: 0px 2px 0px 2px; text-align: center; color: #000 !important; }
.yearCalendarDay { width: 12px; height: 12px; float: left; border: 1px solid #c5dbec; margin: 1px; padding: 5px;background-color:#DFEFFC;}
.yearCalendarDayPopup{position:relative; color:#626262;top:-16px; left:-10px; z-index:1000 !important; border:1px solid #dbdbdb; width:150px; background-color:White; display:none; padding: 5px; }
.yearCalendarDayPopupHeader{border-bottom:1px dotted #dbdbdb; padding-bottom:5px;}
.yearCalendarDayPopup a { display:block; color: #626262 !important; padding:4px; }
.yearCalendarDay a { color: #2E6E9E !important; }
.yearCalendarDay currentDay  a { color: #fff !important; }
.yearCalendarDayHl { width: 12px; height: 12px; float: left; border: 1px solid #c5dbec; margin: 1px; padding: 5px;background-color:#88bee6; cursor:pointer;}
.yearCalendarDayHl a { }
.yearCalendarDayOutside { width: 12px; height: 12px;padding:5px; float: left; border: 1px solid #c5dbec; background-color: #F5F5F5; margin: 1px; }
.yearCalendarDay ul { list-style: none; }
.yearCalendarDayNumber { float: right; padding: 3px; }

.yearSmallCalendar { width: 185px; float: left; padding: 5px; margin: 5px; }
.monthTitle {background-color:#6ea6d1;padding:5px;color:#fff;}

.lnkMonth {font-weight:bold;}
#eventDetailsName { font-weight: bold; font-size: 16px; border-bottom: 1px dotted #dbdbdb; padding: 5px; }
.eventDetailsLabel { display: inline-block; width: 120px; font-weight: bold; }
.eventDetails ul { list-style: none; }
#eventNav {font-weight:normal;text-decoration:underline;}
#calendarViewWrapper { min-height: 500px; position:relative; width:720px;}

#toggleView { height: 15px; padding-right: 68px; margin-top:5px;}
#toggleViewLink { float: right; cursor: pointer;}
#toggleViewLink img{ border:none;}
.toggleViewHidden { display: none; }

.ms-WPBody a.indexLink, .ms-WPBody a.indexLink:link, .ms-WPBody a.indexLink:visited {font-size:1px;color:#fff;}
.indexLink:hover {color:#fff;}
/*Popular Topics*/
.popularTopics { width: 225px; }
.popularTopicsHeader {display:none;}
.popularTopics ul { list-style: none; padding: 0; margin: 0; }
.popularTopicItem { }
.popularTopicItem a img { border: 0; padding-bottom:10px; }

#employmentPopularTopics {text-align:center;margin-top:35px;}
#employmentPopularTopics .popularTopics {width:100%;}
#employmentPopularTopics li {margin-bottom:20px;margin-right:50px;float:left;}

.currentDay a {color:#fff !important;}

.paQuestion{ font-weight:bold; }
.paTotalVotes{ color: #999; font-size:smaller;}
.paResultBar{ background-color: #BBB; margin-right: 5px;  height:12px; }
.paVoteCount{ display:inline; }
.paAnswers{ margin-top: 20px; }
.paAnswerTitle{ margin-right: 10px; }
.paAnswer DIV {float:left; }
.paAnswer { width:100%;float:left;}
.radioButtonItem { margin: 5px; }

.pageFeedBackControl .rowWrap {float:left; width:95%; margin-top: 5px; }
.pageFeedBackControl .rowWrap DIV { float:left; }
.pageFeedBackControl .commentTextBox { width: 100%; overflow:hidden;  }
.pageFeedBackControl .label { width: 55px; padding-top: 5px;  }
.pageFeedBackControl .required { font-size: 15px; color: #CC0000; padding-left: 5px; padding-bottom: 5px;  }

#calendarDateNav {
	width:700px;
}