/* BEGIN GLOBAL STYLES */

.ui-widget.app .ui-article.last {
    padding: 0px;
}
h1.ui-article-title {
    font-size: 15px;
    font-weight: bold;
}
.ui-widget-header {
	padding:5px 0px;	
}
.ui-widget-detail:after {
	content:".";
	visibility:hidden;
	clear:both;
	display:block;
	height:0px;
}
.ui-widget-footer {
	padding:5px 0px;	
}
.ui-widget-header h1 {
	font-size:20px;	
}
.ui-widget-header h1 a {
    text-decoration:none;
}
.ui-no-records-message {
	padding: 2px 0px 10px 0px;
}
.ui-no-records-message p {
	margin:0px;
}
.ui-article-body {
    padding: 10px 0px 0px 0px;
}
.ui-widget-sidebar h1 {
    font-size: 18px;
    font-weight: bold;
}
.ui-widget-sidebar ul li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px dotted #CCCCCC;
}
div.ui-widget-detail.with-sidebar {
    width: 69%!important;
    width: 74%;
    padding: 0px 5% 0px 0px;
}
.ui-widget-sidebar {
    width: 23%!important;
    width: 24%;
    padding: 10px 0px 10px 2%;
}
.ui-widget-sidebar .ui-flex-group-heading ul {
    margin: 3px 0px 20px 0px;
    padding: 0px;
    list-style: none;
}
/* END GLOBAL STYLES */

/* ARTICLES - BEGIN */
div.ui-article {
	padding: 5px 0px;
	margin:0px;
	border:0px;
}
.ui-article-thumb {
	float:left;
	height:auto;
	width:auto;
	height:auto;
	overflow:hidden;
	border:none;
	display:none;
}
.ui-article-thumb .img {
	margin: 5px 10px 0px 0px;
	overflow:hidden;
	display:block;
}
.ui-article-title {
	padding: 0px;
	margin:0px;
}
.ui-article-title a {
	color:#000;
	text-decoration:none;
}
.ui-article-title a:hover {
	text-decoration:underline;
}
.ui-article-description {
	padding: 0px;
	margin:0px;
}
.ui-article-controls {
	float:left;
	padding: 0px 10px 0px 0px;
	vertical-align:middle;
}
.ui-article-detail {
	font-size:11px;
	color:#666;
	padding:1px 0px;
	display:block;
}
.sub-link {
	color:#666;
	text-decoration:none;
	font-size:11px;
	margin-right: 5px;
	border-right: 1px solid #CCC;
	display:none;
}

.sub-link :hover {
	color:#333;
	text-decoration:underline;
}
.sub-link span {
	padding-right:10px;
}

.more-link {
	text-decoration: none;
	padding-left: 15px;
}

.more-link-under {
    height: 15px;
}

