@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

:root {
	/* branding */
	--color-pa-blue: hsl(213, 81%, 21%); /* #fff:12.92 CR, #000:1.62 (!)                          */
	--color-pa-green: hsl(84, 67%, 46%); /* #fff:2.11 (!), #000:9.92  */
	--color-pa-green-text: #578019; /* #fff:4.66 (!), #000:4.51  */
	--color-pa-green-30: hsl(84, 67%, 38%); /* #fff:3.06,     #000:6.85                              */
	--color-pa-gray: #454545; /* #fff:9.58,     #000:2.19 (!), --color-pa-blue:1.34(!) */
	/* set and use these */
	--font-theme: "Open Sans", "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--color-theme-primary: var(--color-pa-blue);
	--color-theme-highlight: var(--color-pa-green);
	--color-theme-outline: black;
	--color-theme-text: var(--color-pa-gray);
	--color-theme-primary-fg: white;
	--color-theme-highlight-fg: black;
	/* Links must be sufficiently different from surrounding text in order to meet WCAG 2.0 AA.
    See https://webaim.org/blog/wcag-2-0-and-link-colors/ before changing these.
  */
	--color-link: var(--color-pa-blue);
	--text-decoration-link: underline;
	/* components */
	--color-primary-button-bg: var(--color-pa-blue);
	--color-primary-button-fg: #fff;
	--color-primary-button-border: var(--color-pa-blue);
	--color-accent-button-bg: var(--color-pa-green);
	--color-accent-button-fg: #000;
	--color-accent-button-border: var(--color-pa-green-30);
	--color-alert-bg: var(--color-pa-green);
	--color-alert-border: var(--color-pa-green-30);
	--color-alert-fg: #000;
	--color-alert-alternate-bg: var(--color-pa-blue);
	--color-alert-alternate-border: var(--color-pa-blue);
	--color-alert-alternate-fg: #fff;
	--color-widget-header-bg: var(--color-pa-blue);
	--color-widget-header-fg: #fff;
	--color-menu-highlight-bg: var(--color-pa-blue);
	--color-menu-highlight-fg: #fff;
	--a1-carousel--button-color-bg: hsla(213, 81%, 21%, .8);
	--a1-carousel--button-color-fg: #fff;
	--a1-carousel--button-color-bg__hover: var(--color-pa-blue);
	--a1-carousel--button-color-fg__hover: #fff;
	--a1-carousel--link-color: var(--color-link);
	--a1-carousel--font: var(--font-theme);
}

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css - Minimized here for convenience */
article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

body {
	margin: 0;
	color: var(--color-theme-text);
	font-size: 87.5%; /* 14px / 16px  */
	font-family: var(--font-theme);
	line-height: normal;
} 

button, input, select, textarea { font-family: inherit; }

.hintText { font-size: 71.42857142857143%;}
tr, th, thead, tfoot, .normalbold, .normalred, .normaltextbox, .TreeMenu_Node, .TreeMenu_NodeSelected, input {
  font-size: 1em; 
}

h1 {
	font-size: 128.5714285714286%; /* 18px  / 24px */
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: normal;
} 
h2 { font-size: 142.8571428571429%; /* 20px / 14px */ margin: 0 0 5px 0; font-weight: 600; line-height: normal; } 
h3 {   font-size: 128.5714285714286%; /* 18px  / 24px */  margin: 0 0 5px 0; font-weight: 600; } 
h4 { font-size: 114.285714%; margin: 0 0 5px 0; font-weight: 600; line-height: normal; } 
h5 {  margin: 0 0 5px 0;  } 
h6 { font-size: 0.75em; margin: 0 0; }

abbr[title] { border-bottom: 1px dotted;  }
b, strong { font-weight: 600; }
span[style] {
   font-weight: 600 !important;
}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
p, pre, #framework p { margin: .2em 0 1em 0; line-height: 1.5em; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
.DnnModule-DNN_HTML li {padding-bottom: 5px;}
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ }

