/* CSS Document */


.noCSS {
display: none;
}


#lstSites {
position: relative;
float: left;
z-index: 10;
}

#custom-start-container {
width: 955px;
height: 50px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: center;
background-color: #22201B;
left: 0px;
}


#custom-start-left {
width: 240px!important;
width: 300px;
height: 36px!important;
height: 50px;
padding: 14px 0px 0px 60px;
margin: 0px;
border: 0px;
float: left;
background-image: url(/uccs/lib/uccs/_template386/_assets/drop-down-arrow.gif);
background-position: top left;
background-repeat: no-repeat;
vertical-align: middle;
text-align: left;
}

#custom-start-middle {
width: 275px!important;
width: 300px;
height: 50px;
padding: 0px;
margin: 0px 0px 0px 25px;
border: 0px;
float: left;
text-align: left;
}

#custom-start-right {
width: 294px!important;
width: 296px;
height: 50px;
padding: 0px;
margin: 0px;
border: 0px;
float: right;
text-align: right;
}

#hp-top-header {
width: 955px;
height: 170px;
padding: 0px;
margin: 0px auto 0px auto;
border: 0px;
position: relative;
float: center;
left: 0px;
}

#hp-channel-nav {
width: 955px;
height: 40px;
background-color: #1D1B16;
padding: 0px;
margin: 0px auto 0px auto;
border: 0px;
position: relative;
float: center;
text-align: left;
background-image: url(/uccs/lib/uccs/_template386/_assets/nav-background.jpg);
background-repeat: repeat-x;
background-position: top left;
left: 0px;
}

#hp-body-top {
width: 955px;
height: 12px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-body-top.gif);
background-repeat: no-repeat;
background-position: bottom center;
position: relative;
float: center;
line-height: 1px;
left: 0px;
}

#hp-body-container {
width: 955px;
height: 100%!important;
height: auto;
padding: 0px;
margin: 0px auto 0px auto!important;
margin: -5px auto 0px auto;
border: 0px;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-body-background.gif);
background-repeat: repeat-y;
background-position: top left;
position: relative;
float: center;
left: 0px;
}


#hp-body-left {
width: 395px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#hp-welcome-container {
width: 395px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#hp-welcome-header {
width: 395px;
height: 25px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-welcome-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#hp-welcome-body {
width: 345px!important;
width: 395px;
height: auto;
padding: 3px 25px 0px 25px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#hp-welcome-footer {
width: 395px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}


#hp-body-middle {
width: 285px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}



#hp-announcements-container {
width: 285px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
background-color: #FFFFFF;
}

#hp-announcements-header {
width: 285px;
height: 25px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-announcements-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#hp-announcements-body {
width: 255px!important;
width: 285px;
height: auto;
padding: 20px 15px 0px 15px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#hp-announcements-footer {
width: 285px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}


#hp-body-right {
width: 240px!important;
width: 255px;
height: auto;
padding: 0px 0px 0px 15px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}


#hp-shortcuts-container {
width: 250px;
height: auto;
padding: 0px;
margin: 0px 0px 0px 10px;
border: 0px;
position: relative;
float: left;
}

#hp-shortcuts-header {
width: 250px;
height: 25px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: right;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-shortcuts-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#hp-shortcuts-body {
width: 220px!important;
width: 250px;
height: auto;
padding: 20px 15px 0px 15px;
margin: 0px;
border: 0px;
position: relative;
float: right;
}

#hp-shortcuts-footer {
width: 250px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: right;
}



#hp-upcoming-container {
width: 250px;
height: auto;
padding: 0px;
margin: 0px 0px 0px 10px;
border: 0px;
position: relative;
float: left;
}

#hp-upcoming-header {
width: 250px;
height: 25px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: right;
background-image: url(/uccs/lib/uccs/_template386/_assets/hp-upcoming-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#hp-upcoming-body {
width: 220px!important;
width: 250px;
height: auto;
padding: 20px 15px 0px 15px;
margin: 0px;
border: 0px;
position: relative;
float: right;
text-align: left;
}

#hp-upcoming-footer {
width: 250px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: right;
}


#footer {
width: 955px;
height: 50px;
background-color: #000000;
padding: 0px;
margin: 0px auto 0px auto;
border: 0px;
position: relative;
float: center;
left: 0px;
}