ul li:last-child div.ui-article {
	border-bottom: none;
}
div.ui-article.no-line {
	border-bottom: none;
}
div.ui-article.inactive {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
tr.ui-article.inactive {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.ui-article.sidebar {
	padding-left: 85px;
}
div.ui-article.sidebar.small {
	padding-left: 55px;
}
div.ui-article.sidebar.large {
	padding-left: 160px;
	min-height: 75px;
}
div.ui-article>div.ui-article-header {
	max-width: 620px;
}
div.ui-article.sidebar>div.ui-article-header {
	max-width: 580px;
}
div.ui-article.sidebar>div.ui-article-header.wrap {
    width: 450px;
    word-wrap: break-word;
}
div.ui-article.sidebar.large>div.ui-article-header {
	max-width: 500px;
}
div.ui-article-sidebar {
	position: absolute;
	top: 10px;
	left: 10px;
}
div.ui-article-sidebar>a.ui-btn-status {
	position: relative;
}
div.ui-article-sidebar img {
	vertical-align: middle;
	clear: both;
}
div.ui-article-header h1 {
	margin: 3px 0 8px 0;
}
div.ui-article-header h1 a {
	font-size: 14px;
	text-decoration:none;
	color: #000000;
}
div.ui-article-header h2 {
	margin: 2px 0 5px 0;
	font-size: 11px;
	font-weight: normal;
	color: Gray;
}
span.ui-article-detail-close {
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url('../../../../GlobalAssets/Images/article-detail-button-close.png') no-repeat;
	position: absolute;
	right: 0px;
	top: 11px;
	cursor: pointer;
}
/* NOTE: Needs changed to ui.article-detail-content */
    div.article-detail-content {
	padding: 1px 27px 10px 10px; /* top padding 1px to fix spacing issue with blank descriptions */
}
table.ui-article-detail-table {
	border-collapse:collapse;
	margin-top:0px!important;
	margin-bottom:5px!important;
}
td.ui-article-detail-table-label {
	padding:5px!important;
	width: 100px;
	text-align: left;
	font-size: 9px;
}
td.ui-article-detail-table-value {
	padding:5px!important;
	font-size: 12px;
	border-bottom: dotted 2px #F1E5CD;
}
div.ui-article-detail h2 {
	margin: 5px 0 5px 0;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
}
div.ui-article-toolbar-bottom {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 30px;
}
div.ui-article-toolbar-sidebar {
	margin: 0 0 0 0;
	height: 20px;
}
/* ARTICLES - END */

/* ARTICLE LIBRARY - BEGIN */
.article-library h1.ui-article-title {
}
/* ARTICLE LIBRARY - END */

/* ASSIGNMENTS */
.assignment #ui-filter-toggle {
    text-decoration: underline;
}
.assignment h1.ui-article-title {
    font-size:14px;
}
.assignment .ui-widget-detail {
    padding-top: 15px;
}
.assignment .ui-widget-detail h2 {
    margin:0px;
    font-size:18px;
}
.assignment .ui-widget-header h2 {
    font-size: 13px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.ui-widget.app.assignment .ui-widget-detail {
    /*max-width: 600px;*/
    width: auto!important;
    width: 600px;
    overflow: hidden;
}

.ui-widget-assignment-container {
	float: left;
    width: 48%;
    margin-right: 2%;
    padding: 0px;
}
/* ASSIGNMENTS END */

/* ALUMNI */

.sw-alumni-photo {
    width: 100px;
}

/* ALUMNI END */

/* BLOG */
.sw-blog-posted-by {
    font-size: 12px;
    font-style: italic;
    margin: 3px 0px 10px 0px;
}
.blog .ui-article {
    border-bottom: 2px solid #CCCCCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

/* remove bottom border from embedded photo gallery */

.blog .ui-article .gallery .ui-article {
    border-bottom: 0px;
}
/* BLOG END */




/* BOOK LIST */
.book-list .ui-article td {
    vertical-align: top;
}

.book-list .ui-article-description {
    line-height: 150%;
    margin: 8px 0px 0px 0px;
}

.book-list .ui-articles li {
    margin: 0px 0px 20px 0px;
}
/* BOOK LIST END */




/* FILE LIBRARY */

.ui-widget.app.file-library .ui-article-description {
    /*line-height: 135%;*/
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.ui-filelist-filename {
    font-size: 11px;
    text-decoration: none;
    color: #000000;
}

.ui-filelist-container {
    padding: 10px 0px 5px 0px;
    border-bottom: 1px dotted #999999;
}

.ui-filelist-container a {
    text-decoration: none;
    color: #000000;
}

.ui-filelist-container a:hover {
    text-decoration: underline;
}

.ui-filelist-container a img {
    vertical-align: middle;
}

.ui-filelist-filesize {
    font-size: 11px;
    font-weight: bold;
}

.ui-filelist-modifieddate {
    font-size: 11px;
    color: #666666;
}

/* END FILE LIBRARY */

/* LINK LIBRARY */
.link-library .sw-links-link {
    font-size: 13px;
    color: #666666;
}
.link-library .sw-links-link a {
    color: #666666;
}
.link-library .ui-widget-detail .ui-article {
    border-bottom: 1px solid #F1F1F1;
}
/* LINK LIBRARY END */

/* MAPS & DIRECTIONS */
/* MAPS & DIRECTIONS END */

/* SHORTCUTS */
/* SHORTCUTS END */






/* HEADLINES - BEGIN */

/* HEADLINES - END */






/* MAPS & DIRECTIONS */
.ui-maps-street, .ui-maps-citystatezip {
    padding: 5px 0px 0px 0px;
}

.ui-maps-attachment .sub-link {
    display: block;
}

/* END MAPS & DIRECTIONS */



/* PODCASTS - BEGIN */
/* PODCASTS - END */






/* UPCOMING EVENTS */
.upcomingevents .ui-article-description {
    margin: 5px 0px 7px 0px;
}

.upcomingevents .sw-calendar-block-time {
    font-size: 12px;
}

.upcomingevents .sw-calendar-block-title {
    font-size: 12px;
}

.upcomingevents .sw-calendar-block-title a {
    color: inherit;
    text-decoration: none;
}

/* UPCOMING EVENTS - END */


/* MINIBASE - BEGIN */
.minibase .sw-flex-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 290px;
}
.ui-widget.app.minibase .sw-flex-item-list {
    padding: 0px 0px 20px 10px;
    margin: 0px 0px 0px 10px;
    list-style: none outside none;
}
.minibase .sw-flex-item-list .sw-flex-item {
    padding:0px;
}
.sw-minibase-list-number {
    float: left;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.sw-flex-item-group {
    clear: both;
    padding-bottom: 30px;
}
.minibase .sw-flex-row {
    background-color: #E1E1E1;
}
.minibase .sw-flex-alt-Row {
    background-color: #FFFFFF;
}
.minibase .ui-widget-detail th {
    text-align: left;
    padding: 7px;
}
.minibase .ui-widget-detail td {
    padding: 7px;
}
/* MINIBASE END */


/* HEADING */

.heading {
    margin: 0px;
}

/* HEADING END */


/* GroupBegin Channels */
#sw-channel-list-container {
	position: relative;
	display: block;
	width: 960px;
	z-index: 7000;
}
ul.sw-channel-list {
	padding: 0px;
	margin: 0px;
	border :0px;
}
ul.sw-channel-list li.sw-channel-item {
	position: relative;
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
	height: 39px;
}
li.sw-channel-item > a {
	display: block;
	padding: 0 15px 0 0;
	color: #CCC;
	text-decoration: none;
	height:100%;
}
li.sw-channel-item > a span {
	display: block;
	padding: 10px 0 11px 15px;
} 
li.sw-channel-item.hover > a {
	color: #000;
}
li.sw-channel-item.active > a {
	color: #000;
}
/* GroupEnd */

/* GroupBegin Channels-Dropdown */
ul.sw-channel-dropdown {
	margin:0px;
	padding: 0px;
	border:0px;
	position: absolute;
	display: none;
	list-style: none;
	top:39px;
	left:0px;
	font-size:12px;
	border:1px solid #CCC;
	width:180px;
	z-index:7001;
	background:#F3F3F3;
	font-weight:normal;
}
ul.sw-channel-dropdown li {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
	display:block;
	width:180px;
	height:auto;
	white-space:pre-wrap;
}
ul.sw-channel-dropdown li a {
	color:#666;
	text-decoration:none;
	background:none;
	width:160px;
	padding: 7px 10px;
	display:block;
}
ul.sw-channel-dropdown li a:hover {
	color:#000;
	background:#E2E2E2;
}
.sw-channel-more-li {
    background-color: #333333;
    color: #FFFFFF;
    background-image: url("../../../../GlobalAssets/Images/Backgrounds/sw-channel-more-chevron.png");
    background-repeat: no-repeat;
    background-position: top right;
}
ul.sw-channel-dropdown li.sw-channel-more-li a:hover {
    background-color: #333333;
    background-image: url("../../../../GlobalAssets/Images/Backgrounds/sw-channel-more-chevron.png");
    background-repeat: no-repeat;
    background-position: top right;
}
.sw-channel-more-span {
    color: #FFFFFF;
}
div.ui-widget.app.navigation li a {
    display:table-cell;
    *display:inline-block;
}
div.ui-widget.app.navigation .bullet {
    display:inline-block;
}


/* GroupEnd */

/* SOCIAL OPTIONS */

#calendar-pnl-buttons .app-level-social-rss .ui-btn-toolbar.rss {
    background-image: url("../../../../GlobalAssets/Images/Icons/20/rss-icon.png");
    width: 45px;
    height: 20px;
}

#calendar-pnl-buttons .app-level-social-follow .ui-btn-toolbar.calendarfollow {
    background-image: url("../../../../GlobalAssets/Images/Icons/20/follow-icon.png");
    width: 66px;
    height: 20px;
}

.app-level-social-rss {
	display: inline;
    line-height: 15px; /*7*/
    vertical-align: baseline;
}

.app-level-social-rss span {
        font-size: 0px;
    }

.app-level-social-ical {
    display: inline;
    line-height: 15px; /*7*/
    vertical-align: baseline;
}

    .app-level-social-ical span {
        font-size: 0px;
    }

.app-level-social-follow {
    display: inline;
    line-height: 15px; /*7*/
    vertical-align: baseline;
}

.app-level-social-follow span {
        font-size: 0px;
    }

.app-level-social-itunes {
    display: inline;
    line-height: 15px; /*7*/
    vertical-align: baseline;
}

.app-level-social-itunes span {
        font-size: 0px;
    }

.app-level-social-contribute{
	display:inline-block;
}
.app-level-social-commenting{
	clear: both;
}
.app-level-social-rating {
	width:120px;
	height:15px;
	display: block;
	vertical-align: middle;
}
.record-level-social-rating {
	width:120px;
	height:15px;
	display:inline-block;
	vertical-align: middle;
}
.sw-ratings-count {
	color: #666666;
	font-size: 11px;
	padding: 1px 0 0 4px;
	vertical-align: middle;
}
div.ui-widget.detail .record-level-social-rating {
    clear: both;
    display: block;
    padding: 30px 0 0 0;
}
div.ui-widget.detail .record-level-social-commenting {
    clear: both;
}
.ui-comments-count {
    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.ui-comment-headertext {
    font-weight: normal;
}
.ui-comment-headertext h1 {
    font-size: 15px;
    padding: 0px;
    margin: 0px;
}
.ui-comment-headertext h2 {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}
.ui-comment-reply {
    font-size: 11px;
    padding: 0px;
    margin: 0px; 
}
.ui-comments-new {  
    font-size: 11px;
}
.ui-comments-new > h1 {
    font-size: 15px;
    margin-bottom: 10px;
}
.ui-comments-new label {
    font-size: 11px;
}
/* SOCIAL OPTIONS - END */

/* CALENDAR */
#calendar-pnl-calendarcontainer {
    width: 100%;
	min-width:600px;    
} 
#calendar-tbl-calendars {
	width: 100%;
	min-height: 325px;
}
#calendar-tbl-calendars td {
	vertical-align: top;
	border-color: #ECECEC;
}