button, input { line-height: normal; /* 1 */ }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { margin: 3px 5px 0px 5px; vertical-align: -3px; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
.checkboxList input[type='checkbox'] { vertical-align: -3px;}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
table { border-collapse: collapse; border-spacing: 0; }

/*! DNN OVERRIDES */
.DnnModule { position: static;}

.Normal, .NormalDisabled, .NormalDeleted {
color: var(--color-theme-text);
font-size: inherit;
font-weight: inherit;
}

.floatl{ float:left;}
.floatr{ float: right;
position: static; padding-top: 10px;}

a:link, a:visited, a:hover, a:active {
  color: var(--color-link);
  text-decoration: var(--text-decoration-link);
}

a:link:not(.ui-button), a:visited:not(.ui-button), a:hover:not(.ui-button) {
	font-weight: 600;
}

a.Link_SideBar {
    font-weight: normal;
}


/*===============================
=
=   Your styles here!
=
================================*/


.idp__scheme {
  background-color: #fff !important;
  color: #444 !important;
}

  .idp__scheme .idp__icon {
    background-color: #fff;
  }

  .idp a:hover {
        text-decoration: underline !important;
  }

  .idp__scheme:hover .idp__icon:empty {
    background-color: #fff !important;
}


.idp__scheme--name-saml2-cheyney-edu.idp__scheme--remote-https---sts-windows-net-dd9e9da0-0863-431a-983e-129fbd7ce7e5- .idp__icon:before {
    background-image: url(/logo/211608_712200753217PM_logo.gif);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}

.idp__scheme--name-saml2-commonwealthu-edu.idp__scheme--remote-https---sts-windows-net-0bf8687d-efcb-446a-8660-b87714ee971a- .idp__icon:before {
      background-image: url(/logo/498562CUlogo100x100px002ed6590.png);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.idp__scheme--name-saml2-iup-edu.idp__scheme--remote-https---sts-windows-net-96704ed7-a3e1-4bb8-ba91-8b63ee16883e- .idp__icon:before {
      background-image: url(/logo/213020IUPlogocrimson201cmyk3e839f.jpg);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.idp__scheme--name-saml2-ship-edu.idp__scheme--remote-https---sts-windows-net-61c6598a-0c86-4ca9-8915-484d28279eba- .idp__icon:before {
      background-image: url(/logo/216010_214200823010PM_logo.jpg);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.idp__scheme--name-saml2-dccc-edu.idp__scheme--name-saml2-dccc-edu .idp__icon:before {
      background-image: url(/logo/211927_215200834503PM_logo.jpg);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.idp__scheme--name-saml2-pennhighlands-edu.idp__scheme--remote-https---sts-windows-net-1a803f85-a48b-4bd0-a88b-7981e832b402- .idp__icon:before {
      background-image: url(/logo/414911LogoTransferNetce0808.jpg);
    
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.idp__scheme--name-saml2-wcupa-edu.idp__scheme--remote-https---shibidp-wcupa-edu-idp-shibboleth .idp__icon:before {
	background-image: url(/logo/216764darkPurp2b6e21.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.idp__scheme--name-saml2-westmoreland-edu.idp__scheme--remote-https---sts-windows-net-33926708-eb02-454d-88c8-e8c42ce8abd1- .idp__icon:before {
	background-image: url(/logo/216825LogoNEW2017Color9f62a3.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.idp__scheme--name-saml2-pennwest-edu.idp__scheme--remote-https---sts-windows-net-c6f25e7c-22e4-4537-872d-803622679b7b- .idp__icon:before {
	background-image: url(/logo/498571_20230509031132PM_logo.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.idp__scheme--name-saml2-lccc-edu.idp__scheme--remote-http---www-okta-com-exkqwpj2qw4zaab2y4x7 .idp__icon:before {
	background-image: url(/logo/213525LCCClogo5289f1.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.idp__scheme--name-saml2-esu-edu.idp__scheme--remote-https---incommon-esu-edu-idp-shibboleth .idp__icon:before {
	background-image: url(/logo/212115ESUInstPrimaryFullClrLB817b4f.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}


.idp__scheme--name-saml2-esu-edu.idp__scheme--remote-https---incommon-esu-edu-idp-shibboleth .idp__icon:before {
    background-image: url(/logo/212115ESUInstPrimaryFullClrLB817b4f.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.idp__scheme--name-saml2-sru-edu.idp__scheme--remote-https---sts-windows-net-86555dba-073b-4ff7-b7d1-b73a77c5bd92- .idp__icon:before {
    background-image: url(/logo/216038SRUModernSealart67fec8.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}





/* PAGE TITLES
---------------------------------------------------------------------- */
div#page_title {
    background:var(--color-theme-primary);
    background-size:100%;
    background-repeat:no-repeat;
    background-position: 50% 0;
    position:relative;
    background-image:url(/portals/6/skins/patrac2013/images/pagetitle_workshops.jpg);
    top:-7px;
    z-index:1;
    padding-top:5.1346%;
    padding-bottom:2%;
    margin-bottom:1%;
    color: white;
}

.college-profiles div#page_title {
    background-image:url(/portals/6/skins/patrac2013/images/pagetitle_workshops.jpg);
}
.search div#page_title {
    background-image:url(/portals/6/skins/patrac2013/images/searchbanner.jpg);
}
.faculty-advisors div#page_title {
    background-image:url(/portals/6/skins/patrac2013/images/faculty.jpg);
}
.administrators div#page_title {
    background-image:url(/portals/6/skins/patrac2013/images/adminbanner.jpg);
}


div#page_titlehm {
    background:var(--color-theme-primary);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:50% 0;
    position:relative;
    background-image:url(/portals/6/skins/patrac2013/images/homebg.png);
    background-size: cover;
    top:-7px;
    z-index:1;
    padding-top:4.1346%;
    padding-bottom:4%;
    margin-bottom:1%;
    color: #fff;


}

#page_title h1 { font-size: 255%; margin: 0;  font-weight: normal; line-height: normal; }
#page_titlehm h1 { font-size: 255%; margin: 0; font-weight: normal; line-height: normal; }

.home div#page_title {
    background-image:url(../images/site/pagetitle_home.jpg);
}
.conference div#page_title {
    background-image:url(../images/site/pagetitle_conference.jpg);
}
.workshops div#page_title {
    background-image:url(../images/pagetitle_workshops.jpg);
}
.extras div#page_title {
    background-image:url(../images/site/pagetitle_extras.jpg);
}
.location div#page_title {
    background-image:url(../images/site/pagetitle_location.jpg);
}
.sponsors div#page_title {
    background-image:url(../images/site/pagetitle_sponsors.jpg);
}
.register div#page_title {
    background-image:url(../images/site/pagetitle_register.jpg);
}
.docs div#page_title {
    background-image:url(../images/site/pagetitle_docs.jpg);
}

/* @end */

/* Top buttons */

.Login {
font-size: 78.571428%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color-primary-button-border);
background-color: var(--color-primary-button-bg);
font-weight: 600;
color: var(--color-primary-button-fg) !important;
padding: .4em 1em .4em 1em;

}

a.linkbutton /* classic / large button on some portals */
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color-primary-button-border);
background-color: var(--color-primary-button-bg);
font-weight: 600;
color: var(--color-primary-button-fg);
padding: .4em 1em .4em 1em;
margin-right: 15px;

}


a.linkbutton:hover
{
   border: 1px solid var(--color-theme-highlight); background: var(--color-theme-highlight); font-weight: 600;
}

.use-form-styles {float: left; margin-top: -3px; margin-right: 15px;}

.user_style {float: right;}

/* reimplemented pa header */
.pa-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  margin-top: 10px;
}

.pa-logo {
  width: 100%;
}

.pa-header--logo {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

.pa-header--user-login {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
  padding: 8px 0;

  & a:link {
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
  }

  & a:link:last-child {
    margin-right: 0;
  }
}

.pa-header--search {
  grid-area: 2 / 1 / 3 / 3;
  padding: 8px 0;
  height: 40px;
}

@media screen and (min-width: 768px) {
  .pa-logo {
    width: 292px;
  }

  .pa-header--logo {
    grid-area: 1 / 1 / 3 / 2; 
  }

  .pa-header--user-login  {
    grid-area: 1 / 2 / 2 / 3;
  }

  .pa-header--search {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: end;
    padding: 0;
  }
}
/* END reimplemented pa header */

a:active {
color: var(--color-link);
}

.User {
background-color: var(--color-accent-button-bg);
font-size: 78.571428%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color-accent-button-border);
font-weight: 600;
color: var(--color-accent-button-fg) !important;
padding: .4em 1em .4em 1em;
}

