.mastHead {
background: #272425 url(/pps/lib/pps/images/topGradient.png) repeat-y 0 0;
padding: 15px 30px 20px;
display: block
min-height: 80px;
}


.logo { 
font: bold 20pt/1.2 helvetica, arial;
letter-spacing: 1.2;
text-align: left;

}

div#hp-channel-nav  {
display: block; 
width: 100%; 
background-color: #004d43;
height: 32px;
}


.SWMasterContentContainer {
background: #fff url(/pps/lib/pps/_template462/_assets/gradientBackground.jpg) repeat-x 0 0 !important; 
}

.SWChannelNavigationBar a:link{
color: #ffcd06;
}

.sectionListHeader {
FONT-SIZE: 16pt; 
MARGIN: 0px 0px 0px 0px; 
WIDTH: 240px; 
COLOR: #006699; 
FONT-FAMILY: helvetica; 
LETTER-SPACING: 1px;
}

.sw-content-table {
width: 955px; 
background-color: #fff; 
padding: 0px 15px 0px 10px;
}

.userProfiles a {
border-bottom: none;
display: inline; 

}

#sw-policy-footer {
display: inline;
text-align: center; 
color: #444; 
font: 14px arial, helvetica; 

}


.SWContentBODYMinusLeftNavigation {
width: 964px; 

background-image: none;
background-color: #fff; 

}

.SWMasterContentContainer {

background-color: #fff;
}

.SWContentBODY {
position: absolute; 
width: 654px; 

}
/*---------------------------------------------------------------------*/
/* 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;
}















/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------- */
.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;

}

#gb-mystart-container {
background-color:#9E001B;
border:0 none;
display:block;
height:35px;
margin:0 auto;
padding:0;
position:relative;
width:960px;
}

#gb-user-profile {
border:0 none;
display:block;
height:35px;
left:0;
margin:0;
padding:5px 0;
position:absolute;
top:0;
width:auto;
z-index:10;
}

#select-a-school {
border:0 none;
display:block;
height:35px;
left:450px;
margin:0;
padding:7px 0;
position:absolute;
top:0;
width:auto;
z-index:10;
}
#search-box {
border:0 none;
display:block;
height:35px;
margin:0;
padding:6px 0;
position:absolute;
right:0;
top:0;
width:auto;
z-index:10;
}

#hp-subsite-container {
border:0 none;
display:block;
height:auto;
margin:0;
padding:0;
position:relative;
width:960px;
}

#hp-subsite-column1 {
border:0 none;
display:block;
float:left;
height:auto;
margin:0;
padding:0 10px 10px 0;
position:relative;
text-align:left;
width:650px;
}

#hp-subsite-column2 {
border:0 none;
display:block;
float:right;
height:auto;
margin:0;
padding:10 0;
position:relative;
text-align:left;
width:240px;
}

.red-bg {
background-color:#9E001B;
}

.red, .red, .hp-redh1, .hp-redh2 {
color: #FFF;
}
// color:#F1C3BD;

}
global.css (line 2067)
.parents-bg {
background-color:#DBC6DB;
}

.purple, .parents, .hp-parents h1, .hp-parents h2 {
color:#8B2184;
}

.green-bg {
background-color:#005D42;
}

.green, .students, .hp-students h1, .hp-students h2 {
color:#FFF;
}

.blue-bg {
background-color:#044990;
}

.blue, .blue h1, .blue h2 {
color:#FFF;
}


#hp-subsite-column2 h3 {
font-size:18px;
font-weight:bold;
padding:5px;
}


#hp-tabbed-container {
border:0 none;
display:block;
height:auto;
margin:0;
padding:0;
position:relative;

}

#cluetip-close img {
border:0 none;
}
#cluetip-title {
overflow:hidden;
}
#cluetip-title #cluetip-close {
background-image:url(http://www.pps.k12.pa.us/pps/lib/pps/inc/images/close-button.png);
background-position:left center;
background-repeat:no-repeat;
color:#000000;
float:right;
font-size:12px;
padding-left:19px;
position:relative;
}
#cluetip-close a, #cluetip-close a:visited {
color:#000000;
}
#cluetip-close a:hover {
color:#222222;
}
#cluetip-waitimage {
height:12px;
position:absolute;
width:43px;
}
.cluetip-default {
background-color:#D9D9C2;
}
.cluetip-default #cluetip-outer {
background-color:#D9D9C2;
margin:0;
position:relative;
}
.cluetip-default h3#cluetip-title {
background-color:#87876A;
color:#FFFFFF;
font-size:1.1em;
font-weight:normal;
margin:0 0 5px;
padding:8px 10px 4px;
}
.cluetip-default #cluetip-title a {
color:#D9D9C2;
font-size:0.95em;
}
.cluetip-default #cluetip-inner {
line-height:1.6em;
padding:10px;
}
.cluetip-default div#cluetip-close {
margin:0 5px 5px;
text-align:right;
}
.cluetip-jtip #cluetip-outer {
background-color:#FFFFFF;
border:2px solid #CCCCCC;
position:relative;
}
.cluetip-jtip h3#cluetip-title {
background-color:#EEEEEE;
color:#333333;
font-size:14px;
font-weight:normal;
margin:0 0 5px;
padding:2px 5px;
}
.cluetip-jtip #cluetip-inner {
display:inline-block;
padding:0 5px 5px;
}
.cluetip-jtip div#cluetip-close {
color:#990000;
margin:0 5px 5px;
text-align:right;
}
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {
}
#announcements-rss-button {
display:none;
}

.logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;

color:#FFFFFF;
font-family:helvetica,arial;
font-size:20pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
letter-spacing:-0.03em;
line-height:1.2;
text-align:left;
}

#hp-body-middle-column1 {
margin-left:20px;
padding-left:20px;
text-align:left;
}
.WPNewsBox {
font-size:12px;
margin-bottom:5px;
padding-left:0;
padding-top:10px;
}
.WPNewsBox a {
color:#222222;
font-weight:bold;
padding-top:8px;
text-decoration:none;
}
#NewsHeadline {
display:block;
padding-top:8px;
}
#Calendar a {
display:block;
padding:0;
}
.WPNewsBox a:hover {
color:#044990;
text-decoration:underline;
}
#tooltip {
background-color:#EEEEEE;
border:1px solid #111111;
color:#000000;
font-size:12px;
line-height:1.4em;
opacity:0.85;
padding:10px;
position:absolute;
width:400px;
z-index:3000;
}
#tooltip h3, #tooltip div {
margin:0;
}

.WPNewsBox {
-x-system-font:none;
color:#555555;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
padding:6px;
}
.WPNewsBox img {
margin:2px;
padding:5px;
}
.WPNewsBox #WPNewsTitle {
}
#WPNewsTitle a {
border-bottom:1px solid #DDDDDD;
color:#444444;
font-weight:700;
text-decoration:none;
}
#WPNewsTitle a:hover {
border-bottom:1px solid #AAAAAA;
color:#006699;
}
.WPNewsBox #WPNewsDate {
display:block;
}
.WPNewsBox #WPNewsArchives {
display:block;
float:right;
font-weight:700;
}



#hp-channel-nav {
margin:auto;
}
.SWChannelNavigationBar {
width: 960px;
margin: auto;
}

.SWChannelLinkRight {
margin: 0 0 20px 0;
}

#gb-footer-container {
background-color:#09275D;
border:0 none;
color:#FFFFFF;
display:block;
font-size:10px;
font-weight:bold;
height:55px;
margin:20px auto 0;
padding:7px 0 0 7px;
position:relative;
text-align:left;
width:953px !important;
}

#google_translate_element {
float:right;
padding:0 5px 2px 0;
}
#gb-footer-container a {
text-decoration:underline;
}
global.css (line 2217)
#gb-footer-container a {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#demo-nav {
border:0 none;
bottom:0;
display:block;
height:auto;
left:10px;
margin-bottom:-6px;
padding:0 0 0;
position:absolute;
width:auto;
}
#sw-policy-footer {
display:none;
}
#sw-policy-footer-copyright {
display:none;
}

.SWNAV {
margin-top: 5px; 

}

#video h3 {
font-size:13px;
}

.masterTemplateRightSide {
display:block;
float:right;
margin:55px 5px 0 0;
padding:0 0 0 15px;
width:180px;
}

div.masterTemplate {
padding-left:0;
}

#rss-feed {
float:left;
margin-left:15px;
margin-right:10px;
margin-top:10px;
}
#twitter-feed {
float:left;
margin-right:5px;
margin-top:10px;
}
#news-archive {
float:left;
margin-top:10px;
}
#suggest-a-story {
float:left;
margin-top:10px;
}

.SWNavSelected tr td img, .SWNAV tr td img, .SWNAVHOVER tr td img {
display: none;

}

// background: url(/pst/lib/pst/images/PSTALogo.png) no-repeat 0 0; text-indent: -900%;


/*---------------------------------------------------------------------*/
/* 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;
}
.SWChannelLinkRight {float            : left;background       : url() no-repeat right top;background-color :;border			  :0;border-color	  :;border-style	  : solid;font-size        :13px;font-weight      : Normal;text-decoration  :None;font-family: Helvetica, arial;color: #FFCD06;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:20px;text-align:Center;}.SWChannelLinkRight:hover {background       : url() no-repeat right top;background-color :;border			  :0;border-color	  :;border-style	  : solid;font-weight      : Normal;text-decoration  :None;color: #ffffff;font-family: Helvetica, arial;font-size        :13px;text-align:Center;}.SWChannelLinkLeft {float            : left;background       : url() no-repeat left top;padding-top      :5px;padding-bottom   :5px;padding-right    :5px;padding-left     :5px;white-space      : nowrap;cursor:			hand;}.SWChannelNavigationBar A:hover SPAN.SWChannelLinkLeft {background       : url() no-repeat left top;padding-top      :5px;padding-bottom   :5px;padding-right    :5px;padding-left     :5px;}.SWChannelLinkRightSelected {float            : left;background       : url() no-repeat right top;background-color :;border			  :0;border-color	  :;border-style	  : solid;font-size        :13px;font-weight      :Normal;text-decoration  :None;font-family: Helvetica, arial;color: #FFCD06;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:20px;text-align:Center;}.SWChannelLinkRightSelected:hover {margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:20px;}.SWChannelLinkLeftSelected { float            : left;display          : block;background       : url() no-repeat left top;padding-top      :5px;padding-bottom   :5px;padding-right    :5px;padding-left     :5px;white-space      : nowrap;cursor:			hand;}.SWChannelLinkLeftSelected:hover {padding-top      :5px;padding-bottom   :5px;padding-right    :5px;padding-left     :5px;}