#calendar-tbl-calendars-col1 {
    padding: 0px 3px 0px 0px;
}

#calendar-tbl-calendars h2.fc-header-title {
	color: #666666;
	font-size: 22px;
	margin-bottom: 15px;
}
#calendar-tbl-calendars div.fc th {
	color: #666666;
	border-color: #ECECEC;
}
#calendar-tbl-calendars div.fc-grid td.fc-leftmost {
	border-left: 4px solid #ECECEC;
	border-right: 4px solid #ECECEC;
}
#calendar-tbl-calendars div.fc-grid th.fc-leftmost {
	border-left: 4px solid #ECECEC;	
	border-right: 4px solid #ECECEC;
}
#calendar-pnl-smcalendar .ui-datepicker-next, #calendar-pnl-smcalendar .ui-datepicker-prev {
	display: none;
}
#calendar-pnl-smcalendar .hasDatepicker .ui-datepicker-multi.ui-datepicker {
	width: 170px;
}
span.fc-event-title {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: block;
}
td.fc-other-month div.fc-day-number {
	visibility: hidden;
}
div#calendar-event-overlay {
	position: absolute;
	padding:35px 20px 10px 20px;
	z-index: 4000;
	width: 205px;
	height:150px;
	background: transparent;
	font-size: 12px;
	background-image:url(../../../../site/Assets/Images/small-bg.png);
	background-repeat:no-repeat;
	text-align:left;
    margin-top: 0px;
}
div#calendar-event-overlay h1 {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
div#calendar-event-overlay h2 {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.calendar-event-overlay-buttons {
	position: absolute;
	top: 100px;
	left: 20px;
	
}
#selectedsel-calendarlist-month, #selectedsel-calendarlist-year {
	min-width:0;
}
div.calendarevent-register {
	background-image: url('/cms/Assets/Images/Icons/icoRegister.png');
	background-repeat: no-repeat;
	padding-left: 15px;
}
/*div.calendarevent-mandatory {
	background-image: url('/cms/Assets/Images/Icons/icoMandatory.png');
	background-repeat: no-repeat;
	padding-left: 15px;
}*/
div.fc-event-more {
	text-align: right;
	cursor: pointer;
	background-image: none;
}
.fc-header {
	display: none;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi {
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radious: 0px;
    border-radius: 0px;
}

#small-calendar-1 .ui-datepicker {
	background-color: #ECECEC;
	-moz-border-radius: 0px;
	-moz-box-shadow: none;
	border: 0px;
}
.fc .fc-grid td {
	border: 4px solid #ECECEC;
}
.fc-sun, .fc-mon, .fc-tue, .fc-wed, .fc-thu, .fc-fri, .fc-sat {
	border: 4px solid #ECECEC;
}
.ui-datepicker .ui-datepicker-title {
	font-size: 16px;
}
div .ui-datepicker table {
	font-size: 10px;
}
#calendar-pnl-title-container {
	/*position: relative;*/
	display: block;
	float: left;
	padding: 10px 0px 10px 0px;
	color: #666666;
	width: 100%;
	*width: 99%;
    /*text-align: center;*/
}