div.SearchContainer {
    height:24px;
    position:relative;
    white-space:nowrap;
    width:auto;
}

div.SearchBorder {
    background-color:transparent;
    border-radius: 5px;
    float: none;
    height:24px;
    margin-top:0;
    padding:0px;
    position:relative;
    white-space:nowrap;
    width:auto;
}

div.SearchContainer a {
    background: url("images/search_icon.png") no-repeat;
    margin-top: 3px;
    height: 20px;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    top: 3px;
    width: 20px;
    padding: 0px;
}

input.SearchTextBox {
  border: medium none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  line-height: 16px;
  padding: 3px 25px 3px 3px;
  width: 140px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  border-radius: 2px 2px 2px 2px;
  margin: 0;
  vertical-align: middle;
  height: auto;
  float: none;
}

div.SearchIcon,
#SearchChoices
{
    display: none;
}

/* MCH overrides */

.studentCoursesTable h3 {
  font-size:142.8571428571429%;
}

.creditTotalSummary, .creditSummary {
  padding: .5em;
}

.creditTotalSummary, .coursesTotalSummary, .totalSummaryLabel {
  border-top: 4px double #CCC;
}

.creditSummary, .coursesSummary, .summaryLabel  {
  border-top: 1px solid #CCC;
}

/* general overrides */

.divider1 {
border-bottom: 1px solid #EAEAEA;
display: block;
height: 7px;
margin: auto;
width: 85%;
}

.tinyIndent {
margin-left: 0em;
}

.language-terms {
  font-weight: 600;
  font-size: 132.14287%;
  

}

.pa-language-header {
border-bottom: 1px solid var(--color-theme-highlight);
margin-bottom: 15px;
}

.pa-language-terms-wrapper {
  padding: 0 10px 0 25px;
}

.pa-language-letter {
  font-weight: 600;
  font-size: 185.8571428571429%;
  line-height: 35px;
  padding-left: 5px;
}


.ModProgramToProgramC .ui-dialog {
}

.nestedDataGridContainer {
padding: .5em;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#transferCalendar-Calendar .fc-view .transferEvent .fc-event-skin {
  background-color: var(--color-theme-primary);
  box-shadow: 0px 0px 0 2px rgba(255,255,255,1);
  color: #ffffff;
  width: calc(100% - 3px);
  margin-left: 0 !important;
  /* Experimental support to solve issues with WCAG reflow with events in the calendar */
  font-size: clamp(.25em, calc(1vw + 1vh + 0.5vmin), 1em);
  overflow-wrap: break-word;
}

.fc-view .canceledTransferEvent .fc-event-skin {
    background-color: #ffffff;
    color: var(--color-theme-primary);
}

.fc-mon.ui-widget-content.ui-state-highlight.fc-today { border: 0; }

#transferCalendar-Calendar .ui-widget-content.ui-state-highlight.fc-today {
  border-color: var(--color-alert-alternate-border);
  background: var(--color-alert-alternate-bg);
  color: var(--color-alert-alternate-fg);
}


.imagebg {-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
}

#landing-page h2 {
	color: var(--color-pa-green-text);
}

#cluetip {
  padding: 0;
  border-radius: 0;
  box-shadow: 0 2px 6px rgba(40,40,40,.5);
}

 #cluetip .ui-widget-content {
  border: 0px;
}

 a.ui-state-default, .ui-button .ui-button-text, a.largeButton:link, .transfer-profile  #transferProfile a.largeButton:link{
  color: #fff;
}

.ui-state-active .ui-button-text {
color: var(--color-theme-text);
}

.ui-dialog, #cluetip-outer {
  border-radius: 0px;
  padding: 0px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 5px;
}

.ui-jqgrid-titlebar.ui-widget-header {
  background: #CCC ;
  color: var(--color-theme-text);
}

.ui-jqgrid table.ui-jqgrid-btable {
  border-spacing: 0px;
}

.ui-th-column div {
  padding: .5em;
}

.equivalency-search-legend-panel li .not-universally-transferrable, 
.not-universally-transferrable, .ui-silk-equiv-not-ut.not-universally-transferrable {
	display: none;
}

.PA_Normal {
color: var(--color-theme-text);
}

.mobile_scroll {
    overflow-x: auto;
}

.DataGrid thead tr th, .resultSmallHeader, .resultHeader {
background-color: var(--color-theme-primary);
color: #ffffff;
font-weight: 600;

}
.DataGrid thead tr th *:focus, .resultSmallHeader *:focus, .resultHeader *:focus {
  outline-color: #fff;
}

.resultHeader a {
    color: #ffffff;
}

.alterresultField {
    background-color: #e7e7e7;
}

.DataGrid > tbody > tr > td > .NormalText,
.DataGrid > tbody > tr > td > .summaryLabel,
.DataGrid > tbody > tr > td.subtotal {
	font-size: 85.71428571428571%; /* 12px / 14px */
}

.DataGrid td a:not(.ui-button):link, 
.DataGrid td a:not(.ui-button):visited, 
.DataGrid td a:not(.ui-button):active {
color: var(--color-theme-primary);
font-weight: 600;
}

.DataGrid, .SmallGrid, .SmallPageGrid, .ParaGrid {
border: 0px solid #C0C0C0;
}

.DataGrid .resultField td, .DataGrid .alterresultField td {
  padding: .5em;
}

.DataGrid th {
  padding: .5em;
}

th {
vertical-align: middle;

font-weight: 600;
}


th.numericColumn {
text-align: center;
vertical-align: middle;}

.LabelText { font-weight: 600}

