/*---------------------------------------------------------------------*/
/* 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        :12px;
font-weight      : Normal;
text-decoration  :None;
font-family: Arial, Helvetica;
color: #000000;
margin-top:0px;
margin-bottom:0px;
margin-right:20px;
margin-left:0px;
text-align:Left;
}
.SWChannelLinkRight:hover {
background       : url() no-repeat right top;
background-color :#ffffff;
border			  :0;
border-color	  :;
border-style	  : solid;
font-weight      : Normal;
text-decoration  :None;
color: #000000;
font-family: Arial, Helvetica;
font-size        :12px;
text-align:Left;
}
.SWChannelLinkLeft {
float            : left;
background       : url() no-repeat left top;
padding-top      :0px;
padding-bottom   :8px;
padding-right    :13px;
padding-left     :0px;
white-space      : nowrap;
cursor:			hand;
}
.SWChannelNavigationBar A:hover SPAN.SWChannelLinkLeft {
background       : url() no-repeat left top;
padding-top      :0px;
padding-bottom   :8px;
padding-right    :13px;
padding-left     :0px;
}
.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  :Underline;
font-family: Arial, Helvetica;
color: #000000;
margin-top:0px;
margin-bottom:0px;
margin-right:20px;
margin-left:0px;
text-align:Left;
}
.SWChannelLinkRightSelected:hover {
margin-top:0px;
margin-bottom:0px;
margin-right:20px;
margin-left:0px;
}
.SWChannelLinkLeftSelected { 
float            : left;
display          : block;
background       : url() no-repeat left top;
padding-top      :0px;
padding-bottom   :8px;
padding-right    :13px;
padding-left     :0px;
white-space      : nowrap;
cursor:			hand;
}
.SWChannelLinkLeftSelected:hover {
padding-top      :0px;
padding-bottom   :8px;
padding-right    :13px;
padding-left     :0px;
}
/*---------------------------------------------------------------------*/
/* Used when navigation node is not selected */
/*---------------------------------------------------------------------*/

.SWNav {
padding: 0px 5px 0px 5px;
width: 100%;
}

.SWNav A {
font-family: Arial, 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}


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

.SWNavHover
{
padding: 0px 5px 0px 5px;
width: 100%;
}

.SWNavHover A {
font-family: Arial, 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}



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

.SWNavSelected {
padding: 0px 5px 0px 5px;
width: 100%;
height: 25px;
background-image: url(/pps/lib/pps/_template458/_assets/selected-sectionnav.png);
background-repeat: no-repeat;
background-position: top right;
}

.SWNavSelected A {
font-family: Arial, 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
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;
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: 0px 5px 0px 5px;
width: 100%;
}

.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: 0px 5px 0px 5px;
width: 100%;
}

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


.SWNAV a {
margin: 8px 0px 10px 0px;
}

.SWNavSelected tr td, .SWNAV tr td, .SWNAVHOVER tr td  {
padding: 6px 0px 6px 5px;
}

.SWNavSelected tr td img, .SWNAV tr td img, .SWNAVHOVER tr td img  {
display: none;
}

.SWNavSelected {
background-image: url(/pps/lib/pps/inc/images/navselected-bg.png);
background-repeat: repeat-y;
background-position: right top;
list-style-type: disc;
}


.parents-bg {
background-color: #dbc6db;
}

 .parents-bg a, .parents-bg.SWNavSelected a, .parents-bg.SWNAV a, .parents-bg a:visited, .parents-bg a:hover {
	color:#8B2184;
list-style-type: none;
}

.community-bg {
background-color: #FCEFB9;
}
.community-bg a, .community-bg.SWNavSelected a, .community-bg.SWNAV a, .community-bg a:visited, .community-bg a:hover{
	color: #000;
list-style-type: none;
}


.staff-bg {
background-color: #FFCFD8;
}

.staff-bg a, .staff-bg.SWNavSelected a, .staff-bg.SWNAV a, .staff-bg a:visited, .staff-bg a:hover {
color: #E00025;
list-style-type: disc;
}

.students-bg {
background-color: #d4e8e2;
}

.students-bg a, .students-bg.SWNavSelected a, .students-bg.SWNAV a, .students-bg a:visited, .students-bg a:hover {
color: #005C41;
list-style-type: none;
}

.staff-bg {
background-color: #f1c3bd;
}

.staff-bg a, .staff-bg.SWNavSelected a, .staff-bg a:visited, .staff-bg a:hover{
color: #E00025;
list-style-type: disc;
}

.SWNAV a {
color: #333;
}