#calendar-pnl-wrapper {
    /*position: relative;*/
    display: block;
    float: left;
    width: 100%;
    padding: 0px;
    border-bottom: 1px dotted #EFEFEF;
}

#calendar-pnl-title {
    display: block;
    float: left;
    width: 50%;
    text-align: left;
}

#calendar-pnl-buttons-top {
    display: block;
    float: left;
    width: 50%;
    *width: 49%;
    text-align: right;
}

#calendar-pnl-buttons-bottom {
    display: block;
    float: left;
    width: 100%;
}

#calendar-pnl-dateselect {
   /*position: relative;*/
    display: block;
    float: right;
    *margin-top: -40px;
    text-align: right;
    /*width: auto;*/
}

#calendar-pnl-title h1 {
    margin: 0px;
}

#calendar-pnl-buttons {
	text-align: left;
	padding: 5px 0px 0px 5px;
}
#calendar-print-title h1{
	font-size: 25px;
	font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #666666;
}
/*  CALENDAR - END */

/* RATING CONTROL - BEGIN */ /* do not remove */
div.rating-cancel, div.star-rating {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}
div.star-rating, div.star-rating a {
	background: url("../../../../GlobalAssets/Images/Controls/Rating/star-v3.png") no-repeat scroll 0 0 transparent;
}
/*div.rating-cancel, div.rating-cancel a {
	background:url('../../../../GlobalAssets/Images/Controls/Rating/delete.png') no-repeat 0 -16px;
}*/
div.star-rating a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:0;
	margin-top: -2px;
}
div.rating-cancel {
	display: none !important;
}
div.star-rating-on a {
	background-position:0 -17px!important;
}
div.star-rating-hover a {
	background-position:0 -32px;
}
/* Read Only CSS */
    div.star-rating-readonly a {
	cursor:default !important;
}
/* Partial Star CSS */
    div.star-rating {
	background:transparent!important;
	overflow:hidden!important
}
/*  RATING CONTROL - END */