.sortdesc{border-top: 0.5em solid #ffffff;}

.sortasc{border-bottom: 0.5em solid #ffffff;}

.dialogtop {
background-color: var(--color-theme-primary);}

.openDropShadowBanner {
background: var(--color-theme-primary);}

.closeDropShadowBanner  {
background: var(--color-theme-primary);}
/*
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid var(--color-theme-text);
background: var(--color-theme-highlight);
color: #FFFFFF;}
*/

.dialogtext 
{font-weight: 600}

.Modtransfer-profileCoursesC {
    overflow-x: auto;
    overflow-y: hidden;
}

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: 600 !important; }

.tp-fields .tp-value {
width: 100%;
float: left;
}

.ui-jqgrid .ui-pg-table {
  border-spacing: 0px
}

.quicklinks ul {
padding: 5px;
}

.quicklinks li {
list-style: none;
padding: 0px 0px 10px 0px;
}

.quicklinks a:link:not(.ui-button) {
	font-weight: normal;
}

.ui-jqgrid .ui-icon-asc {
margin-left: 1px;
}

.DnnModule-TargetCourse {
    margin-left: 2%;
    float: right;
    width: 47%;
}

.DnnModule-SourceCourse {
    margin-right: 2%;
    float: left;
    width: 47%;
}

/* WMCT */

.largeButton {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color-primary-button-border);
background-color: var(--color-primary-button-bg);
font-weight: 600;
color: var(--color-primary-button-fg);
padding: .8em 2em .8em 2em;;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
font-size: 1em;
}
a.largeButton {
  text-decoration: none;
}
.largeButton:hover {
  background-color: var(--color-accent-button-bg);
  text-decoration: none;
  border-color: var(--color-accent-button-border);
  color: var(--color-accent-button-fg);
}

 .wmct-title:before, .wmctIcon:before {
background: url('/portals/6/skins/patrac2013/images/willMyCreditsTransferIcons.png') no-repeat top left !important;

}

.ui-draggable .ui-widget-header, .ui-cluetip .ui-widget-header, .ui-dialog-titlebar {
border: 1px solid var(--color-theme-primary);
border-radius: 0px;
}


#wmctStudentPassport a, #wmctPlanMyTransfer a {
display: inline-block;
text-decoration: none;
color: #ffffff
}

#wmctTranscriptSwitcher {
  display: none;
}

#wmctMap .isBestSchool, #wmctMap .isBestSchool:after {
border: 1px solid var(--color-theme-highlight);
color: var(--color-theme-highlight-fg);
background-color: var(--color-theme-highlight);
background-image: none;
-webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.5);
border-radius: 5px;
display: inline-block;
clear: both;
margin-bottom: 15px;
padding: 10px 20px 10px 20px;
text-indent: 0px;
margin-left: 0px;
}

#wmctMap .isBestSchool:after {
content: none;
}

#wmctMap .isBestSchool a {
text-decoration: underline;
color: var(--color-theme-highlight-fg);
}

#wmctMap #wmctCompetitiveCheck {
  overflow: hidden;
}

#wmctCompetitiveCheckProgress p {
  line-height: inherit;
}

#wmctMap #wmctCompetitiveCheckResults .isBestSchool {
width: auto;
}

#wmctMap .isBestSchool.yes {
background-position: 0px 0px;
}

/*===============================
=   JULIE CONTENT STYLES
=================================*/

/*
2 column content
*/

.column-left {
  float: left; width:49%;
}

.column-right {
  padding-left: 10px; width:49%; float: right;
}

#participating-colleges h3 {
	font-size: 115%;
	color: var(--color-pa-green-text);
}

#participating-colleges a {
  font-weight: normal;
}

#participating-colleges li {
  list-style: none;
padding: 0px 0px 0px 0px;
}

#faculty li, #landing-page li {
  list-style: none;
}

#faculty li {
    margin-bottom: 10px;
    font-size: 140.5714285714286%;
    line-height: 1.5;
}

#participating-colleges ul, #faculty ul {
        list-style: none;
        padding: 0px 0px 0px 5px;
        margin-top: 0px;
    }

.call-to-action .largeButton {
font-size: 1.1em;
color: #ffffff;
}

.call-to-action .largeButton:hover {
	font-size: 1.1em;
	color: var(--color-accent-button-fg) ;
}


.call-to-action {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding: 15px 0px 15px 0px;
}

.call-to-action span {
  padding-left: 25px;
}

.story-more {
display: none;
margin-bottom: 20px;
}

.story-more h3{
color: var(--color-theme-highlight);
}

.align-right {
  text-align: right;
  margin-top: 20px;
}

.box-content{
 
  margin-bottom: 15px;
  min-height: 205px;
  position: relative;
}

.box-content:hover {
background: #f3f3f3; }

.box-content h3 {
  font-size: 155%;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid #bbbbbb;
  text-align: center;
}

.box-content p {
  padding: 0px 10px 10px 10px;
  margin: 5px 0px;
  color: var(--color-theme-text);
  font-weight: normal;
}

.box-content img {
  text-align: center;
  margin: 0px auto 0px auto;
  display: block;
  width: 20%;
}

#admin a {
  text-decoration: none;
}

#faculty .largeButton, #landing-page .largeButton {
  color: #FFFFFF !important;
  padding: 5px 10px;
  margin:0px 10px;
}


.planyourtransfer {
    margin-bottom:25px;
}

.planyourtransfer dt {
    font-weight: 600;
    margin-bottom: 5px;
}

.planyourtransfer dd {
    margin-bottom: 10px;
}

    .planyourtransfer h3 {
        border-bottom: 1px solid #aaaaaa
    }






#framework li {
    background: url(/portals/6/skins/patrac2013/images/greenarrow.png) no-repeat left top;
    padding: 0px 0px 15px 20px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    line-height: 15px
}

#framework ul {
  padding: 0 0 0 20px;
}


#framework .category-intro {
  color: #ffffff;
  background: var(--color-theme-primary);
  padding: 20px;
  margin: 0px 15px;
  text-align: center;
  font-size: 85%;
}

.dropdown-content {
  background: #F3F3F3;
  padding: 10px 25px 10px 5px;
  margin: 0px 15px;
  font-size: 85%;
}

#framework .story-open {
  color: #ffffff;
  background: var(--color-theme-primary);
}

.tilesinbody {
  float: left; padding-right: 15px; margin: 5px 5px 0px 0px;
}

#totc .totc-content {
  padding: 0 10px 0 15px;
}

#totc h3 {
  padding-left: 5px
}

.faqsection {


}