#footerLeft {
position: relative;
float: left;
padding: 17px 0px 0px 10px;
text-align: left;
font-size: 12px;
font-weight: bold;
font-family: 'Optima', 'Trebuchet MS', Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#footerRight {
position: relative;
float: right;
padding: 3px 10px 0px 0px;
text-align: right;
font-size: 10px;
font-weight: normal;
font-family: 'Trebuchet MS', Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#sp-sectionnav-container {
width: 255px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#sp-sectionnav-header {
width: 255px;
height: 35px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
background-image: url(/uccs/lib/uccs/_template386/_assets/sp-sectionnav-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#sp-sectionnav-body {
width: 225px!important;
width: 255px;
height: auto;
padding: 20px 15px 0px 15px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

#sp-sectionnav-footer {
width: 255px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px;
position: relative;
float: left;
}

/*---------------------------------------------------------------------*/
/* HEADLINE CLASSES 		*/
/*---------------------------------------------------------------------*/

.SWHeadlinesTitle A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.SWHeadlinesTeaser {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
/* ANNOUNCEMENT CLASSES     */
/*---------------------------------------------------------------------*/

.SWAnnouncements {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

/*---------------------------------------------------------------------*/
/* ARTICLE LIBRARY LISTING  */
/*---------------------------------------------------------------------*/

.SWArticlesTitle A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.SWArticlesTeaser{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
/* ARTICLE LIBRARY DETAIL	*/
/*---------------------------------------------------------------------*/

.SWArticlesDetailTitle{
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

.SWArticlesDetailContent{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.SWArticlesDetailAuthor{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.SWArticlesDetailAuthorEmail{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.SWArticlesDetailAuthorPhone {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/*---------------------------------------------------------------------*/
/* MAPS & DIRECTIONS LISTING        */
/*---------------------------------------------------------------------*/

.SWMapsTitle A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.SWMapsStreet{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}
.SWMapsCityStateZip{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}


/*---------------------------------------------------------------------*/
/* MAPS & DIRECTIONS DETAIL              */
/*---------------------------------------------------------------------*/


.SWMapsDetailTitle{
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}
.SWMapsDetailStreet{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.SWMapsDetailCityStateZip{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.SWMapsDirectionsDetail{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

/*---------------------------------------------------------------------*/
/* FILE LIBRARY LISTING   */
/*---------------------------------------------------------------------*/

.SWFilesTitle{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.SWFilesDescription{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.SWFilesNameSize{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/*---------------------------------------------------------------------*/
/* LINK LIBRARY LISTING      */
/*---------------------------------------------------------------------*/

.SWLinksTitle{
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
}

.SWLinksDescription{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.SWLinksLink A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
/* CONTENT					    */
/*---------------------------------------------------------------------*/

/* Used on all layouts. It surrounds all content. */


/* Used on secondary page when left navigation is on. */
.SWContentBODY {
/* FIREFOX PADDING FIX */
    WIDTH: 600px !important;
	WIDTH: 550px;
	BACKGROUND-COLOR: none;
	PADDING-TOP: 35px;
	PADDING-BOTTOM: 15px;
	PADDING-LEFT: 50px;
	PADDING-RIGHT: 15px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	position: relative;
	color: #333;
	line-height: 2em;
}

.SWContentBODY li {
	margin-top:15px;
}

/* Used on secondary page when left navigation is off. */
/* Used on Login, Access My Info, Register, Directory and Log Out pages */

.SWContentBODYMinusLeftNavigation {
/* FIREFOX PADDING FIX */
	WIDTH: 1075px;
    BACKGROUND-COLOR:white;
	padding: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	position: relative;
}


/* Used to format the Last Modified Date */

.SWLastModifedDate {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

/*---------------------------------------------------------------------*/
/* MYSTART ELEMENT CLASSES      */
/*---------------------------------------------------------------------*/

.SWCancelButton{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}
.SWSignInButton{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}

.SWButtonGeneral {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}

/*---------------------------------------------------------------------*/
/* DIRECTORY		*/
/*---------------------------------------------------------------------*/

.SWDirectoryTitle {
	font-family: Tahoma, Arial;
	font-size: 25px;
	font-weight: normal;
}

.SWDirectoryAlphabeticalGroupHeading {
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	width:200px;
}

.SWDirectoryAlphabeticalFilterLink {
	background-color: #F0F0F0;
	padding: 5px 5px 5px 5px;
	width:20px;
	border: 2px solid #FFFFFF;
}

.SWDirectoryAlphabeticalFilterLink A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}


/* Used when navigation node is not hovered over */

.SWDirectoryItem {
	background-color: #FFFFFF;
	padding: 5px;
	width:200px;
	clear: none;
	border: 1px solid #FFFFFF;

}

.SWDirectoryItem A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}

/* Used when cursor is over navigation node */

.SWDirectoryItemHover
{
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	width: 200px;
	border: 1px solid #CCCCCC;
}

.SWDirectoryItemHover A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}

/*---------------------------------------------------------------------*/
/* SITE MAP		*/
/*---------------------------------------------------------------------*/
.SWSMSiteTitle {
	margin-top:10px;
	margin-bottom:10px;
}

.SWSMSiteTitle A {
	font-family: Tahoma, Arial;
	font-size: 25px;
	font-weight: normal;
}

.SWSMChannelTitle {
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
}

/* Used when navigation node is not hovered over */
.SWSMSectionItem {
	background-color: #FFFFFF;
	padding: 5px;
	width:200px;
	clear: none;
	border: 1px solid #FFFFFF;
}

.SWSMSectionItem A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Used when cursor is over navigation node */
.SWSMSectionItemHover {
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	width: 200px;
	border: 1px solid #CCCCCC;
}

.SWSMSectionItemHover A {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/*---------------------------------------------------------------------*/
/* FLEXLIST		*/
/*---------------------------------------------------------------------*/

.sw-flex-title {
	font-family: 'Trebuchet MS', Tahoma, Verdana;
	font-size: 18px;
}
.sw-flex-description {
	font-family: 'Trebuchet MS', Tahoma, Verdana;
	font-size: 12px;
	margin-bottom: 15px;
}

/* List View */

/* Used to format group of items in the list */
.sw-flex-item-group {
	margin-top: 10px;
	padding: 0px;
	width: 600px;
}

/* Used to format item in the list*/
.sw-flex-item {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
}

/* Used to format label for the item*/
.sw-flex-item-label {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}

/* Table View */

/* Used to format the table */
.sw-flex-table {
	margin: 0px;
	padding: 0px;
	width: 600px;
}

/* Used to format the column headings r */
.sw-flex-column-heading {
	font-family: 'Trebuchet MS', Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 0px;
}

/* Used to format the alternating row */
.sw-flex-alt-row {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
}

/* Used to format the row */
.sw-flex-row {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
}
/*---------------------------------------------------------------------*/
/* CALENDAR ACTIVEBLOCK		*/
/*---------------------------------------------------------------------*/
/* Used to format the date */
.SW-Calendar-Block-Date { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

/* Used to format the date */
.SW-Calendar-Block-Time { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Used to format the title */
.SW-Calendar-Block-Title {}

/* Used to format the title link */
.SW-Calendar-Block-Title A { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold; 
                color: #FFFFFF;
}

/* Used to format the entire list */
.SW-Calendar-Block-Container {
color: #FFFFFF;
}

/* Used to format a single event row */
.SW-Calendar-Block-Event-Container {
	margin-top:5px;
	border-top:solid  #EFEFEF 1px;
}


/*---------------------------------------------------------------------*/
/* Blogs		*/
/*---------------------------------------------------------------------*/
.SW-BlogPostDate{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-right:10px;
	}
.SW-BlogTitle{
	font-weight:bold;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-right:10px;
	}
.SW-BlogDescription{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-right:10px;
	}	
.SW-BlogPostedBy{ 
	color:#CCCCCC;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#CCCCCC;
	padding-bottom:10px;
	margin-right:10px;
	}	
.SW-BlogRightHeader{
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	}
.SW-BlogRightLink{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-bottom:5px;
	}
.SW-BlogCommentHeading{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	}	
.SW-BlogCommentAuthor{
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-bottom:3px;
	}	
.SW-BlogCommentText{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-bottom:8px;
	}
.SW-BlogCommentPostedOn{ 
	color:#CCCCCC;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	padding-left:15px;
	}
.SW-BlogLeaveCommentHeading{
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.SW-BlogLeaveCommentFieldCaption{
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	}
	
/*---------------------------------------------------------------------*/
/* Podcasts		*/
/*---------------------------------------------------------------------*/

.SW-Podcast-Title {
margin-top:20px;
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:20px;
 
}
 
.SW-Podcast-Description {
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;
 
}
 
.SW-Podcast-Author {
margin-top:10px;
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;
}
 

.SW-Podcast-Length {
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;
}
 

.SW-Podcast-Controls {
margin-top:10px;
}



#sw-policy-footer {
width: 945px!important;
width: 955px;
background-color: #E7E4DD;
color: #000000;
padding-bottom: 0px;
margin-bottom: 0px;
}

#sw-policy-footer-copyright {
width: 945px!important;
width: 955px;
background-color: #E7E4DD;
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left;
}


/*---------------------------------------------------------------------*/
/* Assignments	*/
/*---------------------------------------------------------------------*/
.sw-assignments-list-container {
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}
.sw-assignments-list-category {
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;
}
.sw-assignments-list-datetime {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}
.sw-assignments-list-subject a {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	font-size: 14px;
}
.sw-assignments-pastdue-column {
	padding: 10px;
}
.sw-assignments-pastdue-header-container {
	padding: 10px;
	border-bottom: 4px solid #EEEEEE;
}
.sw-assignments-pastdue-header-text {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.sw-assignments-upcoming-column {
	padding: 10px;
}
.sw-assignments-upcoming-header-container {
	padding: 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	border-bottom: 4px solid #EEEEEE;
}
.sw-assignments-upcoming-header-text {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.sw-assignments-top-filter-box { 				
     border: 1px solid silver;
     WIDTH: 520px;
     cursor: pointer;
}
.sw-assignments-date-filter-box {
	padding: 10px;
}
.sw-assignments-detail-subject {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	font-size: 22px;
}
.sw-assignments-detail-category {
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;
	margin-bottom: 20px;
	border-bottom: 3px solid #EEEEEE;
	padding-bottom: 10px;
}
.sw-assignments-detail-datetime {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}
.sw-assignments-detail-container {
	padding: 20px;
}
.sw-assignments-detail-body {
	border-top: 1px solid #EEEEEE;
	margin-top: 20px;
	padding-top: 10px;
}
.sw-assignments-go-back {
	width: 210px;
	font-family: Tahoma, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	text-align: left;
}
.sw-assignments-upload-header { 
        background-color: #EEEEEE; 
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        padding-bottom: 10px;
} 
.sw-assignments-upload-button {
	width: 160px;
	font-family: Tahoma, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
        margin-top: 10px;
	text-align: left;
}
.sw-assignments-upload-detail-subject{
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	font-size: 22px;
        padding: 10px;
}
.sw-assignments-upload-detail-datetime {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
        margin-left: 10px;
}
.sw-assignments-list-note{						
     font-family: Tahoma, Helvetica, sans-serif;
     font-size: 10px;
     margin-left: 10px;
     font-style: italic;
}
.sw-assignments-top-filter-box-title{					
     background-color: silver;   
     font-family: Tahoma, Helvetica, sans-serif;
     font-size: 14px;
     padding-top: 5px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 5px;
}
.sw-assignments-top-filter-box-item {
     padding-top: 5px;
     padding-left: 10px;
     padding-right: 10px;
     width: 100%;
     font-family: Tahoma, Helvetica, sans-serif;
     font-size: 14px;
}
.sw-assignments-top-filter-box-buttons{
     text-align: right;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;

}


/* News and Events in homepage sidebar */
#homecontent_left iframe {margin-bottom:0;}
#homecontent_left h3 {margin: 55px 0 25px 0; padding-bottom:5px; border-bottom: 1px solid black}
/*---------------------------------------------------------------------*/
/* PassKey  */
/*---------------------------------------------------------------------*/

#ui-passkey-overlay {
	position: absolute;
	display: block;
	width: 350px!important;
	width: 370px;
	height: auto;
	max-height: 275px;
	padding: 0px 10px 10px 10px;
	margin: 0px;
	border: 0px;
	background-color: #404040;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	background-color: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000)';
            z-index: 10000;
            top: 25px;
           right: 0px;
}

#ui-passkey-container {
	position: relative;
	display: block;
	width: 350px!important;
	width: 352px;
	height: 270px;
	max-height: 270px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: url('../../../PassKey/assets/images/ui-passkey-container-bg.jpg');
	background-repeat: repeat-x;
	overflow: auto;
}

#ui-passkey-header {
	position: relative;
	display: block;
	width: 305px!important;
	width: 335px;
	height: auto;
	padding: 15px 15px 10px 15px;
	margin: 0px;
	border: 0px;
	font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
	line-height: 18px;
}

#ui-passkey-body {
	position: relative;
	display: block;
	width: 305px;
	width: 335px;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
        text-align: left;
}

#ui-passkey-body:after {
	clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

#ui-passkey-list {
        position:relative;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#passkey-item-with-multiple {
       position: relative;
       display: block;
       width: 100%;
       height: 100%;
       padding: 0px;
       margin: 0px;
       border: 0px;
}

#passkey-overlay-container {
	position: absolute;
	display: block;
	width: 980px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
	border: 0px;
        z-index: 10000;
        top: 25px;
        left: 0px;	
}
	
#passkey-overlay-header {
	position: relative;
	display: block;
	width: 980px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/passkey-overlay-header.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#passkey-overlay-body {
	position: relative;
	display: block;
	width: 940px!important;
	width: 980px;
	min-height: 600px;
	height: auto!important;
	height: 600px;
	padding: 0px 20px 0px 20px;
	margin: 0px;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/passkey-overlay-body.png');
	background-repeat: repeat-y;
	background-position: top left;
}

#passkey-overlay-iframe {
	width: 940px;
	height: 600px;
	background-color: #000000;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#passkey-overlay-footer {
	position: relative;
	display: block;
	width: 980px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/passkey-overlay-footer.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#passkey-inline-iframe {
	width: 100%;
	min-height: 500px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #cccccc;
	height: 500px;
}

.passkey-item {
	display: table-cell;
	width: 90px;
	height: auto;
	padding: 0px;
	border: 1px solid #F0F0F0;
                vertical-align: top;
                text-align: center;
}

.passkey-item-icon {
	position: relative;
	display: block;
	width: 80px;
	height: 65px;
	padding: 0px;
	margin: 5px;
	border: 0px;
	background-color: #E1E1E1;
}

.passkey-item-label {
	position: relative;
	display: block;
	font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: center;
        margin: 10px 0px 5px 0px;
}

.passkey-item-label a {
	color: #666666;
	text-decoration: none;
}

.passkey-item-label a:hover {
	text-decoration: underline;
}

.passkey-item-dropdown {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/passkey-dropdown-arrow.png');
	background-repeat: no-repeat;
	background-position: top left;
                top: 50px!important;
	top: 55px;
	right: 5px;
	cursor: pointer;
                font-size: 1px;
                line-height: 1px;
}

.passkey-item-dropdown-list {
	position: absolute;
	display: none;
	width: auto;
	height: auto;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	border: 1px solid #CCCCCC;
	background-color: #F1F1F1;
	color: #666666;
	font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 11px;
	list-style: none;
	line-height: 16px;
	top: 68px;
	right: 5px;
	z-index: 1000;
                text-align: right;
}

.passkey-item-dropdown-item {
	cursor: auto;
}

.passkey-addnew-icon {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	padding: 0px;
	margin: 10px auto 0px auto;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/ui-passkey-addnew.png');
	background-repeat: no-repeat;
	background-position: top left;
                text-align: center;
}

.passkey-addnew-label {
	position: relative;
	display: block;
	font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-align: center;
	text-decoration: none;
                margin: 7px auto 5px auto;
}

.passkey-addnew-label:hover {
	text-decoration: underline;
}

.passkey-overlay-close {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('../../../PassKey/assets/images/passkey-overlay-close.png');
	background-repeat: no-repeat;
	background-position: top left;
	top: 17px;
	right: 17px;
}

a {
	cursor: pointer;
}

.noCSS {
	display: none;
}

.SWChannelNavigationBar > ul > li:first-child > a {color: #000; width: 15px; text-indent: -999em; overflow: hidden; background: url(http://uccs-staff.jtpr.net/sites/all/themes/bare/uccs_home.png) no-repeat center center; padding: 0 10px;}

#top_nav {background-image: url(http://www.uei-schools.org/uccs/lib/uccs/_template405/_assets/top_nav.jpg);}

#subfooter {text-align: left; clear: both; background: url(http://www.uei-schools.org/uccs/lib/uccs/_template405/_assets/footer_2011.jpg) no-repeat center bottom; padding-top: 40px; padding-left: 55px; padding-right: 55px; padding-bottom: 15px; overflow: hidden;}
#subfooter p {font-size:10px; color: white; font-family: Arial, sans-serif; margin:0; float: left;}
#subfooter a {display: block; overflow: hidden; text-indent: -999em; height: 74px; width: 345px; float: right;}
.SWChannelLinkRight {
float            : left;
background       : url() no-repeat right top;
background-color :;
border			  :0;
border-color	  :;
border-style	  : solid;
font-size        :12px;
font-weight      : Normal;
text-decoration  :None;
font-family: Georgia, 'Times New Roman', Times, serif;
color: #000000;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
text-align:Left;
}
.SWChannelLinkRight:hover {
background       : url() no-repeat right top;
background-color :;
border			  :0;
border-color	  :;
border-style	  : solid;
font-weight      : Normal;
text-decoration  :None;
color: #000000;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size        :12px;
text-align:Left;
}
.SWChannelLinkLeft {
float            : left;
background       : url() no-repeat left top;
padding-top      :5px;
padding-bottom   :5px;
padding-right    :10px;
padding-left     :10px;
white-space      : nowrap;
cursor:			hand;
}
.SWChannelNavigationBar A:hover SPAN.SWChannelLinkLeft {
background       : url() no-repeat left top;
padding-top      :5px;
padding-bottom   :5px;
padding-right    :10px;
padding-left     :10px;
}
.SWChannelLinkRightSelected {
float            : left;
background       : url() no-repeat right top;
background-color :;
border			  :0;
border-color	  :;
border-style	  : solid;
font-size        :12px;
font-weight      :Normal;
text-decoration  :None;
font-family: Georgia, 'Times New Roman', Times, serif;
color: #000000;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
text-align:Left;
}
.SWChannelLinkRightSelected:hover {
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}
.SWChannelLinkLeftSelected { 
float            : left;
display          : block;
background       : url() no-repeat left top;
padding-top      :5px;
padding-bottom   :5px;
padding-right    :10px;
padding-left     :10px;
white-space      : nowrap;
cursor:			hand;
}
.SWChannelLinkLeftSelected:hover {
padding-top      :5px;
padding-bottom   :5px;
padding-right    :10px;
padding-left     :10px;
}
/*                                                                   */
/* SECTION AND HIERARCHY NAVIGATION         */
/*                                                                   */

/*---------------------------------------------------------------------*/
/* Used when navigation node is not selected */
/*---------------------------------------------------------------------*/


/* Formats the size, border and background color */
.SWNav {
	padding: 0px 5px 0px 5px;
                width:200px;
}

/* Formats the text link */
.SWNav A {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

}

/*---------------------------------------------------------------------*/
/* Used when cursor is over navigation node */
/*---------------------------------------------------------------------*/

/* Formats the size, border and background color */
.SWNavHover
{
    padding: 0px 5px 0px 5px;
    width: 200px;
}

/* Formats the text link */
.SWNavHover A {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}


/*---------------------------------------------------------------------*/
/* Used when navigation node is selected */
/*---------------------------------------------------------------------*/

/* Formats the size, border and background color */
.SWNavSelected {
	padding: 0px 5px 0px 5px;
                width:200px;
}

/* Formats the text link */
.SWNavSelected A {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*---------------------------------------------------------------------*/
/* Section List Object		*/
/*---------------------------------------------------------------------*/

.sw-sectionlist {
list-style-type:none; margin:0px;
}

/*---------------------------------------------------------------------*/
/* Used when navigation node is not selected */
/*---------------------------------------------------------------------*/

.sw-sectionlist-item {
padding: 5px 5px 5px 5px;background-color:#fad700;
width:100%;
}

.sw-sectionlist-item a {
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;

}

/*---------------------------------------------------------------------*/
/* Used when cursor is over navigation node */
/*---------------------------------------------------------------------*/

.sw-sectionlist-item-hover {
padding: 5px 5px 5px 5px;
width:100%;background-color:#FFFFFF;
}

.sw-sectionlist-item-hover a { 
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;
color:#000000;
}

/*---------------------------------------------------------------------*/
/* Used when navigation node is selected */
/*---------------------------------------------------------------------*/

.sw-sectionlist-item-selected {
padding: 5px 5px 5px 5px;
width:100%;background-color:#FFFFFF;
}

.sw-sectionlist-item-selected a {
font-family:'Trebuchet MS', Tahoma, Verdana;
font-size:12px;
color:#000000;
}