/* MY ACCOUNT */

.myaccount .ui-article-header h1,
.myaccount .ui-article-header h2 {
    line-height: 1;
    padding: 0;
}

.myaccount > .ui-widget-header { /* top heading */
    padding: 5px;
    margin: 5px 0 20px 0;
    border: 0;
    border-bottom: 3px solid #ccc;
}

.myaccount  .ui-widget-header h1 { /* top heading h1 */
    margin: 5px 0 5px 0px;
    padding: 0;
    font-size: 24px;
    letter-spacing: normal;
    text-shadow: 0px 0px 0px black;
}

.myaccount .ui-widget-header p.ui-description { /* top heading desc */
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
}

.myaccount div.ui-widget-detail.ui-two-col.one-third {
    margin: 0;
    padding: 0;
}

.myaccount .ui-two-col.one-third table.ui-table {
    width: 95%;
}

.myaccount div.ui-widget-detail.ui-two-col.two-thirds {
    margin: -10px 0 10px 5px;
    padding: 0;
}

.myaccount div.ui-widget-detail.ui-two-col > div {
    margin: 0;
    padding: 0 0 0 10px;
}

.myaccount div.ui-widget.nested .ui-widget-header { /* right side header */
    padding: 5px 0 5px 0;
    margin: 0;
}

.myaccount div.ui-widget.nested .ui-widget-header h1 { /* right side header h1 */
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 18px;
    
}

.myaccount div.ui-widget.nested .ui-widget-footer  { /* right side footer */

    
}

.myaccount div.ui-widget.nested .ui-widget-toolbar-bottom  { /* right side footer toolbar */
    padding: 10px 0 0 0;
    margin: 0;
    
}

.myaccount .subscription-icon {
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin: 0 5px 0 0;
}

.myaccount .subscription-icon.section {
    background: url('/cms/Assets/Images/icons/20/section-subscription.png') top left no-repeat;
}

.myaccount .subscription-icon.channel {
    background: url('/cms/Assets/Images/icons/20/channel-subscription.png') top left no-repeat;
}