ul.faqsection {
    padding-left: 0px;
}

.faqsection li{
    list-style-type: none;
    margin-bottom: 10px;
}

    .faqsection .question {
        font-size: 142.8571428571429%;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 10px;
    }

.accordionButton h3 {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 40px 30px 36px 90px;
    color: var(--color-theme-highlight);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    margin: 0 0 -1px 0;
}

.accordionButton h3:hover {
  
}



 .accordionButton h3:before {
display: block;
position: absolute;
content: "\f078";
font-family: 'FontAwesome';
color: #999;
border: 1px solid #E9E9E9;
background: #F8F8F8;
font-size: 16px;
width: 36px;
height: 36px;
border-radius: 18px;
text-align: center;
padding-top: 5px;
font-weight: 400;
top: 33px;
left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.accordion h2 {
  font-size: 200%;
  color: #61656A;
  text-align: center;
}

.rotate h3 {

background: #F4F4F4;
font-weight: 700;
color: #64a700;
border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;

}
.rotate h3:before {
content: "\f077";
background-color: var(--color-theme-primary);
color: #ffffff;

}

.accordionButton {  
  cursor: pointer;
  }
 
.accordionContent { 
  display: none;
  padding-top: 25px;
  background: #F7F7F7;
  border-bottom: 1px solid #E9E9E9;
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
 
  }

  .accordionContent p { 
  margin: 0;
  padding: 0em 2em 1em 1.5em;

  }

  .accordionContent h4{ 
  
  padding: 0em 2em 0em 1.3em;

  }

  .accordionContent a{ 
}

.accordion li {
  background: url(/portals/6/skins/patrac2013/images/greenarrow.png) no-repeat left top;

  /* reset styles (optional): */
  list-style: none;
  margin: 0;
  line-height: 15px
}

.accordion ul {
  padding: 0 0 0 20px;
}

/* Google Search overrides */
html .gsc-search-button-v2, html .gsc-search-button-v2:hover, html .gsc-search-button-v2:focus {
  border-color: var(--color-accent-button-border);
  background-color: var(--color-accent-button-bg);
  color: var(--color-accent-button-fg);
}


/* gsc clear search button */
.gsst_a {
  border-radius: 4px;
}
.gsst_a .gscb_a {
  color: var(--color-primary-button-bg) !important;
}

/* gsc search button */
.gsc-search-button-v2 svg {
  fill: #000 !important;
}

.a1-gsce-search-label{
  padding-top: 4px;
}


/*===============================
=   clear fix jargan 
=   print styles
=================================*/
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
@media print{
 *{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; 
 -ms-filter:none !important}
 a, a:visited{color:#444 !important; text-decoration:underline}
 a[href]:after{content:"("attr(href) ")"}
 abbr[title]:after{content:"("attr(title) ")"}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:""} 
 pre, blockquote{border:1px solid #999; page-break-inside:avoid}
 thead{display:table-header-group}
 tr, img{page-break-inside:avoid}
 @page{margin:0.5cm}
 p, h2, h3{orphans:3; widows:3}
 h2, h3{page-break-after:avoid}}


 /*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
}
.sf-menu {
  line-height:  1.0;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
  width:      17em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
}
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 18px;
  top: 40px;
  z-index: 99;
  padding-bottom: 6px;
  background: #ffffff;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:     16em; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:     16em; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float:  none;
  height: 47px;
  margin: 0 -10px;

}
.sf-menu a {
  color:        var(--color-theme-primary);
  font-weight:    600;
  text-decoration:  none;
  text-transform: uppercase;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
  color:      var(--color-theme-primary);
}
.sf-menu li {
  
}
.sf-menu li li {
  background:   var(--color-theme-primary);
}

.sf-menu li li a {
  color: var(--color-theme-primary);
  font-size: 96%;
  padding:   10px 17px 5px;
  text-transform: none;
    background-color: #ffffff;
}
.sf-menu li li li {
  background:   var(--color-theme-primary);
}

.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active  {
  text-decoration:underline;
}

.sf-menu li.current {
  text-decoration:none; background: url(./images/navigation_cur.png) no-repeat center bottom; z-index: 2;
}




/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sfHover > ul {
  -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .5);
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .5);
}

.sfHover ul ul {
  border: solid 1px #e9e9e9;
}

#SaveForm_13752 a, #SaveForm_13750 a {

  background-color: var(--color-theme-primary);
font-size: 78%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color-theme-primary);
background-color: var(--color-theme-primary);
font-weight: 600;
color: #FFF;
padding: .4em 1em .4em 1em;
}

#dnn_ctr13752_DynamicForms_lnkClear, #dnn_ctr13750_DynamicForms_lnkClear {
  display: none;
}

#dnn_ctr13752_DynamicForms_tblEmail, #dnn_ctr13750_DynamicForms_tblEmail {
  margin-bottom: 15px;
}
























/* Portal.css */
.popupDialog {
    background-color: #FFFFFF;
    border: 1px solid #3B5998;
}

.transferProfileSection {
    color: #003366;
    font-family: Verdana;
    font-size: 85.714285%;
    font-weight: 600;
}

#userSettingsContainer {
width: 99%;
}

/*! END DNN OVERRIDES */

/* start Student Equiv Details page overrides */
.equivDetails-sectionHeader a {
	color: inherit;
}

/* end Student Equiv Details page overrides */



/*====================================
=   Table of Contents:
=       1. 960px    - Served by default
=       2. 1140px   - Bigger Screens
=       3. 720px    - Tablet Portrait
=       4. 960px    - Tablet Landscape
=       5. 320px    - Phone Portrait
=       6. 456px    - Phone Landscape
=====================================
=   960 Default
===================================*/
.container          {padding-left:20px;padding-right:20px;}
.row                {width:960px;margin: 0 auto;overflow:hidden;}
.rowbg              {width:960px;margin: 0 auto; background: #eeeeee; overflow:hidden;}
.rowheader          {width:960px;margin: 0 auto}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12              {margin-right:10px;margin-left:10px;float:left;min-height:1px;}

.publicSearchResultsWithFilter .searchResults { width: 60%; }
.publicSearchResultsWithFilter .searchFilter { width: 40%; }


/*
= Width of columns
===================================*/
.row .col1          {width: 60px;}
.row .col2          {width: 140px;}
.row .col3          {width: 220px;}
.row .col4          {width: 300px;}
.row .col5          {width: 380px;}
.row .col6          {width: 460px;} 
.row .col7          {width: 540px;}
.row .col8          {width: 620px;}
.row .col9          {width: 700px;}
.row .col10         {width: 780px;}
.row .col11         {width: 860px;}
.row .col12         {width: 940px;float:left;}
.rowheader .col12   {float:none}



.last               {margin-right:0px;}
.alpha              {margin-left:0;}
.omega              {margin-right:0;}

.sf-menu a {font-size: 114.285714%; padding: 17px 17px;}

#menu-button{
  display: none;
  font-size: 16px;
  color: var(--color-primary-button-bg);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
  background: transparent;
  border-radius: 4px;
  padding: 6px 0;
  vertical-align: middle;
  line-height: 30px;
  text-indent: 8px;
  border: 0;
  text-align: left;
  width: 100%;
}

#menu-button:before {
  float: left;
  content: ' ';
  width: 30px;
  height: 30px;
  background: url(./images/mobile-icon.png) no-repeat;
}

