/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:

Layout
Global Box Styles
Top Navigation
Login styles
Header defaults
Bullets and Icons and Misc Buttons
Left Nav New
Directory Pages
Summary List
Breadcrumbs
Upcoming Events
Calendar Page
Weather
Standard Definitions
Google translator
New Base Box
Item Lists
Survey
Mission Statement Content (resource info page)
News Resource
Parent Registration

----------------------------------------*/

/* global reset*/
*
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, hr
{
    margin: 0;
    /*padding-right:40px;  keep header content inside the box style */
}
body
{
    font-family: Arial, Sans-Serif;
    font-size: 100%; /*line-height:1.125em;*/
    line-height: normal;
    vertical-align: baseline;
    letter-spacing: normal;
}

blockquote
{
	margin: 1em 40px; /*DE2106 setting default margins lost by global reset*/
}

p
{
	margin: 1em 0; /*DE2106 setting default margins lost by global reset*/
}

/* Layout 

--------------------------*/

table.wrapperTable, #previewDiv
{
    font-size: .75em; /* 9pt, 12px = base font size for 6 original themes */
    /* #previewDiv brings this to photo album preview so font size will match*/
}
fieldset
{
    border: none;
}
a img
{
    border: none;
}
a:link, a
{
    text-decoration: underline;
    border: none;
}
.topNavigation a
{
    text-decoration: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
}

td.leftCol, td.mainCol
{
    vertical-align: top;
}
.wrapper
{
    width: 950px;
    margin: 0 auto;
}
/* Layout misc */

/* 13995 - this fix is for any aligned image in group listing page */
.groupListingPage table td, .subjectListingPage table td 
{
    width:auto !important;
}

/* Top Navigation 

---------------------------------*/
.topNav
{
    font-size: .9em;
    font-weight: bold;
}
ul.topNavigation
{
    margin: 0;
    padding: 0;
}
html > body span.topNavBullet
{
    position: relative;
    top: 2px;
}

*:first-child + html span.topNavBullet /* IE7 first child hack */
{
    position: relative;
    top: -1px;
}

.topNavLeft
{
    text-align: left;
    position: absolute;
}
.topNavRight
{
    float: right;
    margin-right: 10px;
    _margin-right: 5px;
}
/* Extra Region */
.extraRegion
{
    margin-top: 30px;
    width: 100%;
}

/* Login styles */
/* tableless login */
.login
{
    width:17em;
    display: inline-block; /* this is not working correctly for FF2 */ /* This allows for the positioning of the block via text-align */
    margin-right: 10px; /* login positioning doesn't work for FF2 */
    _margin-right: 5px;
    text-align:right;
}
.loginCompact 
{
    width:16em;
    display: -moz-inline-stack; /* this is not working correctly for FF2 */
    display: inline-block; /* This allows for the positioning of the block via text-align */
    text-align:left;
}
.loginCompact .loginLinks 
{
    text-align:left;
    margin-top:3px;
}
.login fieldset 
{
    padding:1px;
    text-align:right;
    width:100%;
}
.loginLinks, .forgotPasswordLink 
{
    font-size:.8em;
    text-align:right;
    _padding:0;
}
.forgotPasswordLink 
{
    margin-bottom:3px;
}
.loginField 
{
    width:100px;
    padding:1px;/* DE2376 *Removed height on field */
    
}



.loginHorizontal fieldset input.loginField, .loginCompact fieldset input.loginField
{
    border: 1px solid #ccc;
}
.loginHorizontal fieldset
{
    display: block;
    float: left;
    padding: 13px 2px 10px;
}
.loginHorizontal label
{
    position: relative;
    bottom: 2px;
}

.headerCell .loginHorizontal
{
    float: left;
    width: 100%;
    font-size: .9em;
}
.headerCell .loginHorizontal td 
{
    padding:14px 5px;
    vertical-align:middle;
}

.loginCompact label
{
    font-size: .9em;
   
}
.loginCompact fieldset
{
    padding: 0;
    margin: 5px 5px 5px 0px;
    text-align:left;
}
.loginLinks
{
    padding: 0;
    _padding: 5px 0 0 0;
    margin: 2px 0px 0px 0px; /* remove left margin for DE2292 */
    list-style-type: none;
}
.loginWord 
{
    display:none;
}

/* remove login label from all instances of the login */

.loginCompact ul.loginLinks
{
    margin-left: 0;
    list-style-type:none;
}
.loginCompact .loginLinks
{
    margin-left: 0px;
    margin-top:0px;
    padding-top:0px;
    display: block;
}    

/* form */
.forgotPassForm td, .contactUsForm td 
{
    padding:2px 0px\9;
}
.forgotPassHeader .headerBullet
{
    margin-top:-5px;
    margin-right:3px;
}
.forgotPassForm select 
{
    margin-left:5px;
    width:155px;
    _width:154px;
}

#ctl00_mainContent_ContactUsPublic_maction
{
	margin: 0 5px; /*DE2551 aligning send to dropdown with below textboxes*/
}

.contactUsForm td, .forgotPassForm td, .directionsForm td
{
	padding: 2px; /*DE2551 unifying spacing between text boxes in different browsers*/
}


.login input[type=text], .login input[type=password]
{
    margin-left: 5px;
    border: 1px solid #ccc;
}



.login table td
{
    padding: 1px; *padding:0;
}

.login label
{
    text-transform: capitalize;
    font-size: .9em;
    _margin-right: 5px;
}
.login td span, .loginLinks
{
    /*font-size: .8em;*/
    white-space:nowrap;
}
.loginButton
{
    margin-top: -1px;
    _margin-top: 1px;
}
.loginButton, .goButton
{
    position: relative;
    border: 2px solid #fff;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    width: 50px;
    height: 20px;
    padding: 0 5px;
    cursor: pointer;
}
.submitButton 
{
    width:75px;
}
/* Header defaults */
h1
{
    font-size: 1.33em;
}
h2
{
    font-size: 1.167em;
}
h3
{
    font-size: 1em;
}
.plainBox h1 
{
    *zoom:1 !important; /* fixes IE7 issue of header not showing up #13621*/ 
}
h1.hr, h2.hr /* class page announcements (style 6) */
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
h2.hr
{
    padding-bottom: 0;
}
h2.forgotPassHeader 
{
    margin-bottom:10px;
    margin-top:15px;
}

/* 14078 */
.box-header table 
{
    display:inline-block;
}
/* Bullets and Icons and Misc Buttons*/
.icAttachment, .icUrgent 
{
    margin-right:5px;
}
.pageTitleContainer
{
    padding-bottom: 5px;
    _height: 1%;
}
.pageTitle /* bring page title text forward IE7 */
{
    position: relative;
    z-index: 2;
}
h1 img, h2 img
{
    padding-left: 5px;
}
.goButton
{
    text-transform: uppercase;
    width: auto;
}
.formButton /* contact us and forgot password buttons */
{
    display:inline-block\9;
    padding-top:5px\9;    
}



/* Site Admin Directory */
.siteAdminDirectory
{
    margin-left: 10px;
    margin-top:10px;
}
.siteAdminItem
{
    margin-bottom: 20px;
}
.siteAdminImage
{
    float: left;
	margin: 3px 10px 10px 0px;
    padding: 3px;
    border: 1px solid #ccc;
}

.siteAdminImageAndDescription
{
	margin: 1.5em 22px;
}