.myaccount .subscription-icon.site {
    background: url('/cms/Assets/Images/icons/20/site-subscription.png') top left no-repeat;
}

.myaccount div.ui-article {
    position: relative;
    min-height: 30px;
}

.myaccount div.ui-article-toolbar-bottom {
    top: 5px;
}

.connection-logo {
    margin: 0 0 10px 0;
}

/*.myaccount .connection-icon.NB {
    background: url('/cms/Assets/Images/ConnectedServices/nb-connection.png') top left no-repeat;
}

.connection-logo.NB {
    
}
*/

/* School and Staff Directory */

.school-directory div.clear {
    height: 15px;
}

.school-directory table.ui-table td {
    padding: 0px; 
}

.school-directory table.ui-table {
    margin-bottom: 10px;
}

.school-directory-detail {
    width: 50%;
    vertical-align: top;
}

.school-directory-detail span {
    padding-left: 25px;
}

.school-directory-detail div {
    display: block;
    width: 240px;
    margin-right: 10px;
    word-wrap: break-word;
}

.staff-search {
    width: 20%;
}

div.ui-widget.app.staff-directory .ui-widget-header, div.ui-widget.app.school-directory .ui-widget-header {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

div.ui-widget.app.staff-directory .ui-articles li:hover {
    background-image: url("../../../GlobalAssets/Images/Icons/20/arrow.png");
    background-repeat: no-repeat;
    background-position: 99% 20px;
}

div.ui-widget.app.staff-directory .ui-articles li {
    border-bottom: 1px dotted #cccccc;
}

div.ui-widget.app.staff-directory .ui-article {
    padding: 10px 0px 10px 10px;
}

div.ui-widget.app.staff-directory li:hover, div.ui-widget.app.staff-directory h1.ui-article-title {
    cursor: pointer;
}

div.ui-widget.app.staff-directory .ui-article-description {
    width: 100%;
    float: left;
}

div.ui-widget.app.staff-directory .ui-article.selected {
    background-image: -ms-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background-image: -moz-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background-image: -o-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f6f6f6));
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background-image: linear-gradient(to bottom, #fafafa 0%, #f6f6f6 100%);
}

div.ui-widget.app.staff-directory.detail .ui-widget-detail {
    border: 1px solid #cccccc;
}

div.ui-widget.app.staff-directory.detail .ui-widget-header {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #f8f8f8;
}

div.ui-widget.app.staff-directory.detail .ui-widget-header h2 {
    margin: 0px;
    font-size: 20px;
    padding: 10px;
}

div.ui-widget.app.staff-directory.detail .ui-article-description {
    padding: 0px 20px;
}

#school-directory-wrapper {
    display: block;
    float: left;
    width: 680px;
}

#school-directory-holder {
    display: block;
    position: static;
    float: left;
    width: 680px;
    background-color: #f8f8f8;
    border-top: 1px solid #cccccc;
}

#school-directory-title {
    display: block;
    position: static;
    float: left;
    margin-top: 10px;
    margin-left: 100px;
    margin-right: 100px;
    width: 450px;
    padding: 14px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
}

#school-directory-title h2 {
    font-size: 20px;
    margin: 0px;
}

#school-directory-title h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
}

#school-directory-image {
    display: block;
    position: static;
    float: left;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 20px;
    width: 450px;
    /*height: 265px;*/
    padding: 14px;
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#school-directory-info {
    display: block;
    position: static;
    float: left;
    margin-left: 100px;
    margin-right: 100px;
    width: 450px;
    padding: 0px 14px;
}

#school-directory-info-phone {
    background-color: #ffffff;
    margin: 20px 0px;
}

#school-directory-info table {
    width: 100%;
}

#school-directory-map {
    display: block;
    position: static;
    float: left;
    width: 450px;
    height: 450px;
    margin: 20px 0px;
}

/* About Teacher - BEGIN */

#about-teacher-information {
    display: block;
    float: left;
    width: 250px;
}

#about-teacher-information img {
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 250px;
}

#about-teacher-bio {
    display: block;
    margin-left: 275px;
    width: auto;
}

/* About Teacher - END */

/* Video Library - BEGIN */

.video .ui-article td {
    vertical-align: top;
}

.video .ui-article-description {
    line-height: 150%;
    margin: 8px 0px 0px 0px;

}

.video .ui-articles li {
    margin: 0px 0px 20px 0px;
}    

/* Video Library - END */