.tile-images {width: 100%;}

.tile_quote {width: 800px; float: left}

 #quotes
 {
   margin:0;
 }
 .textItem
 {
   padding-left:10px;
   padding-right:10px;
 }

 .quotePA {
font-size: 142.8571428571429%; /* 20px / 14px */
 }

 .quoteauthor {
    padding-top: 10px;
    font-size: 142.8571428571429%; /* 20px / 14px */
    color: var(--color-theme-highlight);
    float: right;
    font-weight: 600;
 }

 .calltoaction {
    padding: 10px 0;
    font-size: 125.7142857142857%; /* 26px / 14px */
    color: #000;
    font-weight: 600;
    line-height: 1.4;
 }

 .quoteborder {border-top: #BBB solid 1px; margin: 10px 10px 10px 10px;}

.inline-home-image {vertical-align: middle;
padding-left: 5px;
margin-top: -4px;}

#tp-socialNetworks, #tp-basicInfo {
float: left;
width: 300px;
}

/* Tranfer Profile overrides */

.college-profiles .row .col9 {
  width: unset;
  float: none;
}

#transferProfile .accent-block, #transferProfile .accent-block a, #transferProfile .accent-block a:link, #transferProfile .accent-block a:hover, #transferProfile .accent-block a:visited {
background-color: var(--color-theme-primary) !important;
color: var(--color-theme-primary-fg) !important;
}

#transferProfile .accent-border, #transferProfile .accent-block {
border-color: var(--color-theme-primary) !important;
}

#transferProfile a, #transferProfile a:link, #transferProfile a:hover, #transferProfile a:visited, #transferProfile .accent-color {
color: var(--color-theme-primary) !important;
}

#transferProfile {
color: var(--color-theme-text) !important;
font-size: 100% !important;
}

#new-tp-description {
  height: 158px !important;
}

#new-tp-description .new-tp-description-container::-webkit-scrollbar {
-webkit-appearance: button !important;
width: 11px !important;
}

#new-tp-description .new-tp-description-container::-webkit-scrollbar-thumb {
border-radius: 1px !important;
border: 1px solid #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
}

.new-tp-bigLink a:focus-visible {
  outline-color: #fff;
}

.search-refinement-category .search-refinement-item-total {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-highlight-fg);
}

  /* Student Equiv search results page overrides */


.equivalency-summary-header .source-header {
	width:44.75%;
}

/* end Student Equiv search results page overrides */


/*==================================
=   Big Screens
===================================*/
@media only screen and (min-width:1180px){
    .container      {padding-left:20px;padding-right:20px;}
    .row            {width:1140px;margin: 0 auto;overflow:hidden;}
    .rowheader          {width:1140px;margin: 0 auto}
    .col1,
    .col2,
    .col3,
    .col4,
    .col5,
    .col6,
    .col7,
    .col8,
    .col9,
    .col10,
    .col11,
    .col12          {margin-right:20px;margin-left:20px;float: left;min-height: 1px;}

    .row .col1      {width: 55px;}
    .row .col2      {width: 150px;}
    .row .col3      {width: 245px;}
    .row .col4      {width: 340px;}
    .row .col5      {width: 435px;}
    .row .col6      {width: 530px;} 
    .row .col7      {width: 625px;}
    .row .col8      {width: 720px;}
    .row .col9      {width: 815px;}
    .row .col10     {width: 910px;}
    .row .col11     {width: 1005px;}
    .row .col12     {width: 1100px;float: left;}

    

    .last           {margin-right:0px;}
    .alpha          {margin-left:0px;}
    .omega          {margin-right:0px;}

    .sf-menu a {font-size: 114.285714%; padding: 17px 17px;}

    .tile_quote {width: 950px; }

    .textItem
 {
   padding-left:20px;
   padding-right:20px;
 }

  .quoteborder {border-top: #BBB solid 1px; margin: 10px 20px 10px 20px;}

}
/*==================================
=   Tablet Portrait
===================================*/
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .container      {padding-left:20px;padding-right:20px;}
    .row            {width: 720px;margin: 0 auto;overflow:hidden;}
    .rowheader          {width:720px;margin: 0 auto}
    .col1,
    .col2,
    .col3,
    .col4,
    .col5,
    .col6,
    .col7,
    .col8,
    .col9,
    .col10,
    .col11,
    .col12          {margin-right:10px;margin-left:10px;float: left;min-height: 1px;}

    .row .col1      {width: 40px;}
    .row .col2      {width: 100px;}
    .row .col3      {width: 160px;}
    .row .col4      {width: 220px;}
    .row .col5      {width: 280px;}
    .row .col6      {width: 340px;}
    .row .col7      {width: 400px;} 
    .row .col8      {width: 460px;}
    .row .col9      {width: 520px;}
    .row .col10     {width: 580px;}
    .row .col11     {width: 640px;}
    .row .col12     {width: 700px;float: left;}

   

    .last           {margin-right: 0px;}
    .alpha          {margin-left:0px;}
    .omega          {margin-right:0px;}

    .sf-menu a {
      font-size: 85.714285%;
      padding: 17px 8px 21px;
    }

    #page_titlehm h1 {
      font-size: 164.2857142857143%; /* 23px / 14px */   
    }