.siteAdminBullet
{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url(themes/global/images/icBullets16.gif);
    background-repeat: no-repeat;
}
.siteAdminDirectory h2
{
    margin-left: 0;
    padding-left: 0;
}
.siteAdminPosition
{
    font-size: .833em;
    font-style: italic;
    font-weight: normal;
    display: inline;
}
/* Left Nav New */
.icon-new, .color-pc .icon-new, .color-mpc .icon-new, .color-sc .icon-new, .color-msc .icon-new, .color-ac .icon-new, .subItem .icon-new
{
    margin-left: 5px;
    width: 16px;
    height: 8px;
    font-size: .7em;
    background-image: url(themes/global/images/new.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
    padding: 0px 2px;
    display: inline-block;
    text-indent: -9999px;
    *vertical-align: middle; /*DE2113 vertically centers new icon for IE67*/
}
/* Directory Pages 

------------------------*/
/* Search Panel */

.memberSearchForm label, .teacherSearchForm label, .adminSearchForm label 
{
    float:left;
}
.teacherSearchForm 
{
    *padding:5px 0;
}
.teacherSearchForm label, .memberSearchForm label, .adminSearchForm label
{
    padding-top:3px;
    padding-right:5px;
    width: 120px;
    text-align: right;
}
.memberSearchForm fieldset 
{
    padding:0 0 5px 0;
    /* *padding:0;  DE2551 removing IE7 specific rule which was breaking IE7 display*/
    margin:0;
}
.teacherSearchForm fieldset 
{
    padding:0 0 5px 0;
    margin:0;    
}

.teacherSearchForm select
{
	margin: 0 5px;
}


/* member search form */
.adminSearchForm
{
	padding-left: 0;
}
.adminSearchForm label 
{
    padding-right:10px;
}

/* Summary List */
.summaryList
{
    margin: 0 0 0 4px;
    padding: 0;
}
.summaryList ul
{
    margin: 5px 15px;
    padding: 5px 15px;
}

.summaryList ol
{
    margin: 5px 17px;
    padding: 5px 17px;
}
.summaryListItem
{
    clear: both;
    margin: 10px 0;
    overflow: hidden;
}
.summaryListBullet
{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: url(themes/global/images/icBullets.png) 0px -75px no-repeat;
    padding: 0;
}
.summaryListBullet2 /* currently only used for nanuet */
{
    display:none;
}
.groupDirItem 
{
    margin-left:12px;
    margin-bottom:10px;
}
.summaryListItemBox
{
    display: block;
    overflow: hidden;
    _margin-left: 10px;
}
.groupDir table td
{
    width:auto !important;
}
/* Quick List (Site Directory) */
.mainCol ul.quickList, .siteListingLinks .quickList 
{
    margin: 0px;
    padding: 10px 0 0 0;
    list-style-type: none;
}
.mainCol table.userProfileCallOuts ul.quickList 
{
    list-style-type:disc;
}
.mainCol ul.quickList li
{
    padding: 0 0 5px 0;
    margin: 0;
    list-style-type: none;
}
.siteListingLinks ul.quickList li
{
	padding-bottom: 10px;
}
.siteListingLinks ul.quickList 
{
    margin-left:5px;
    padding:0;
}
.siteListingLinks .plainBox .contentBox 
{
    padding:10px 0 0 10px;
    
}

.categoryName 
{
    font-weight:bold;
    position:relative;
    bottom:8px;
}

.siteListingLinks ul.quickList.categoryList
{
    padding-left:10px;
}
.siteListingLinks ul.quickList.categoryList li img
{
    padding:0 3px 0 0;    
}
.siteListingLinks img 
{
    _background-repeat:no-repeat;
}
  
.mainCol ul.quickList li img.nameIcon /*DE2484 resolving misalignment issue on site listing page*/
{
	float: none;
	padding: none;
	vertical-align: middle; 
	margin: 0;
	padding: 0;
	margin-right: 5px;
}
 
.siteListingLinks .baseBox_headInner 
{
    _padding-top:0;
}
.siteListingLinks ul.quickList
{
    padding:0px;
    margin:0 0 0 5px;
}

.siteListShowAll
{
    font-size: 1em;
    font-weight: bold;
    text-align: left; 
    margin:15px 0 0 15px;
}

/* DE100 site listing page admin header needs bullet */
.siteListAdminHeader {
padding-bottom:5px;
white-space:nowrap;
*width:12em; /* prevent h1 from wrapping in IE67 */
}

.siteListAdminHeader h1
{
	/*this header & bullet need to align with the one above*/
	position: relative;
	left: -10px;
	top: 5px;
	margin-bottom: 10px; /*keeps from running into text below*/
	*margin-bottom: 15px; /*keeps from running into text below in ie*/
}

.siteListAdminHeader .headerBullet {
float:left;
position:relative;
bottom:5px;
}

/* Breadcrumbs
------------------*/
.breadCrumbs
{
    _height: 1%;
    margin: 10px 10px 10px 0;
    font-size: .9em;
}
.rootBreadCrumb
{
    padding-left: 0px;
}
.rootBreadCrumb, .parentBreadCrumb
{
    color: #333;
}
.rootBreadCrumb, .parentBreadCrumb, .currentBreadCrumb
{
    font-weight: bold;
    *position:relative;
}
.breadCrumbs a.rootBreadCrumb, .breadCrumbs a.parentBreadCrumb
{
    text-decoration: none;
}
.breadCrumbs a.rootBreadCrumb:hover, .breadCrumbs a.parentBreadCrumb:hover
{
    text-decoration: underline;
}
span.breadCrumbSeperator
{
    display: inline-block;
    width: 10px;
    margin-left: 4px;
    background: url(themes/global/images/icBullets.png) 3px -155px no-repeat;
}



/* Calendar Page 

---------------------------------*/

.calButtonLeft
{
    float: left;

}
.calButtonRight
{
    float: right;
    margin-right: 10px;
}

span.calView
{
    /*font-family:Trebuchet MS;*/
    font-size: .8em;
    text-transform: capitalize;
    position: relative;
    bottom: 5px;
}
.calViewBtn
{
    margin-left: 5px;
}
.calIconSeparate
{
    margin: 0px 15px;
}
.calButtonLeft
{
    position: relative;
    top:.85em;
}
.calButtonRight 
{
    position:relative;
    top:1em;
}


input.calCustomize
{
    width: 14.5em;
    _width:15em;
    padding: 2px .3em;
    font-family: Tahoma;
    font-size: .9em;
    font-weight: bold;
    color: #444;
    text-align: left;
}
html>body input.calCustomize 
{
    position:relative;
}


.calUI
{
    background-image: url(themes/global/images/dotted.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #f4f4f4;
    padding: 8px 0 5px 0;
    text-align: center;
}
.calPrevMonth
{
    padding-right: 10px;
}
.calNextMonth
{
    padding-left: 10px;
}
.eventTypesFilter 
{
    padding-top:10px;
}

.calGridEvent .imageAndTitle img
{
	margin-top: -2px; /*aligns bullet to title*/
	overflow: hidden; /*this clears the float for the content below*/
}

/* Calendar Grid Styles */
.calendarMonthlyView 
{
    position:relative;
    bottom:20px;
}
.calMonthWrapper
{
   /* width: 100%; DE169*/
    position: relative;
    z-index: 1;
}
.monthlyCalendar, .monthlyCalendar TABLE
{
    /*margin-right: 10px; 
    *margin-right:-30px; DE169*/
    /*DE169*/width:100%;  
}
.monthlyCalendarMonth
{
    /*DE169 width: 100%; */
}
.monthlyCalendarDayHeader
{
    font-family: Trebuchet MS;
    font-weight: bold;
    text-transform: uppercase;
    color: #989898;
    text-align: center !important;
    background-color: #e3e3e3;
    padding: 14px 5px;
}
.monthlyCalendarDay
{
    height: 100px;
    border: solid 1px #CCC;
    padding: 5px;
    vertical-align: top; /*DF#10709*/ /*word-wrap:break-word;*/
}

.monthlyCalendarOtherMonthDay
{
    height: 100px;
    border: solid 1px #CCC;
    background-color: #F1F1F1;
    vertical-align: top;
}
.monthlyCalendarSelectedDay
{
    height: 100px;
    border: solid 1px #CCC;
    background-color: #d9e8f0;
    vertical-align: top;
}
.monthlyCalendarNumber
{
    font-family: Trebuchet MS;
    font-size: .9em;
    text-align: right;
    color: #666;
}
.monthlyCalendarOtherMonthDay .monthlyCalendarNumber
{
    color: #999;
}

.eventFilter
{
    background-color: #d9e8f0;
    padding: 2px;
    width: 175px;
    background-color: #d9e8f0;
    border: solid 1px #999999;
}
.searchPanel
{
    background-color: #d9e8f0;
    font-size: 11px;
    width: 200px;
    border: solid 1px #999999;
    white-space: normal !important;
    z-index: 1;
}
.searchPanelHeader
{
    background-color: #660000;
    padding: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
/* Monthly Calendar Events */
.calGridEvent
{
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    clear:both;
}
div.calTitle
{
    font-weight: bold;
}
div.calTime
{
    padding-left: 5px;
    background-image: url(themes/global/images/icBullets.gif);
    background-position: 0px -565px; /* DE2424 */
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: .8em;
    line-height: normal;
}
div.calDescription
{
    font-size: .9em;
    line-height: normal;
}
/* Calendar List View */
.calendarEvents 
{
    overflow:hidden;
    /* float:left; DE2449 float is causing content to be truncated*/
    clear: left; /*DE2449 keeps from being hidden next to left-floated header*/
    display:block;
    border-right: 1px solid #cccccc;
    *width: 100%; /*keeps IE6-7 from expanding event divs out to the moon*/
}
td.listViewList 
{
    padding-right:2px;
}   
.listViewHeader
{
    width: 100%;
    margin-top: 5px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    font-weight:bold;
}
.calListViewNoResults 
{
    padding-top:20px;
    text-align:center;
    font-weight:bold;
}

.listViewHeader span
{
    margin-top: 2px;
}
.listViewHeader input
{
    margin: 5px;
}
.listViewHeader td input
{
    margin-top: 3px;
}
.calListDayContainer
{
    width:99.7%;
    float:left; 
    position:relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*RK - note I deleted some FF2-only stuff that was here.  
Couldn't comment it out because the hack itself closed the comment (so see history for it)
The FF2 only hack seems wonky and like it doesn't always work
It was breaking display for EVERY firefox including version 2
See DE290 and DE2053 for more details */

.calendarListDay
{
    float: left;
}
.calendarListDay .monthName, .calendarListDay .dayName
{
    float: left;
    display: block;
    width: 6.5em;
    padding: 15px;
    text-align: center;
}
.calendarListDay .dayName
{
    font-size: .8333em;
    font-weight: bold;
    text-transform: uppercase;
    color: #aaa;
    padding-right:1em;
}
.calendarListDay .monthName
{
    font-size: .9167em;
    font-weight: bold;
    width:5em;
}
.calendarListEvents
{
    padding: 0 10px 15px 0;    
}
.calendarListEvents .calTitle
{
    margin-top: 15px;
}

td.calListUI
{
    background-image: url(themes/global/images/dotted.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #f6f6f6;
    padding: 6px 15px;
}
.calListViewButton
{
    font-family: Trebuchet MS;
    font-size: .8333em;   
    border: 0;
    width: 54px;
    height: 16px;
    cursor: pointer;
    background-image: url(themes/global/images/bgCalListViewButton.png);
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}
.calListViewButton.selected
{
    background-position: 0px -16px;
}
.calListUI .calViewBtn
{
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left:5px;
    
}
/*
.eventListingDay
{
    width: 20px;
    font-size: 11px;
    text-align: center;
}
.eventListingDayHover
{
    width: 20px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.eventListingOtherMonthDay
{
    width: 20px;
    font-size: 11px;
    text-align: center;
    color: #999;
}
.eventListingSelectedDay
{
    width: 20px;
    border: solid 1px #b55100;
    background-color: #ffeb94;
    font-weight: bold;
    cursor: pointer;
}
.eventListingMonthTitle
{
    font-weight: bold;
}
.eventListingCalendar
{
    border: solid 1px #333333;
}
.eventListingNextPrev, eventListingNextPrev:hover
{
    font-family: Webdings;
    cursor: pointer;
    color: #000000;
    text-decoration: none;
}
.eventListingDayHeader
{
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.searchPanel
{
    background-color: #d9e8f0;
    font-size: 11px;
    width: 200px;
    background-color: #d9e8f0;
    border: solid 1px #999999;
}
.searchPanelHeader
{
    background-color: #660000;
    padding: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
*/
/* group calendar dropdown menus centered*/
table.wrapperTable td .CalNotActiveTbl 
{
    text-align:center;
}
/* Reference Calendar */

/* ref cal cells */
.listViewListSideBar .referenceCalendar
{
    position: relative;
    bottom: 30px;
    margin-bottom: -30px;
}
.referenceCalendar table table table table table td
{
    font-weight: bold;
    padding: 6px;
    text-align: center;
   /* border: 1px solid #eee;*//*Commented By RDS India for DE#289*/
}
.referenceCalendarOtherMonthDay
{
    color: #eee;
}

/*Calendar Event List title*/
.calendarCustomize .baseBox h1
{
    font-size: 1em;
    font-weight: bold;
    padding-left:5px;
}
/*14035 DE144*/
.calendarCustomize hr 
{
    margin:5px 0;
    padding:0;
}
.calendarCustomize .contentBox {
padding:0 5px 10px 5px;
}
.calendarCustomize center input {
margin:15px 0 5px 0;
}





/* event types */

.calEventType
{
    width: auto;
    text-align: left;
    padding-left: 3px;
    font-size: .65em;
    font-weight: bold;
    text-transform: uppercase;
}

/* calendar event search results page index */
.calSearchResults 
{
    margin:0 5px;
}
.gridFooter 
{
    width:100%;
} 
    .pagerText
    {
        font-size: .9167em;
        font-weight: normal;
    }

/* weather ----

--------------------*/
#weatherVert, #weatherHoriz, .weatherContainer 
{
    margin:0;
    padding:0;
    clear:both; 
}

td.weatherDay
{
width:50px;
}
.weatherOutlook
{
    padding-bottom:15px;
    padding-right:15px;
}
.weatherDay span
{
    display: block;
}
.weatherHigh, .weatherLow
{
    font-weight: bold;
}
.weatherHigh
{
    color: #c00;
}
.weatherLow
{
    color: #06f;
}
.weatherDate
{
    white-space: nowrap;
}

/* Standard Definitions
----------------------------------------*/
.bold 
{
    font-weight:bold;
}
.GrayItlTxt { color: #999999; font-size: .9167em; font-style: italic; padding-left:5px;}
.italics 
{
    font-style:italic;
}
.groupProfile_SiteName 
{
        font-size:.95em;
    padding-top:5px;
    padding-bottom:8px;
}
/* disappearing header in IE7 */
*:first-child + html .plainBox h1, .plainBox h2
{
    position: relative;
}
/* spacing between footer content and body content - need this because box styles without content were taking up space with the padding */
.box-footer a, .box-footer div, .box-footer p
{
    display: inline-block;
    padding: 10px 0px;
}
h1, h2
{
    _height: 1%;
}
td
{
    vertical-align: top;
}
/* WB: Commenting this out because it is breaking the UI in Layout Manager
 * Please be more careful and target  your CSS changes rather than putting
 * a global tag style in.
ol, ul
{
    margin: 0 0 0 20px;
    padding: 0;
}
*/
.mainCol ul, .mainCol ol
{   
    margin:0px 35px;
    padding:10px 0;
    overflow: hidden;
    zoom: 1;
    list-style-position: inside;
}
.mainCol ul li, .mainCol ol li 
{
    padding:0;
}
.mainCol ul 
{
     list-style-type: disc;
}
.mainCol ol 
{
    list-style-type:decimal;
}
.contentBox img, .box-body img
{
    position: relative;
    padding: 0; 
    margin: 5px; /*needs margin, not padding, in case there is a border*/
    margin-bottom: 0; /*prevents misalignment with text in inline images*/
	/*floated or aligned images have their margins built in already*/
}

.resourceBody img
{
	margin: 5px;
	margin-bottom: 0px; /*prevents misalignment with text in inline images*/
	/*floated or aligned images have their margins built in already*/
}

/* DE103 Need to nullify the above position:relative; rule for IE67 marquees with images */
.contentBox marquee img {
position: static;
}
.backLink
{
    margin-top: 30px;
}
span
{
    _overflow: hidden;
}
.backLinkBullet
{
    _overflow: hidden;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.clear-both
{
    clear: both;
}
.width-50p
{
    width: 50%;
}
.width-auto
{
    width: auto;
}

IMG.floatLeft
{
    float: left;
    margin-right: 10px;
}
IMG.floatRight
{
    float: right;
    margin-left: 10px;
}
.small
{
    font-size: .833em;
}
.large
{
    font-size: 1.167em;
}
.soft
{
    color: #D3D3D3;
}
.hide
{
    display: none;
}
.invisible 
{
    visibility:hidden;
}
.noUnderline, .no-url
{
    text-decoration: none;
}
p.last
{
    margin-bottom: 0px;
}
.addBtmMargin15
{
    margin-bottom: 15px;
}
.addBtmMargin10
{
    margin-bottom: 10px;
}
.addBtmMargin5
{
    margin-bottom: 5px;
}
.addTopMargin15
{
    margin-top: 15px;
}
.addTopMargin10
{
    margin-top: 10px;
}
.addTopMargin5
{
    margin-top: 5px;
}
.addLeftMargin10
{
    margin-left: 10px;
}
/* Google translator / Search */

.searchCalendarPublic td /* DE2354 */
{
    padding:15px 0 0 5px;
}

.googleSearchContainer /*DE2350--changed name of this selector; an existing selector had the same name*/
{
    margin:5px 0 5px 5px;   
}
.searchResultsMainTable .helpTips 
{
    margin:15px 0 0 0 !important;
    padding:0 5px;
}
.googleSearch label 
{
    display:none;
}
.googleSearch input[type="text"] 
{
    width:70%;
    max-width:250px;
    float:left;
    margin-left: 2px; /* DE2349 to match button in event of wrapping */
    margin-bottom: 5px; /* DE2349 to prevent overlap with button in event of wrapping */
    _width:auto;
}
.googleSearch input[type="button"] 
{
    float:left;
    position:relative;
    bottom:2px;
    padding:2px;
    margin-left:2px;
}
/* DE2350 commenting this out because it was breaking boxes in IE7
*:first-child+html .googleSearch .contentBox
{
    width:275px;
}*/
.transBox, .transBoxDrop
{
    margin-bottom: 10px;
    border: solid 1px #808080;
    background-color: #ffffff;
}
.transBoxDropContent
{
    padding: 0px !important;
}
.transBox TD
{
    padding: 0px;
}
.transBoxItem DIV, .transBoxItemHover DIV
{
    padding: 4px;
    background-color: #FFFFFF;
    text-align: left;
}
.transBoxItemHover DIV
{
    background-color: #808080;
    cursor: pointer;
}
.transBoxItem DIV IMG
{
    vertical-align: middle;
}
.transBoxItem DIV SPAN, .transBoxItemHover DIV SPAN
{
    padding-left: 20px;
    font-size: 11px;
    background-image: url(images/flags.gif);
    background-repeat: no-repeat;
}
.transBoxItem DIV SPAN
{
    color: #333333 !important;
}
.transBoxItemHover DIV SPAN
{
    color: #FFFFFF !important;
}
/* Flags */
.flag_af
{
    background-position: 0 -520px;
}
.flag_sw
{
    background-position: 0 -456px;
}
.flag_sq
{
    background-position: 0 -533px;
}
.flag_be
{
    background-position: 0 -547px;
}
.flag_et
{
    background-position: 0 -562px;
}
.flag_gl
{
    background-position: 0 -574px;
}
.flag_hu
{
    background-position: 0 -588px;
}
.flag_is
{
    background-position: 0 -601px;
}
.flag_ga
{
    background-position: 0 -617px;
}
.flag_mk
{
    background-position: 0 -630px;
}
.flag_ms
{
    background-position: 0 -643px;
}
.flag_mt
{
    background-position: 0 -658px;
}
.flag_fa
{
    background-position: 0 -672px;
}
.flag_sw
{
    background-position: 0 -455px;
}
.flag_th
{
    background-position: 0 -468px;
}
.flag_tr
{
    background-position: 0 -481px;
}
.flag_cy
{
    background-position: 0 -494px;
}
.flag_yi
{
    background-position: 0 -506px;
}
.flag_pl
{
    background-position: 0 0px;
}
.flag_hr
{
    background-position: 0 -13px;
}
.flag_fi
{
    background-position: 0 -26px;
}
.flag_lt
{
    background-position: 0 -39px;
}
.flag_ja
{
    background-position: 0 -52px;
}
.flag_iw
{
    background-position: 0 -65px;
}
.flag_pt-PT
{
    background-position: 0 -78px;
}
.flag_no
{
    background-position: 0 -91px;
}
.flag_nl
{
    background-position: 0 -104px;
}
.flag_vi
{
    background-position: 0 -117px;
}
.flag_hi
{
    background-position: 0 -130px;
}
.flag_sv
{
    background-position: 0 -143px;
}
.flag_fr
{
    background-position: 0 -156px;
}
.flag_zh-CN
{
    background-position: 0 -169px;
}
.flag_ca
{
    background-position: 0 -182px;
}
.flag_id
{
    background-position: 0 -195px;
}
.flag_ar
{
    background-position: 0 -208px;
}
.flag_lv
{
    background-position: 0 -221px;
}
.flag_da
{
    background-position: 0 -234px;
}
.flag_en
{
    background-position: 0 -247px;
}
.flag_blank
{
    background-position: 0 -247px;
    * display: inline-block;
}
.flag_de
{
    background-position: 0 -260px;
}
.flag_el
{
    background-position: 0 -273px;
}
.flag_ko
{
    background-position: 0 -286px;
}
.flag_cs
{
    background-position: 0 -299px;
}
.flag_uk
{
    background-position: 0 -312px;
}
.flag_tl
{
    background-position: 0 -325px;
}
.flag_es
{
    background-position: 0 -338px;
}
.flag_sk
{
    background-position: 0 -351px;
}
.flag_ro
{
    background-position: 0 -364px;
}
.flag_sl
{
    background-position: 0 -377px;
}
.flag_sr
{
    background-position: 0 -390px;
}
.flag_zh-TW
{
    background-position: 0 -684px;
}
.flag_it
{
    background-position: 0 -416px;
}
.flag_bg
{
    background-position: 0 -429px;
}
.flag_ru
{
    background-position: 0 -442px;
}
.flag_ht
{
    background-position: 0 -701px;
}
/* New Base Box 

-------------------------------------*/
/* html>body .box-body 
{
    width:100%; 
} removed this for 14266 */

/* Global Box Styles */
html>body .plainBox.box 
{
    margin:10px 5px;
}

.plainBox
{
    background-color: #fff; /* !important; temporarily make all subpage plainBox box styles white */
}
    .mainCol .box-nc 
    {
        background-color:#fff;
    }
    .loginContainer .box-nc /* must revert back to transparent for login */
    {
        background-color:transparent;
    }
.baseBox, .borderBox, .borderBox2, .baseBox2
{
    background-position: bottom right;
    width: auto;
    _width: 100%;
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    _padding-right: 0;
    zoom: 1; /* fixes the rendering issue gap in the bottom right in IE67 */
    overflow: hidden;
}

/* workaround for 13166 */
html>body .borderBox_head.box, .borderBox_headInner.box
{
    height:auto !important;
}


/* set the top-right image */
.baseBox_head, .borderBox_head, .borderBox2_head, .baseBox2_head
{
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    _margin-right: 0px;
    padding-right: 20px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.baseBox_headInner, .borderBox_headInner, .borderBox2_headInner, .baseBox2_headInner
{
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 20px 0 0 20px; 
    *padding-top:0;/* padding-left = image gap + interior padding ... no padding-right */ *padding-top:10px;
_height:auto;
zoom:1;/* fixes the rendering issue gap in the bottom right in IE67 */
}

/* set the lower-left corner image */
.baseBox_body, .borderBox_body, .borderBox2_body, .baseBox2_body
{ /*display:inline-block\9; helps IE wrap around floated objects */
background-position:bottom left;
margin-right:0px;/* interior-padding right */
_margin-right:15px;
padding-top:0;
padding-right:0;
padding-left:15px;
padding-bottom:5px;
*height:1%;/* IE Holly Hack - now applied to both 6 and 7*/
padding-bottom:15px\9;
/*width:85%;
_width:81%;*/
}
/* the following targets safari 3+ and chrome 1+ */
@mediascreenand(-webkit-min-device-pixel-ratio:0)
{
.baseBox_body, .borderBox_body, .borderBox2_body, .baseBox2_body
{
    padding-bottom: 10px;
}
}
/* Clear padding and margins; fix custom height*/
/* DE204 */
/*.box-body 
{
	overflow: hidden;
}*/    /*This was commented out because it was totally breaking layout in FF2 - See DE504*/

.contentBox
{
    padding: 0 5px;
    margin: 0;
}
.box h2
{ 
    padding-left:5px;
    padding-bottom:5px; /* prevent text from wrapping around icons */ 
    *padding-top:15px;   
}

.contentBox p
{
    padding: 0;
    margin: 0;
}
.rssFeed
{
    margin-bottom: 10px;
    overflow: hidden; /*clears floated images within feed items*/
    _clear: both; /*ie6 needs the actual clear*/
}
/* rssFeed subscribe page */
.rssFAQ 
{
    margin:20px 0;
}
.rssFAQ .headerBullet 
{
    float:left;
    margin-right:2px;
}
.rssFAQ p 
{
    margin:5px 0;
    padding:0 0 10px 0;
}
.rssFAQ h1 
{
    padding-top:2px;    
}

/* the following hr facilitates the box wrapping around floated/aligned images */
hr.hrBlock
{
    display: none;
    margin:0;
}
hr 
{
    clear:both;
    margin:5px 0;
}
html > body hr.hrBlock
{
    display: block;
    visibility: hidden;
    display: none\9 /* hide from all IE */;
}


.ui-dialog
{
    border: solid 1px #515050;
    background-color: #f1f1f1;
    z-index: 3000;
}
html > body .ui-dialog-titlebar
{
    background-image: url(images/ThemeEditor/ui_bg_highlight_1x30.png);
}
.ui-dialog-titlebar
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ThemeEditor/ui_bg_highlight_1x30.png', sizingMethod='scale');
}
.ui-dialog-titlebar
{
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    cursor: move;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.ui-dialog-titlebar, .ui-state-hover, .ui-dialog-titlebar .ui-state-focus
{
    background-color: #666666 !important;
}
.ui-dialog-titlebar-close
{
    /* border: solid 1px #373737; */
    position: absolute;
    margin: -9px 0 0 0;
    right: 10px;
    top: 50%;
}
.ui-dialog-titlebar-close span
{
    display: block;
    margin: 4px;
}
.ui-icon-closethick
{
    background: url('images/ThemeEditor/icon_close.gif') no-repeat;
    display: block;
    height: 9px;
    width: 9px;
    text-indent: -99999px;
    overflow: hidden;
}
.ui-dialog-buttonpane
{
    background-color: #f1f1f1;
    padding: 5px;
    clear: both;
}
.dialog-buttonpane, .footerStyle
{
    text-align: center;
    margin: 10px 0;
}

/*login prompt box */
.promptStyle
{
    background-color: #f1f1f1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
.titleStyle, .ui-dialog-titlebar
{
    font-family: Tahoma;
    font-size: 13px;
    background: #373737 url(images/ThemeEditor/ui_bg_highlight_1x30.png) repeat-x scroll 50% 50%;
    margin: 0;
    color: #fff;
}
.titleStyle
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}
.ui-dialog-titlebar
{
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.titleStyle /* pulled this out because it was causing private side prompts to have a huge header */
{
    padding: 10px;
}

/* The public side of the side uses a clear modal */
.modalStyle
{
    background-color: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0.0;
}
.bodyStyle, .ui-dialog-content
{
    font-family: Tahoma;
    font-size: 12px;
    padding: 10px 15px;    
}
.bodyStyle
{
    color: #000;
}

.footerStyle
{
    font-family: Tahoma;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}
.footerStyle input
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #696969;
    background-image: url(images/ThemeEditor/ui_bg_highlight_1x30.png);
    background-position: 50% 50%;
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
    overflow: visible;
    padding: 2px 5px;
    text-align: center;
}
/* Group Profile */
.groupProfileSection
{
    margin-top: 20px;
}
/* Group Calendar */
.CalOutlineTbl table td
{
    padding: 3px;
    border: 1px solid #ccc;
}
.CalOutlineTbl table td table td 
{
    border:0;
}

/* Item Lists (user, groups, blogs, directory)

-------------------------------*/
.itemList
{
    margin: 5px 5px 0 5px;
}

.facultyDir table td, .classDir table td, .blogDir table td 
{
    padding:0;
    border:3px solid #fff;
}
.userDir table td.directoryItem 
{
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    vertical-align:top;
}
.directoryItem div
{
    margin: 5px;
}
.userFullName
{
    font-weight: bold;
    font-size: 1em;
}
.userPosition
{
    font-size: .9167em;
    font-style: italic;
}

.mainCol .icEmail
{
    float: left;
    position: relative;
    bottom: 3px;
    margin-right: 0;
    padding-right: 0;
    margin:2px;
}

/* class directory listing */
.classDirUL li 
{
    list-style-type:none;
}
.mainCol .classDirUL 
{
    margin-left:5px;
}
/* groups list */
ul.summaryList li
{
    padding: 5px 0;
}
.instructorName a 
{
    text-decoration:none;
}
.summaryImg /* site listing summaryImg */
{    
    margin: 0 5px 5px 5px !important; /*changed to just have a margin of 5px and 0 on top for DE2911*/
   /* padding-top:5px !important;
    *margin:-5px 6px 0px 0 !important;
    *padding:0 !important; */
}
/* User Profile Pages

--------------------------------------*/
/* user profile page */
.userProfileCallOuts .summaryListBullet 
{
    background-color:transparent !important;
}
.userProfileType span br 
{
    display:none;
}

.profilePanelInfo
{
    width:300px;
}
.userInfoImage 
{
    max-width:90px;
}    
.userInfoImage img 
{
padding-right:10px;
}
.userInfoMid 
{
    width:auto;
    padding-right:10px;
}
.userInfoMid h3 
{
    float:left;
    padding-right:10px;
}
.userInfoRight 
{
    width:auto;
}

.userProfileName 
{
    font-size:1.3em;
}
.userProfileSiteName div, .userProfileOfficeHours div, .userProfileBlog div,
.userProfileRoom div, .userProfileGradesTaught div, .userProfileNickName div
{
    padding-top:8px;
}
.userProfilePosition 
{
    margin-top:0px;
}
.userProfileLeftCol /* DE79 */
{
    padding-right:10px;
}
.userProfileRightCol .baseBox.box, .userProfileRightCol .borderBox.box
{
    width:auto;
    min-width:180px;
}

.userProfileCallOuts .quickList div
{
    padding:2px 0;    
}
.userProfileCallOuts td
{
    vertical-align:top;
}

span.linkTitle 
{
    display:block;
    width:175px;
    background-image: url(themes/global/images/icBullets.gif);
    background-position: 0px -560px;
    background-repeat: no-repeat;
    padding-left:10px;
    padding-top:5px;
    margin-left:-10px;
}
.linkCategory, .linkTitle 
{
    cursor:pointer;
}
.linkRow nobr
{
	white-space: normal;
}
.linkAddress
{
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 5px; 
    width:200px;
    word-wrap: break-word; 
    display:none; /*Used to break long urls in the fav links box. valid in IE, Safari, and FF 3.1+ */
}

/* align contents */
.classProfileAnnouncements
{
    width:70%;    
}
*:first-child+html .classProfileAnnouncements 
{
    padding-right:20px;
}

.userProfileName, .userProfileSiteName, .userProfileType
{
    font-weight: bold;
}
.linkCategory
{
    padding-top: 2px;
}
.selectedLinkCategory
{
    padding-top: 3px;
}

.linkRow nobr
{
	white-space: normal;
	word-wrap: break-word;
}

/* Search Page/Search Results */
.searchResultsMainTable 
{
    width:99%;
}
.searchResultsMainTable td 
{
    margin:0;
}
.txtBox 
{
    margin:0 5px;
}
#ecSearchResults
{
    margin: 10px;
}
.eventSearchResultsHeader, .blogSearchResultsHeader
{
    background-color: #eee;
    padding: 0px;
    margin: 0;
}
.eventSearchResultsHeader table td, .blogSearchResultsHeader table td
{
    text-decoration: underline;
    cursor: pointer;
}
#ecSearchResults table td
{
    padding: 2px;
}
#ecSearchResults table th 
{
    padding:4px;
}


/* Popup Body (Export Calendar Events)*/

#ToolTip
{
    position: absolute;
    top: 0;
    left: 0;
    background: InfoBackground;
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    visibility: hidden;
}
.ToolTipTD
{
    color: black;
    font-family: verdana;
}
.popupHeader
{
    font-family: Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #F1F1F1;
    padding: 2px 4px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
}
.popupContent
{
    background-color: #FFFFFF;
    border: solid 1px #333333;
}
.popupIFrame
{
    width: 100%;
    height: 100%;
}
html > body .popupIFrame
{
    width: 100%;
    min-height: 250px;
}
.popupBody
{
    font-family: Arial, Verdana;
    color: #000000;
    font-size: 12px;
    padding: 10px;
    margin: 0px;
    background: #fff;
}
/* UI HELPERS */
.ui-helper-clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix
{
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix
{
    height: 1%;
}
.ui-helper-clearfix
{
    display: block;
}
/* END UI HELPERS */
.contentRegion
{
	min-width: 200px;
}


/*Blog Directory/Blog Search*/
.gridFooter
{
	padding-top: 10px;
}
.gridFooter A
{
	padding: 0px 5px;
}
.gridHeadingCell
{
	background-color: #cecece;
	padding: 4px;
	font-color: #000000;
	font-size: 12px;
	font-weight: bold;
	border-right: solid 2px #ffffff;
}
.gridHeadingCell TD
{
	text-decoration: underline;
	cursor: pointer;
}
.gridDataCell
{
	background-color: #ffffff;
	padding: 4px;
	border-bottom: solid 1px #cecece;
}

/* Survey */
.surveyTable td.text span
{
    display:block;
    padding:2px 0 2px 5px;  
}
.surveyTable input[type="checkbox"] 
{
    margin-right:5px;
}
.surveyQuestions td.text span
{
    display:block;
    padding-top:20px;
}

 html >/**/ body .surveyQuestions .questionCell span /*this is hidden from IE6-7 because it can cause cells to overlap in that browser*/
{
	min-width: 250px; /*keeps longer questions from getting way too scrunched up*/
}


/* Mission Statement Content (resource info page)*/
.story h2 
{
    padding-top:15px;
padding-left:0px;
    margin-left:5px;
}
.story div 
{
    padding-left:5px;
    padding-top:5px;
}
.story ol li ul 
{
    margin-left:15px;
}
.resourceBody {
padding-top:10px;
}
/* classes no results */
.classNoResults 
{
    padding-top:20px;
    background-color:#fff;
}

td.resourceListingCell
{
	*width: 270px;
}

.resourcePanel
{
	min-width: 270px; 
}

/* 14131 */
.loginCompact label, .loginCompact ul.loginLinks
{
    *margin-left:5px;
}

.listViewSideBar, .groupProfileSideBar 
{
    width:230px;
}

/* 14191 */
.siteMessageImg 
{
    padding-right:8px;
}
/* News Resource */
resourceQuote {
padding:8px 0;
}
.resourceByLine {
padding:8px 0;
font-size:.9em;
font-style:italic;
}

/* Parent Registration */

.parentRegForm {
margin-top:10px;
}
.parentRegForm td {
padding:0 10px;
}

.parentRegForm h2 {
padding:15px 0 20px 0;
margin:0;
}

.parentRegMoreInfo {
position:relative;
bottom:30px;
left:60px;
}

/* DE148 */
.extraRegion .webPart {
margin: 0 0 40px 0;
}

.leftContentRegion
{
    overflow:hidden;
}
.contentBoxNoBackground, .contentBox
 {
overflow:hidden !important;
}

/* site listing DE447, DE413 and DE */

.siteListAdminHeader {
margin-top:0;
}
.siteListAdmin {
margin-bottom:40px;

}


/*Announcements*/

.announcementItem
{
	padding-top: 5px;
	padding-bottom: 5px;
	*padding: 0; /*corrects for the fact that IE wrongly adds padding to HRs*/
	overflow: hidden; /*clears floats*/
}

/*Photo Album*/

.photoAlbumFlashViewer /*this is for photo albums on the homepage which should default to centered*/
{
	text-align: center;
}

.flashviewer .photoAlbumFlashViewer /*this is for photo albums on resource pages which should left-align*/
{
	text-align: left;
}

.logoContainer .photoAlbumFlashViewer, .logoContainerTop .photoAlbumFlashViewer, .logoContainerBtm .photoAlbumFlashViewer, .logo .photoAlbumFlashViewer
{
	text-align: left; /*for logo region - overrides centering*/
}

.PApreview .wrapper
{
	width: auto !important; /*overrides set widths of .wrapper in certain themes for PA preview*/
}
.header .loginContainer .webPart, .header .loginContainer .loginHorizontal /*DE2596*/
{
    float:none;
}

/* DE3302 */
.siteList div a {
font-size:14px;
font-weight:bold;
}
.siteListTable h1 {
margin-bottom:20px;
}

#googleDocEmbedFrame iframe {
    width:100%;
    min-height:600px;
    height:80%;
    border:1px solid #eee;
    box-sizing:border-box;
    outline:none;
    }

#ctl00_navigationZone_navigationMenu ul > li {
    display: inline-block;
    padding:5px 10px;
    position: relative;
}

#ctl00_navigationZone_navigationMenu ul > li > ul {
    position: absolute;
    display: none;
}/* Upcoming Events -----

--------------------*/

.upcomingEventDay p
{
    margin: 0;
    padding: 0;
}
.upcomingEventDay
{
    padding-top: 15px;
    _height: 1%;
}
.upcomingEvent
{
    background-image: url(themes/global/images/bgUpcomingEvent.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 1px 0 0 1px;
    margin-left:15px;
    margin-right:5px;
    line-height: normal;
}
.upcomingEventInner
{
    background-image: url(themes/global/images/bgUpcomingEvent.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
/* DE133 IE7 fix for images in events that are floated to the right */
*:first-child+html .ueContent {
display:inline-block;
}
.ueContent
{
    padding: 5px;    
}

div.ueDate
{
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 5px;
    background-image: url(themes/global/images/icBullets.gif);
    background-position: 5px -165px;
    background-repeat: no-repeat;
    white-space:nowrap;
}
.upcomingEvent div.ueTitle
{
    font-weight: bold;
    padding-top: 6px;
    margin-left: 12px;
}
.upcomingEvent div.ueDescription, div.ueTime
{
    margin-left: 20px;
    padding-top: 0px;
}
.upcomingEvent div.ueTime
{
    padding-left: 5px;
    background-image: url(themes/global/images/icBullets.gif);
    background-position: 0px -565px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: .8em;
}
.upcomingEvent .icon_attachment {
float:right;
}

div.ueDescription
{
    font-size: .9em;
    overflow:  hidden; /*DE2361 to contain floats*/
    _zoom: 1; /*DE2361 give layout to IE6 to help contain floats*/
}
div.upcomingEventsFooter
{
    text-align: center;
    margin: 0px 10px 0px 10px;
    padding-top: 10px;
    white-space: nowrap;
}
div.upcomingEventsFooter a, .viewMonthlyCalLink
{
    white-space:nowrap;
}
.viewMonthlyCalLink /* DE2321 */
{
        display:block;
        width:10.25em;
        margin:.5em auto;
}
div.ueFooterDate
{
    padding: 0;
    margin: 0;
}
/* hide span << in all themes */
.upcomingEventsFooter .viewMonthlyCalendarLink span {
display:none;
}

.ueEventType
{
    padding: 2px;
    text-align: left;
    padding-left: 3px;
    font-size: .65em;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 1px;
}
/*In this Stylesheet:
template01 layout and common styles
login, form
Nav, sideNav
content module box (stars) -- old boxstyle currently unused
content module rightCol
Calendar
Upcoming Events
Weather
Site Information
Site Listing Page
Footer
Box Styles, BS11, Bullets and Icons
Photo Album
*/


/* template01 layout and common styles */

body
{
	background: url(themes/SpringFever/images/bgBody.png) repeat-x #eaeae1;
	font-family: trebuchet ms;
	background-color: #EAEAE1;
	vertical-align:top;
	color: #666666;
	margin:0px;
	padding:0px;
	/* *padding-top:12px; required for DE60 removed for DE1436 */
}
/* Target Firefox 2 and older [!] DE1436 This is a temp fix but may become permanent. There is a top margin in FF that I can't seem to get rid of*/
html>/**/body, x:-moz-any-link { margin-top:-12px;}

.mainCol a, .mainCol a:link, .rightCol a, .rightCol a:link
{
	text-decoration: underline;
}
.wrapper
{
	width: 950px;
	margin: 0 auto;
	font-size: 0.75em;/*  Moved this from body because fonts are too big */
	vertical-align:top;
}
/* de7221 */
.header
{
	position: relative;
	height:auto;
	min-height:57px;
	_height: 1%;
	background-color: #ffffff;
	overflow: hidden;
}


.header .width-50p
{
	_display: inline;
}

.header .logo
{
	_width: 50%
}

.header .loginContainer
{
	_width: auto !important; /*keeps float from breaking if the left-floated element overflows its container*/
}

/*header had a height of 68px but set it to auto to make it expandable.*/

html > body .headerCorner
{
	background-image: url(themes/SpringFever/images/headerCorners.png);
}
.headerCorner
{
	position: absolute;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}
.tlHeader
{
	background-position: left top;
	left: 0px;
	top: 0px;
}
.trHeader
{
	background-position: right top;
	right: 0px;
	top: 0px;
}
.leftCol
{
	width: 250px;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 20px;
	*padding-top: 20px;
}


.mainCol
{
	margin-left: 250px;
	padding: 16px 10px 20px 10px;
}

.insideMainColWrapper
{
	width: 100%;
	float: left;
	padding-top:10px; /* move the content off of the gradient */
	padding-bottom: 20px; /* add some white space before footer*/
}

.topNavOnly .insideMainColWrapper
{
	width: 930px;
	padding: 16px 10px 20px 10px;
	float: none;
}

.topNavOnly .insideMainColWrapper ul, .topNavOnly .insideMainColWrapper ol
/*DE2440 sets list styles for top nav only pages*/
{
	margin:0px 35px;
    padding:10px 0;
}

/*in side nav layout, insideMainColWrapper is floated but has a width of 100%. */ 
/*this sets up a parent float so that clear both on an element does not break the column layout.*/

.content
{
	background: url(themes/SpringFever/images/bgMainContainer.png) repeat-y;	
}

.topNavOnly .content
{
	background: white;
}

.mainContainer
{
	background: url(themes/SpringFever/images/contentShadow.png) repeat-x top left;
	width: 950px;
	overflow: hidden;
}

/* Homepage Layouts */
/*This Convoluted Section of the Style Sheet Is Due To A Table-Filled Layout */
/*These Widths Make the Tables Behave for the Fixed-Width Theme */


td.contentRegion
{
	padding: 0 10px 0 0;
}
.webPartZone /* DE1684 & DE1681 */
{
    overflow:hidden;
}
.columns_3 td.contentRegion, brochure_2 td.contentRegion
{
	*padding: 0 6px 0 0; /*fix for ie6-7 incorrectly adding padding*/
}

.rightContentRegion, .topContentRegion, .btmContentRegion, .topRightContentRegion, .midContentRegion, .btmRightContentRegion
{
	padding-right: 0px; /*avoids double-padding on the right hand side*/
}

.columns_3 .midContentRegion
{
	padding-right: 10px;
}

.columns_3 td.contentRegion, brochure_2 td.contentRegion
{
	*padding: 0 6px 0 0; /*fix for ie6-7 incorrectly adding padding*/
}

.brochure_1 td.contentRegion div div, .brochure_2 td.contentRegion div div, .brochure_3 td.contentRegion div div, .columns_2 td.contentRegion div div
{
	width: 335px;
}

.brochure_2 td.contentRegion div div
{
	*width: 331px; /*target ie6-7 incorrectly adding padding*/
}

.topNavOnly .brochure_1 td.contentRegion div div, .topNavOnly .brochure_2 td.contentRegion div div, .topNavOnly .brochure_3 td.contentRegion div div, .topNavOnly .columns_2 td.contentRegion div div
{
	width: 460px;
}

.topNavOnly .brochure_2 td.contentRegion div div
{
	*width: 456px; /*target ie6-7 incorrectly adding padding*/
}

.brochure_left td.contentRegion div div, .brochure_right td.contentRegion div div, .columns_3 div div
{
	width: 220px;
}

 .columns_3 div div
 {
 	*width: 216px; /*target ie6-7 incorrectly adding padding*/
 }

.topNavOnly .brochure_left td.contentRegion div div, .topNavOnly .brochure_right td.contentRegion div div
{
	width: 303px;
}

.topNavOnly .columns_3 div div
{
	width: 303px;
	*width: 299px;
}

.columns_leftW td.contentRegion div div, .columns_rightW td.contentRegion div div 
{
	width: 268px;
}

.topNavOnly .columns_leftW td.contentRegion div div, .topNavOnly .columns_rightW td.contentRegion div div 
{
	width: 368px;
}
table.columns_3 td.leftContentRegion div.webPartZone
{
    overflow:hidden !important;
}
    
td.contentRegion60 div div
{
	width: 402px !important;
}

.topNavOnly td.contentRegion60 div div
{
	width: 552px !important;
}

.topNavOnly td.contentRegion60 div div div
{
	width: auto !important;
}

td.contentRegion66 div div
{
	width: 450px !important;
}

.topNavOnly td.contentRegion66 div div
{
	width: 616px !important;
}

.topNavOnly td.contentRegion66 div div div
{
	width: auto !important;
}

td.topContentRegion div div
{
	width: 680px !important;
}

.topNavOnly td.topContentRegion div div
{
	width: 930px !important;
}

.topNavOnly td.topContentRegion div div div
{
	width: auto !important;
}

td.contentRegion div div div, .topNavOnly td.ContentRegion div div div, .topNavOnly td.contentRegion66 div div div, .topNavOnly td.topContentRegion div div div
{
	width: auto !important;
}

/*End Homepage Layout Section*/

.footer 
{
	margin: 0 auto; 
	font-size:.75em;
	height: auto;
	width: 950px;
	padding: 0 0 16px 0;
	background: transparent url(themes/SpringFever/images/bgbtmCurve.gif) no-repeat bottom center;
}
.subFooter 
{
    font-size:.75em;
    margin:0 auto;
    width:950px;
}

.topNavOnly .footer
{
	background: transparent url(themes/SpringFever/images/bgbtmCurve2.gif) no-repeat bottom center;
}

.btmCurve /**/
{
	height: auto;
	min-height: 57px;
	_height: 57px; /*works like min-height in IE6*/
	width: 950px;
	background: transparent url(themes/SpringFever/images/bgFooter.gif) repeat-y center;
}

.topNavOnly .btmCurve
{
	background: transparent url(themes/SpringFever/images/bgFooter2.gif) repeat-y center;
	_height: 57px; /*works like min-height in IE6*/
}

.btmCurveInner
{
	padding-top: 10px;
	padding-left: 260px;
	min-height: 57px; 
	_height: 57px !important;
	padding-right: 20px;
	background: transparent url(themes/SpringFever/images/poweredBy.png) no-repeat left bottom;
}

.utilityNav
{
	width: 950px;
	height: 62px;	/* added 10px for DE1436 */
}
.utilityNav ul
{
	position: relative;
	top: 40px;
	text-align: right;
}
.utilityNav li
{
	font-size: 0.9em;
	display: inline;
	padding: 0 5px;
}
.utilityNav li a
{
	color: #8d8d8d;
}
.utilityNav li a:hover
{
	color: #333333;
	text-decoration: underline;
}

.backLink
{
	* clear: both;
	margin-bottom: 10px;
}

.userPolicy
{
	padding-bottom: 10px;
}

.box h2
{
	padding-top: 0 !important;
}

/* login -----------------

---------------------------*/

.loginForm
{
	font-size: 0.9em;
	margin-top: 15px;
}
/* removed for DE930 
.loginLinks
{
	 margin-left: 4.5em;
}
*/
.loginForm .loginLinks ul {
margin:0;
_margin-top:-4px;
padding:0 0 0 20px; /* need to clear the ul margin and padding to keep consistent with all browsers */
}
.loginHorizontal 
{
height:40px; /* DE60 to make sure the horizontal nav bar lines up with the body BG since this is the default login orientation */
}
.header .loginContainer .loginMain /* DE2302 added class to the loginHorizontal control */
{
    text-align:right;
    padding-right:10px;
}
.loginHorizontal .loginField
{
	width: 100px; /*unifies this width for cross-browser purposes - DE2150*//* ml - DE2302 removed 43px */
}
.loginHorizontal .loginLinks 
{
    position:relative;
    right:55px;
}
.logo .loginForm 
{
    padding-left: 20px;
}
.logo .loginHorizontal .loginLinks 
{
    position:relative;
    right:125px;
}
.loginLinks li
{
	display: inline;
	padding: 0 10px;
	color: #aaa;
}
.loginCompact .loginLinks li 
{
    display:block;
    text-align:left;
}
.loginLinks li a
{
	color: #aaa;
	text-decoration: none;
}
.loginLinks li a:hover
{
	color: #666666;
}

.header .loginContainer 
{
	margin: 0 0 0 0; /*resets margin which was breaking the float*/
}

.loginContainer table
{
	margin: 5px; /* places margin on table within login div so as not to break floats*/
}
/* form */
.login input[type=text], .login input[type=password]
{
	width: 105px;
	border: 1px solid #ebebeb;
	padding:1px;
	margin:0;
}

/* this should only be seen by IE6 because it doesn't understand the input[attr] in the above style */
.loginForm input {
_width:105px;
_border: 1px solid #ebebeb;
-padding:1px;
_margin:0;
}
.loginForm input.loginButton {
_width:50px; /* need this for IE6 to correct the input width above */
}
.login label
{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	text-transform: capitalize;
	color: #999999;
}
.login .loginButton
{
	margin-left: 10px;
	font-family: trebuchet ms;
	/*color: #555555;*/
}
.loginCompact label 
{
    text-align:left;
}
.summaryListBullet
{
	background-color: white !important;
	_background: #fff url(themes/global/images/icBullets.gif) 0px -165px no-repeat !important;
}
/* DE202 */
.summaryList .summaryListItem .summaryListBullet 
{
    width:10px !important;
}
.resourceListBullet
{
	_background: #fff url(themes/global/images/icBullets.gif) 0px -165px no-repeat !important;
}

.summaryList .summaryListItem .summaryListBullet
{
	width: 10px !important; /*DE202 - arrows were not showing up */
}

/* Nav 

------------------------- */

html > body .navRpt
{
	height: 45px;
	width: 950px;
}

.navRpt table
{
	width: 100%;
}

.navRpt
{	
	height: 45px;
	/*_height: expression( this.scrollHeight > 45 ? "46px" : "auto" ); /* sets max-height for IE6 */
	overflow: hidden;
}


.navRpt div
{
	_width: 950px;
	overflow: hidden;
}

html>/**/body .navRpt div, x:-moz-any-link /*targets FF2 and below - DE1006 to prevent overlapping of resources */ 
{ 
	overflow: visible !important;
}

.dropdown
{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

html>body .TrootItem, .TrootItemHover, .TrootItemExpanded, .TrootItemSelected
{
	background-image: url(themes/SpringFever/images/navbarRpt.png); /*hides from ie6*/
}

.TrootItem, .TrootItemHover, .TrootItemExpanded, .TrootItemSelected
{
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/SpringFever/images/navbarRpt.png', sizingMethod='scale');
	background-repeat: repeat-x;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	width: auto;
	* padding-bottom: 0; /*ie needs to eliminate the space between menu and dropdowns*/
}

html>body .TrootItem div, .TrootItemHover div, .TrootItemExpanded div, .TrootItemSelected div
{
	background-image: url(themes/SpringFever/images/navRule.png); /* hide from ie6 */
	background-position: right;
	background-repeat: no-repeat;
}

.TrootItem div, .TrootItemHover div, .TrootItemExpanded div, .TrootItemSelected div
{
	_border-right: 1px solid #ffffff; /*instead of the swanky background .png used in other browsers*/
	white-space: nowrap;
	height: 15px;
	padding: 15px 15px 15px 15px;
	width: auto;
	text-align: center;
	margin: 0;
}

td.TrootItem, td.TrootItemHover, td.TrootItemExpanded, td.TrootItemSelected
{
	_padding-top: 0;
}


.TrootItem a, .TrootItemHover a, .TrootItemExpanded a, .TrootItemSelected a
{
	white-space: nowrap;
	text-decoration: none;
	_padding-top: none;
}

table.rootItem div, table.rootItemHover div, table.rootItemExpanded div, table.rootItemSelected div
{
	width: 200px; /*this keeps navigation in the left sidebar from overflowing*/
}


.TsubItem, .TsubItemHover, .TsubItemSelected
{
	cursor: pointer;
	font-weight: bold;
	padding: 5px;
	font-size: .75em; /*for some reason the drop downs do not pick up the .75 on the wrapper*/
}

/* sideNav 

------------------------------*/

.sideNav
{
	list-style-type: none;
	margin: 20px 0 20px 20px;
}
.rootItem, .rootItemHover, .rootItemExpanded, .rootItemSelected
{
	margin: 0px 10px 0 20px; 
	display: block; /*allows margins to collapse on each other in firefox*/
}

.rootItem td, .rootItemHover td, .rootItemExpanded td
{
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	padding-left: 18px;
	line-height: 18px;
	background: url(themes/SpringFever/images/iconSideNav.png) no-repeat left;
}

.rootItemSelected td
{
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	padding-left: 18px;
	line-height: 18px;
	background: url(themes/SpringFever/images/sideNavSelected.gif) no-repeat left;
	width: 225px; /*ensures that the entire background image displays*/
}


.rootItem div div, .rootItemExpanded div div, .rootItemSelected div div
{
	padding: 5px 7px 5px 7px;
}

.rootItemHover div
{
	background-image: url(themes/SpringFever/images/rootItemHoverTop.png);
	_background-image: url(themes/SpringFever/images/rootItemHoverTop.gif);
	background-repeat: no-repeat;
	padding-right: 7px;
}

.rootItemHover div div
{
	background-image: url(themes/SpringFever/images/rootItemHoverBottom.png);
	_background-image: url(themes/SpringFever/images/rootItemHoverBottom.gif);
	background-repeat: no-repeat;
	padding: 5px 7px 5px 7px;
	background-position: bottom left;
}

.rootItem a, .rootItemHover a, .rootItemExpanded a, .rootItemSelected a
{
	text-decoration: none;
}

.subItemSelected, .subItemHover
{
	background-image: url(themes/SpringFever/images/subItemSelectedTop.png);
	_background-image: url(themes/SpringFever/images/subItemSelectedTop.gif);
	background-repeat: no-repeat;
}

.subItemSelected td, .subItemHover td
{
	background-image: url(themes/SpringFever/images/subItemSelectedBottom.png);
	_background-image: url(themes/SpringFever/images/subItemSelectedBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.subItem div div, .subItemHover div div, .subItemSelected div div
{
	padding: 5px 0px 5px 3px; /*aligns sub-items in Navigation to their rootItems */
	text-decoration: none;
	margin-right: 10px;
	margin-left: 42px; /*the sub-items should be aligned with the first letter of the preceeding rootItem*/
	/*background: url(themes/SpringFever/images/subIconSideNav.gif) no-repeat left;*/
	line-height: 18px;
}

.subItem a, .subItemHover a, .subItemSelected a
{
	text-decoration: none;
}

.subItem nobr, .subItemHover nobr, .subItemSelected nobr
{
	_width:200px;
	_white-space: normal;
	_display: inline-block;
}


/* content module box (stars)

------------------------------*/
.mainColBox
{
	margin-bottom: 30px;
}

html > body .stars
{
	background-image: url(themes/SpringFever/images/stars.png);
}

.stars
{
	position: absolute;
	right: 20px;
	top: -13px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/SpringFever/images/stars.png',sizingMethod='image');
	background-repeat: no-repeat;
	background-color: inherit;
	width: 135px;
	height: 40px;
}
.banner
{
	position: relative;
	height: 30px; /* fix for banner in content box IE6*/
}
.banner h1, h1
{
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 0 0 10px;
	margin: 0px;
}
.contentBox
{
	border: solid 1px #ebebeb;
	padding: 10px;
	margin-bottom: 20px;
	background: #fff;
}

.contentBoxNoBackground

{
	clear: both; /*clears icons in box style headers */
	padding: 10px; /*took out margin bottom because it was breaking new box style */
/*	_padding: 10px 0 10px 0 !important; /*ie6 display fix*/
}

.springFever_bs11 .contentBoxNoBackground
{
	padding: 30px 20px 20px 20px; /*gives some space on user profile page */
}

.contentBox2
{
	margin: 0 0 0 20px; /*corrects content padding for box style 02, 09, 10 */
}

.contentBox IMG
{
	border: solid 1px #999999;
}

/* content module rightCol

------------------------------*/

.boxSide
{
	color: #666;
	margin-bottom: 40px;
}

.boxSide h3
{
	background: url(themes/SpringFever/images/announcements.png) no-repeat top left;
	padding-left: 24px;
}
.boxSide a
{
	color: #333;
}
.orange, a.orange
{
	color: #ff9422;
}
.boxSide p
{
	/*margin: 10px 10px 10px 0;*/
}
.boxSide h3
{
	font-weight: bold;
}

/*Calendar*/
/*sizes adjusted fit inside the layout*/

/* removed for DE290 
.listViewHeader
{
	width: 400px; 
}
*/
.calListDayContainer
{
	width: 99.8%;
}
.listViewSideBar 
{
    padding-top:5px;
}


.breadCrumbs
{
	position: relative;
	margin: 10px 10px 10px 10px;
	z-index: 2; /*keeps calMonthWrapper from overlapping breadCrumbs in IE7*/
}

.calendarCustomize input[type=checkbox]
{
	margin: 5px 5px 0 5px;
} 

/* Upcoming Events -----

--------------------*/

.upcomingEventDay p 
{
    margin:0;
    padding:0;
}
.upcomingEventDay 
{
   padding-top:5px;
}
.upcomingEvent 
{
    margin:5px;
}
p.ueDate
{
	font-weight: bold;
	padding-left:15px;
	margin-bottom:5px;
	background-image:url(http://static1.echalk.net/themes/classic/images/icBullets.gif);
	background-position:5px -32px;
	background-repeat:no-repeat;
}
p.ueTitle 
{
    font-weight:bold;
    background-image:url(http://static1.echalk.net/themes/classic/images/icBullets.gif);
    background-position:0px -47px;
    background-repeat:no-repeat;
    padding-left:8px;
    margin-left:12px;
}
p.ueDescription, p.ueTime
{
	margin-left: 20px;
	padding-top: 0px;
}
p.ueTime 
{
    padding-left:5px;
    background-image:url(http://static1.echalk.net/themes/classic/images/icBullets.gif);
    background-position:0px -20px;
    background-repeat:no-repeat;
    text-transform:uppercase;
    font-size:.8em;
}
p.ueDescription 
{
    font-size:.9em;
}
.upcomingEventsFooter 
{
    text-align:center;
    margin-top:10px;
}
p.ueFooterDate 
{
    padding:0;
    margin:0;
}    

.ueContent img
{
	padding: 5px !important; /*aligns bullets properly*/
}


/* Weather */

.weatherDay
{
	width: 50px;
	float: left;
}

.weatherContainer, .weatherDate, .weatherHighLow, .weatherCondition, weatherPrecip
{
	white-space: normal !important;
}

.leftCol .weatherContainer /*controls appearance in Extra Region*/
{
	padding: 50px 10px 10px 20px !important;
}

.leftCol .box-body .weatherContainer /*DE2363 if weather is in a box style in extra region*/
{
	padding: 0 !important;
}

/* Site Information */

.leftCol .siteInformation /*controls appearance in Extra Region*/
{
	padding: 50px 10px 10px 20px;
}

.leftCol .box-body .siteInformation /*DE2363 for when it is in a box style in Extra Region*/
{
	padding: 0;
}

.contentBoxNoBackground .locateSchoolLink, .contentBox2 .locateSchoolLink
{
	padding-top: 10px;
	display: block;
}

.leftCol .locateSchoolLink /*controls appearance in Extra Region*/
{
	padding: 0 10px 10px 20px;
	display: block;
}	
.locateSchoolLink, .userPolicyLink {
    float:right;
    color:#ccc !important;
}
.locateSchoolLink {
    margin-left:10px;
}

/* Site Listing Page */

.siteList
{
	margin-top: 5px;
}

.siteListAdminHeader
{
	width: auto; /*for DE209 to prevent wrapping of header below icon*/
}

/*User Profile Page*/

.springFever_bs11 .contentBoxNoBackground
{
	padding: 30px 20px 0px 20px; /*gives some space on user profile page */
	overflow: hidden;
	height: 190px;
}

table.userProfileCallOuts div
{
	overflow: hidden;
}

table.userProfileCallOuts div div
{
	width: auto;
}

.userInfoImage 
{
	padding-right: 5px; /*gives some space between image and profile*/
}

.profilePanelInfo
{
	width: 100%;
}

.userProfileLeftCol
{
	width: 400px; /*keeps from expanding width past the edge of the business card*/
	padding-left: 15px; /*centers user profile on pages with side nav; brings it in slightly on others*/
}

table.linkRow nobr, table.linkRow span, table.linkRow nobr div
{
	width: 175px !important;
	display: block;
	zoom: 100%;
	overflow: hidden;
}

/* Footer 
----------------------------------*/

.btmCurveInner /**/
{
	font-size: 0.9em;
	height: auto;
}
.footer *, .footer a
{
	color: #c3b8b6;
	text-align: right;
}
.footer a
{
	text-decoration: underline;
}
.footer a:hover
{
	color: #ffffff;
}
.subFooter
{
	padding-top: 10px; 
}


/* Box Styles
----------------------------------*/

.baseBox_head, .baseBox_headInner
{
	min-height: 25px;  /* Ensures that the complete "header" part of the background image is displayed. */
	*min-height: 47px; /*ensures that complete "header" part of bakground is displayed in IE*/
	/* DE2382 commented out *height: 47px for IE 6-7 -- unneeded and leading to cutoff text */
		/*line-height: 38px;  keeps h1 and h2 vertically centered in IE6-7 */
}  

.baseBox_headInner
{
	*padding-top: 20px !important;
	_padding-bottom: 5px !important; /*fixes gap in ie6*/
	*overflow: hidden;
}

.baseBox_head
{
	*overflow: hidden;
}

.boxContainer
{
   margin: 5px; /*keeps margins even with margins of "mainbox" graphic driven boxes*/
   *zoom: 1; /*helps IE6*/
}

html > body .box-header
{
	overflow: hidden;
	/*clears floating icons*/
	/*hidden from IE6 because it causes problems and IE6 wrongly expands the containing box anyway*/
}

.headerBox h2, .headerBox h1
{
   margin: 0; /*keeps IE from making header overflow */
   padding: 5px 5px 15px 15px; /*keeps text from running over the bottom of the image and indents heading slightly to match mainBoxes*/
}



.baseBox, .baseBox_head, .baseBox_headInner, .baseBox_body 
{
    background-image:url(http://static1.echalk.net/themes/SpringFever/Images/sf_style1_bs03a.png);
    _background-image:url(http://static1.echalk.net/themes/SpringFever/Images/sf_style1_bs03a.gif);
    background-repeat:no-repeat;
}    

.mainBox /*this div comes first because it needs to be behind the header and body/footer section.*/
{
   height: auto; /*for now it will be content-driven although an absolute height would be set here*/
   background: transparent; /*sets the main body background color; is overridden by bg colors set on header, body & footer */
}

.boxHeaderMain
{
   height: auto; /* expandable, must match .boxHeaderInner */
   _height: 20px; /* works like min-height in IE6 */
   min-height: 20px; /*display top corners even if there is no content */
   background-color: Transparent;
   background-position: top right;
   background-repeat: no-repeat;
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02header.png); /* sets right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundheader.gif); /* sets right corner image */
   padding-bottom: 0; /* no padding on bottom so it meets boxBodyMain */
   margin-bottom: 0; /* no margin on bottom so it meets boxBodyMain */
}

.boxHeaderInner
{
   height: auto; /* expandable, must match .boxHeaderMain */   
   _height: 20px; /* works like min-height in IE6 */
   min-height: 20px; /*display top corners even if there is no content */
   background-color: Transparent;
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02header.png); /* sets top left image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundheader.gif); /* sets top left image */
   margin-right: 25px; /* this allows the right corner to display from boxHeaderMain */
}

.boxBodyMain
{
   height: auto; /* must be expandable to accommodate full height of content */
   background-color: Transparent;
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02body.png); /* sets vertically repeating right-sideimage */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundbody.gif); /* sets vertically repeating right-sideimage */
   background-position: top right;
   background-repeat: repeat-y;
   padding-top: 0; /* no padding on top so it meets boxHeaderMain */
   padding-bottom: 0; /* padding on bottom so it meets boxFooterMain */
   margin-top: 0; /* no margin on top so it meets boxHeaderMain */
   margin-bottom: 0; /* no margin on bottom so it meets boxFooterMain */
}

.announcementWrapperDiv .boxBodyMain
{
	   *overflow: hidden; /*helps things line up in ie6-7*/
	   /*applies only to the "Read more..." pop up because that's the only place I see the issue*/
}

.boxBodyInner
{
   height: auto; /* must be expandable to accommodate full height of content */
   background-color: Transparent;
   background: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02body.png); /* sets vertically repeating body image */
   _background: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundbody.gif); /* sets vertically repeating body image */
   background-position: top left;
   background-repeat: repeat-y;
   margin-right: 25px; /* this allows the right side to show through from boxBodyMain */
   padding-top: 0; /* no padding on top so it meets boxHeaderMain */
   padding-bottom: 0; /* padding on bottom so it meets boxFooterMain */
   margin-top: 0; /* no margin on top so it meets boxHeaderMain */
   margin-bottom: 0; /* no margin on bottom so it meets boxFooterMain */
   zoom: 100%;
   overflow: hidden; /*forces container to enclose a floated element so it does not break the box style*/
	*padding-bottom: 3px; /*DE2260 prevents cutting off due to below IE6-7 fix*/
	*margin-bottom: -3px; /*DE2260 prevents breakage in IE6-7*/
}

.boxFooterMain
{
   background-color: Transparent;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02footer.png); /* sets footer bottom right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundfooter.gif); /* sets footer bottom right corner image */
   height: auto; /* expandable, must match boxFooterInner */
   _height: 20px; /* works like min-height in IE6 */
   min-height: 20px; /* important: displays footer even if there is no content */
   padding-top: 0; /* no padding on top so it meets boxBodyMain */
   margin-top: 0; /* no margin on top so it meets boxBodyMain */
}


.boxFooterInner
{
   background-color: Transparent;
   background-position: bottom left;
   background-repeat: no-repeat;
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/set01bs02footer.png); /* sets footer image at bottom left of page */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/testingbackgroundfooter.gif); /* sets footer image at bottom left of page */
   height: auto; /* expandable; must match boxFooterMain */
   _height: 20px; /* works like min-height in IE6 */
   min-height: 20px; /* important: displays footer even if there is no content */
   padding: 0 10px 0 10px; /* no padding on top so it meets boxBodyMain, sidepadding to prevent content spillage */
   margin-top: 0; /* no margin on top so it meets boxBodyMain */
   margin-right: 25px; /* this allows the right corner to display from boxFooterMain */
}

html>body .boxHeaderInner h1, html>body .boxHeaderInner h2
{ 
	max-height: 124px; /* hide max-height from IE6.  must have max-height of 124 so as not to break header */
}

.boxHeaderInner h1, .boxHeaderInner h2
{
	padding: 10px 0 0 15px;
	_height: expression( this.scrollHeight > 124 ? "125px" : "auto" ); /* sets max-height for IE6 */
	overflow: hidden;
}

.mainBox .boxHeaderInner h1, .mainBox .boxHeaderInner h2
{
	padding: 15px 0 10px 20px;
}


.springFever_bs2 .boxHeaderInner  /*this helps BS2 apply color to header and content correctly*/
{
	/*	padding-top: 15px;
		padding-left: 20px;*/
	/*DE2260 commented out padding here & changed it to a margin on the h1*/
	overflow: hidden;
	_overflow: visible; /*DE2382 IE6 cuts off titles sometimes when overflow is hidden*/
}

.springFever_bs2 .boxHeaderInner h1 /*this helps BS2 apply color to header and content correctly*/
{
	padding: 0;
	margin: 15px 0 10px 20px; 
	/*DE2260 removing external padding; putting it here as margin to display header bg color correctly*/
}

.mainBox .contentBox2 div, .springFever_bs8 .contentBoxNoBackground div
{
	_width: 100% !important;
	_overflow: hidden !important;
}

.mainBox .contentBox2 div div, .springFever_bs8 .contentBoxNobackground div div
{
	_width: auto !important;
}

.springFever_bs5 .boxContainer
{
	padding: 1px;
}

.springFever_bs7 .box-header, .springFever_bs5 .box-header

{
   background: transparent url(themes/SpringFever/Images/ContentTemplates/Set01/bs05_header.png) repeat-x bottom;
  }

.springFever_bs7 .contentBoxNoBackground, .springFever_bs5 .contentBoxNoBackground
{
   background: transparent url(themes/SpringFever/Images/ContentTemplates/Set01/bs05_body.png);
   background-repeat: repeat;
   padding: 5px 10px 10px 10px;
}


.springFever_bs8, .springFever_bs8 .baseBox_head, .springFever_bs8 .baseBox_headInner, .springFever_bs8 .baseBox_body 
{
    background-image:url(themes/SpringFever/Images/sf_style1_bs08.png);
    _background-image:url(themes/SpringFever/Images/sf_style1_bs08.gif);
    background-repeat:no-repeat;
}

.springFever_bs8 .baseBox_head
{
	background-position: top left;
    _margin-left: 0px;
    padding-left: 20px; /* left-image-gap + left-inside padding */
} 

.springFever_bs8 .baseBox_headInner
{
	background-position: top right;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 20px 20px 0 0; /* padding-right = image gap + interior padding ... no padding-left */ 
    margin-right: -20px; /*brings the top right corner of the image over */
*padding-top:10px;
_height:auto;
zoom:1;/* fixes the rendering issue gap in the bottom right in IE67 */
}
.springFever_bs8 .baseBox_head, .springFever_bs8 .baseBox_headInner
{
	min-height: 30px; /*so stars don't cut off */
}

.springFever_bs8 h1, .springFever_bs8 .contentBoxNoBackground
{
	padding-left: 0;
}

.springFever_bs8 h1
{
	padding-right: 25px;
}

.springFever_bs9 .boxHeaderMain, .springFever_bs9 .boxHeaderInner
{
	background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_header.png); /* sets right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_header.gif); /* sets right corner image */
}

.springFever_bs9 .boxBodyMain, .springFever_bs9 .boxBodyInner
{
	background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_body.png);
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_body.gif);
}

.springFever_bs9 .boxFooterMain, .springFever_bs9 .boxFooterInner
{
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_footer.png); /* sets footer bottom right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs09_footer.gif); /* sets footer bottom right corner image */
   height: 11px;
   min-height: 11px;
}

.springFever_bs9 .contentBox2, .springFever_bs10 .contentBox2
{
	margin-top: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.springFever_bs9 .boxHeaderInner h1, .springFever_bs10 .boxHeaderInner h1
{
	padding-bottom: 5px;
}

.springFever_bs10 .boxHeaderMain
{
	background-position: top left;
}

.springFever_bs10 .boxHeaderInner
{
	background-position: top right;
	margin-left: 20px;
	margin-right: 0;
}

.springFever_bs10 .boxHeaderInner h1
{
	padding-top: 20px;
	padding-left: 0;
}

.springFever_bs10 .boxHeaderMain, .springFever_bs10 .boxHeaderInner
{
	background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_header.png); /* sets right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_header.gif); /* sets right corner image */
}

.springFever_bs10 .boxBodyMain, .springFever_bs10 .boxBodyInner
{
	background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_body.png);
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_body.gif);
}

.springFever_bs10 .boxFooterMain, .springFever_bs10 .boxFooterInner
{
   background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_footer.png); /* sets footer bottom right corner image */
   _background-image: url(themes/SpringFever/Images/ContentTemplates/Set01/bs10_footer.gif); /* sets footer bottom right corner image */
   height: 11px;
   min-height: 11px;
}

/* Box Style 11 */


.springFever_bs11
{
	background-image: url(themes/SpringFever/Images/sf_style1_bs11.png) !important;
	_background-image: url(themes/SpringFever/Images/sf_style1_bs11.gif) !important;
	background-repeat: no-repeat;
	height: 230px !important;
	width: 397px !important;
	margin-top: 10px; /*bring down to meet the box style in the opposite column*/
}



/* bullets and icons */
.plainBox h1 span.headerBullet /*.pageTitleContainer span.headerBullet*/ /*removed page title header icon per Laura oct 09 */
{
    background-image: url(themes/SpringFever/Images/sf_style1_bullets.png);
    background-repeat: no-repeat;
    display: block;  
    float: left;
    width: 25px;
    _width:24px;
    height: 25px;
    margin-top: -3px;   
    margin-left: -1px;
    margin-right:2px;
    position:relative;
    z-index:5;
}
.hb_bs3 
{
    background-position:-25px 0px;
}
.hb_bs6
{
    background-position:0px -80px;
}

.hb_bs1 
{
    background-position: -25px -80px;
}

* .box-header
{
	zoom: 1; /*fixes IE7 display problem*/
}

.box-body
{
	*position: relative; /*DE2446 fixing image overflow problem in IE 7*/
}

.box-body img
{
	padding: 0 5px 5px 5px; /*gives some space around floated and aligned profile images*/
}

/*Box Style Set 01*/
.plainBox
{
	margin: 0;
	padding: 5px;
}

.springFever_set01_bs01 .box-header

{
	height: 47px;
	*line-height: 38px;
	padding: 0 5px 0 5px;
	background: url(http://static1.echalk.net/themes/SpringFever/ContentTemplates/Set01/images/bs01header.png) repeat-x;
	_background: url(http://static1.echalk.net/themes/SpringFever/ContentTemplates/Set01/images/bs01header.gif) repeat-x;
}

/* Super New Box Styles */

/* DE144 */
.calendarCustomize h1 {
font-size:.7em; /*reduced to .7 for DE329; Text was still wrapping*/
padding-top:25px;
padding-left:25px;
}

/* DE489 */
.springFever_bs8 .box-body {
margin-bottom:2px;
}


/* DE327 oversized images breaking layout */
.contentLayout div.webPart {overflow:hidden;}

/* DE510 */
.compositeNav .monthlyCalendarMonth .calGridEvent
{
    width:80px;
    overflow:hidden;
}

.topNavOnly .monthlyCalendarMonth .calGridEvent
{
    width:100px;
    overflow:hidden;
}

/* DE278 failure 
*:first-child+html .calButtonLeft,  .calButtonRight 
{
    position:relative;
    top:20px;
}*/
    
/* DE693 *//*DE8296*/
.topRightContentRegion 
{
    height:10px;/*fixes issue reported in DE8296, while fixing the spacing issue reported in DE693 for Chrome an FireFox
                    spacing issue cannot be fix IE at the moment*/
    
    /*height:1%;*/  /* fixes spacing in FF3.5 *//*removed due to issue explained in DE8296*/
    *height:auto;  
}

.googleSearch input
{
	*text-align: center !important; /*centers text in search button*/
	color: Black !important; /*overrides lighter footer color*/
}

/*Photo Album*/

#previewDiv
{
	font-size: 1em; /*overrides global style to make photo album previews match external display*/
}

.header .loginContainer .login 
{
    float:right;
    padding-right:10px;
    
}
.extraRegion .plainBox .box-header h1 
{
    display:block;
}

/* fixing rounded corners */
.header {
border-top-left-radius:6px;	
-moz-border-radius-topleft:6px;
border-top-right-radius:6px;	
-moz-border-radius-topright:6px;
}
.logo {
border-top-left-radius:6px;	
-moz-border-radius-topleft:6px;
/*overflow:hidden;*/
}
.headerCorner {
    display:none;
}


/*DE2411*/
.logo.width-50p {
    width:100% !important;
    position:relative;
    z-index:10 !important;
    /*de7221
    position:absolute;
    left:0;*/
}
.loginContainer {
    position:relative;
    z-index:11 !important;
}
/*DE7210 DE7221*/
.header .loginContainer {
    position:relative;
    top:-57px;
    margin-bottom:-57px;
}


     
/*DE7206*/
@-moz-document url-prefix() {
    body {
        margin:0 !important;
    }
}

    
body { color: rgb(0, 0, 0); font-family: arial; background-color: rgb(196, 197, 199); } .background { color: rgb(0, 0, 0); } .background a { color: rgb(0, 0, 0); } .template { color: rgb(51, 51, 51); } .template a { color: rgb(0, 0, 102); } .color-pc { color: rgb(255, 255, 255); background-color: rgb(102, 0, 51); } .color-sc { color: rgb(0, 0, 0); background-color: rgb(170, 170, 170); } .color-mpc { color: rgb(0, 0, 0); background-color: rgb(217, 232, 240); } .color-msc { color: rgb(0, 0, 0); background-color: rgb(217, 225, 232); } .color-ac { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); } .color-pc a { color: rgb(255, 255, 255); } .color-sc a { color: rgb(0, 0, 0); } .color-mpc a { color: rgb(0, 0, 0); } .color-msc a { color: rgb(0, 0, 0); } .color-ac a { color: rgb(51, 51, 51); } .box-pc .box { color: rgb(255, 255, 255); background-color: rgb(102, 0, 51); } .box-sc .box { color: rgb(0, 0, 0); background-color: rgb(170, 170, 170); } .box-mpc .box { color: rgb(0, 0, 0); background-color: rgb(217, 232, 240); } .box-msc .box { color: rgb(0, 0, 0); background-color: rgb(217, 225, 232); } .box-ac .box { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); } .font-pc { color: rgb(102, 0, 51); } .font-sc { color: rgb(170, 170, 170); } .font-mpc { color: rgb(217, 232, 240); } .font-msc { color: rgb(217, 225, 232); } .font-ac { color: rgb(235, 235, 235); } .font-pc a { color: rgb(102, 0, 51); } .font-sc a { color: rgb(170, 170, 170); } .font-mpc a { color: rgb(217, 232, 240); } .font-msc a { color: rgb(217, 225, 232); } .font-ac a { color: rgb(235, 235, 235); } .box-pc .box a { color: rgb(255, 255, 255); } .box-sc .box a { color: rgb(0, 0, 0); } .box-mpc .box a { color: rgb(0, 0, 0); } .box-msc .box a { color: rgb(0, 0, 0); } .box-ac .box a { color: rgb(51, 51, 51); } .box-pc .template a { color: rgb(0, 0, 102); } .box-sc .template a { color: rgb(0, 0, 102); } .box-mpc .template a { color: rgb(0, 0, 102); } .box-msc .template a { color: rgb(0, 0, 102); } .box-ac .template a { color: rgb(0, 0, 102); } .prep .color-sc a { color: rgb(0, 0, 0); } .prep .color-pc a { color: rgb(255, 255, 255); } .prep .font-pc a { color: rgb(102, 0, 51); } .elementary .template a { color: rgb(0, 0, 102); } .academic .template a { color: rgb(0, 0, 102); } .wp489791722 .box-header { color: rgb(255, 255, 255); background-color: rgb(114, 8, 59); } .wp484443649 .box-header { color: rgb(255, 255, 255); background-color: rgb(114, 8, 59); } .wp492715487 .box-header { color: rgb(255, 255, 255); background-color: rgb(114, 8, 59); }