.tile_quote {width: 600px; }

#collegepicsRotator div {
display: none;
}


}


/* Tablet Common */
@media only screen and (max-width: 1023px) {
    .transferEventCalendar-searchCriteria .transferEventCalendar-searchCriteriaItem {
      float: none !important;
      margin: 1em 0;
    }
    .searchText {
      width: 95%;
    }

    #noAccount {
      width: 100% !important;
      margin-top: 1em !important;
    }

    .DnnModule-TargetCourse {
    margin-left: 0%;
    float: none;
    width: 98%;
}

.DnnModule-SourceCourse {
    margin-right: 0%;
    float: none;
    width: 98%;
}

    .csheader {
        min-height: 65px;
    }

    .selectedProfileSchool {
      width: 100%;
    }
    .equivalency-search-criteria { width: 98%;}
    .transfer-profileCourseSearch input[type='text'], .transfer-profileTransferAgreementSearch select,
    .transfer-profileTransferAgreementSearch input[type='text'] { width: 95%; }

    .inline-home-image {display: none;}

    /* Tranfer Profile overrides */


    #new-tp-quickfacts .new-tp-fact { 
      height: 72px !important;
    }

  #new-tp-quickfacts .new-tp-fact .new-tp-fact-line2 {
white-space: normal !important; }

#userSettingsContainer {
width: 700px;
}

.call-to-action span {
  padding-left: 0px;
  display: block;
  margin-top: 20px;
}

.resultHeader .alignRight {
  float: none;
}

#wmctMapData .sources, #wmctMapData .targets {
width: 45% !important;
}

  /* Student Equiv search results page overrides */
	.equivalency-summary-row .equiv-school small {
		display: block;
	}
	/* end Student Equiv search results page overrides */

	/* student course Search start */
	.course-search-refinement-panel .course-search-actions {
		float: none;
		width: 100%;
		padding-top: 1em;
    overflow: inherit;
	}

	.course-search-refinement-panel .course-search-actions .course-search-action-item {
		margin-top: .75em;
	}
	/* student course Search end */

}

/* Phone Common */
@media only screen and (max-width: 767px) {
  .publicSearchResultsWithFilter .searchResults {
    float: none;
    width: auto;
  }

    .csheader {
        min-height: 25px;
    }

  .publicSearchResultsWithFilter .searchFilter {
    width: auto;
  }

  .rowheader {
    width: 100%;
    margin: 0 auto;
  }

  .sf-menu li {
    float: none;
    position: relative;
  }

  .sf-menu {
    height: 100%;
    padding-bottom: 15px;
  }

  .sf-menu > li > a {
    color: var(--color-theme-primary-fg);
    background: var(--color-theme-primary);
    
    padding: 10px 15px;
    border-bottom: 1PX SOLID #2C507D;
  }

  .sf-menu li:hover, .sf-menu li.sfHover, 
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active  {
    text-decoration:none;
  }

  .sf-menu li.sfHover > a {
    text-decoration: underline;
  }
    .sf-menu li.sfHover > ul a {
      border-bottom: 1px solid #eee;
      padding: 15px;
  }

  .sf-menu li li a {
      display: none;
  }

  .sf-menu .sfHover ul {
      position: static;
      width: 100%;
  }

  .sf-menu .sfHover li a {
      display: block;
  }
  .sf-menu .sfHover li a:link {
    text-decoration: none;
  }

  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    z-index: 0;
    padding-bottom: 0px;
    background: transparent;
  }
  .sfHover > ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .sfHover > ul:before {
      content: ' ';
      display: block;
      height: 8px;
        -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.6);
        box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.6);
    }

    .sfHover > ul:after {
      position: absolute;
      bottom: -.5px;
      content: ' ';
      display: block;
      height: 8px;
      width: 100%;
      -webkit-box-shadow: inset 0px -4px 9px -5px rgba(0,0,0,.6);
      box-shadow: inset 0px -4px 9px -5px rgba(0,0,0,.6);
  }

  #page_title h1 {
    font-size: 100%;
  }

  #page_titlehm h1 {
    font-size: 142.8571428571429%; /* 20px / 14px */
    
  }
  #menu-toggle {
    display: none;
  }
  [aria-expanded=true] + #menu-toggle {
    display: block;
  }

  #menu-toggle.initial {
    display: block;
    position: absolute;
    left: 9999px;
  }

  #menu-button{
      display: block;
  }

  .floatr {
    float: none;
    position: absolute;
    top: 85px;
    right: 15px;
    padding-top: 0px;
  }

  .tile-images {
    width: 100%;
  }
      

    .inline-home-image {display: none;}


  .ui-dialog {
  }

.wmctTable {
font-size: 85%;
}


  /* fixes ribon to show all corners */
  #wmctCompetitiveCheck { margin-left: 0 !important;height: auto !important;} 
  #wmctCompetitiveCheck #wmctCompetitiveCheckResults { position:static;right: auto !important;width: auto;}

  /* allows side by side buttons */
  #wmctMapButtonRow button { margin: 0} 

}

/*==================================
=   Phone Portrait
===================================*/
@media only screen and (max-device-width: 480px), (max-width: 480px)  {
  .row, body, .container {
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  }
  .alpha          {margin-left:0px;}
  .omega          {margin-right:0px;}
  .row            {width: auto;
  min-width: 320px}

  .row .col1,
  .row .col3,
  .row .col4,
  .row .col5,
  .row .col6,
  .row .col7,
  .row .col8,
  .row .col9,
  .row .col10,
  .row .col11, 
  .row .col12 {
  width: auto;
  float: none;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  }

  .row .col2 {
    width: 43%;
    float: left;
    padding-bottom: 5px;
  }

  .sidebar-h{
width: 91% !important;

  }

  .tile_quote {
    width: 98%; 
  }
    
  div#page_titlehm {
    background-image:url(/portals/6/skins/patrac2013/images/homebgphnPort.png);
  }

  .StudentTransferAgreementSearch select {
width: 255px;
}

.StudentTransferAgreementSearch input[type='text'] {
width: 250px;
}

  #new-tp-description {
    height: auto !important;
  }

  #new-tp-quickfacts .new-tp-fact .new-tp-fact-line2 {
    font-size: 100% !important;
  }
 .tilesinbody {
  width: 85% !important;
margin: 5%;}

}


/*==================================
=   Phone Landscape
===================================*/
@media only screen and (min-device-width: 480px) and (max-device-width: 767px), (min-width: 480px) and (max-width: 767px) {
  .row, body, .container {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .alpha          {margin-left:0px;}
  .omega          {margin-right:0px;}
  .row            {width:98%;}

  .row .col1,  
  .row .col3, 
  .row .col4, 
  .row .col5, 
  .row .col6, 
  .row .col7,
  .row .col8,
  .row .col9,
  .row .col10,
  .row .col11,
  .row .col12 {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .row .col2 {
    width: 135px;
    float: left;
  }
      
  .tile_quote {
    width: 310px; 
  }

  div#page_titlehm {
    background-image:url(/portals/6/skins/patrac2013/images/homebgphnland.png);
  }



  #new-tp-quickfacts .new-tp-fact { 

    height: 72px !important;
  }

  #new-tp-quickfacts .new-tp-fact .new-tp-fact-line2 {
    white-space: normal !important; }

  .new-tp-bigLink a {
    font-size: 1.4em !important;
    line-height: 1.8em !important;
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px), (min-width: 480px) and (max-width: 640px) {

  /* Prevents text from over lapping in description  */
  #new-tp-description {
    height: auto !important;
  }

  #new-tp-quickfacts .new-tp-fact .new-tp-fact-line2 {
    font-size: 100% !important;
  }
}


@media only screen and (max-width: 570px) {
  .column-left {
  float: left; width:98%;
}

.column-right {
  padding-left: 0px; width:98%; float:  left;
}

.new-tp-bigLink a {
font-size: 1.15em !important;
line-height: 2.4em !important;
}

}


.ui-tabs-hide {
  display:none !important;
}

.ui-tabs li.ui-tabs-selected.ui-state-active {margin-bottom: -1px;
padding-bottom: 1px;
}

.a1-skin-empty {
  padding: 10px;
}

.a1-skin-empty .Container02_top_style {
  border: 0px;
}

.compare-schools-grid .actions .deleteInstitution span {
	color:white
}


/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col13 {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}

/*  GRID OF THREE  */
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.1%;
}
.span_1_of_3 {
  width: 31%;
}

.course-search-actions:after {
	content: "";
	clear: both;
	display: table;
}

.course-search-actions .span_1_of_3 {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.course-search-actions .span_1_of_3:first-child {
	margin-left: 0;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col13 { 
    margin: 1% 0 1% 0%;
  }
}

@media only screen and (max-width: 1023px) {
  .span_3_of_3 {
    width: 100%; 
  }
  .span_2_of_3 {
    width: 100%; 
  }
  .span_1_of_3 {
    width: 100%;
  }
}

/* jquery UI color overrides from theme */
html .ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--color-primary-button-bg);
  border-color: var(--color-primary-button-border);
  color: var(--color-primary-button-fg);
}

html .ui-button:hover, .ui-button:focus  {
  background: var(--color-accent-button-bg);
  border-color: var(--color-accent-button-border);
  color: var(--color-accent-button-fg) !important;
}

html .ui-widget-content {
  color: var(--color-theme-text);
}

html .ui-state-highlight,
html .ui-widget-content .ui-state-highlight,
html .ui-widget-header .ui-state-highlight {
  border-color: var(--color-alert-border);
  background: var(--color-alert-bg);
  color: var(--color-alert-fg);
}

html .ui-widget-header {
  background-color: var(--color-widget-header-bg);
  color: var(--color-widget-header-fg);
}

html .ui-widget-header a:focus-visible {
  outline: 2px solid #fff;
}

/* sfMenu overrides for theme */
.sf-menu li li a {
  padding: 10px 17px;
}
.sfHover a:focus {
  background-color: var(--color-menu-highlight-bg);
  color: var(--color-menu-highlight-fg);
  outline: 0;
  text-decoration: none;
}

html a.skip-to-content {
  color: var(--color-theme-primary-fg) !important;
  border-bottom: 2px solid var(--color-theme-primary);
  border-right: 2px solid var(--color-theme-primary);
  outline-color: #fff;
  outline-width: 1px;
  text-decoration: none;
  background:
    linear-gradient(to bottom,rgba(0,0,0,0.6),transparent 80%),
    linear-gradient(to bottom, var(--color-theme-primary) 80%, rgba(0,0,0,0.6) 100%);
}

.helpIconContainer .ui-silk.ui-silk-help {
  filter: invert(12%) sepia(31%) saturate(4721%) hue-rotate(202deg) brightness(97%) contrast(95%);
}

details.button-disclosure {
  --a1-button-disclosure--summary-bg: var(--color-pa-blue);
  --a1-button-disclosure--summary-color: #fff;
}




/* Accessibility fixes */

.homepagehighlights {
    font-size: 142.8571428571429%;
    margin: 0 0 5px 0;
    padding: 5px 0px 5px 0px;
}

.homepageprimary {
    padding: 0px;
    list-style: none;
}

.subtexthomepage {
    padding-top: 10px;
    font-size: 125.8571428571429%;
 
}

#page_titlehm a:focus {
    outline-color: #fff
}

a.subtextcalltoaction {
    color: #fff;
    text-decoration: none;
}

    a.subtextcalltoaction:hover, a.subtextcalltoaction:hover, a.subtextcalltoaction:active {
        text-decoration: underline;
    }

    @media only screen and (max-width: 320px) {
        div #page_titlehm {
        padding-bottom: 22%;
    }
}

.copyright-details {
    /* 
        Constrain the long copyright content so that it is not obscured by the sticky cookie and back-to-top icons
        when users on narrow screens or enlarged text scroll to the bottom.
    */
    margin: 0 5em;
}

@media only screen and (max-width: 400px) {
    .g-recaptcha {
        transform:scale(0.913);
        transform-origin:0 0;
    }
}