﻿/**************************************************************************

AcademyOne - 2015

Code & Development: Stephen Mincer / Smincer@acadmenyone.com

***************************************************************************/
/* =Reset
-------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,200,100);
@import url(//fonts.googleapis.com/css?family=Sanchez:400italic,400);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

@font-face {
 font-family: 'FontAwesome';
  src: url('/portals/8/skins/2014/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('/portals/8/skins/2014/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/portals/8/skins/2014/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/portals/8/skins/2014/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/portals/8/skins/2014/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}


.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-bars:before {
  content: "\f0c9";
}









html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
}

ol, ul, li {
  list-style: none !important;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
  color: #414042;
  line-height: 1.25;
  font-weight: normal;
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}



article, aside, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

del {
  color: #333;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

small {
  font-size: smaller;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
  clear: both;
}

.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
  display: table;
  content: "";
}


/* General */
html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Segoe UI', 'Open Sans', 'Segoe WP', Helvetica, Arial, sans-serif;
  font-size: 100%;
  min-height: 100%;
  height: 100%;
  text-rendering: optimizeLegibility;
  background: #fff;
  color: #515151;
  line-height: 24px;
}

tfoot, thead {
  color: #414042;
}

.college-transfer a {
	color: #003366;
}

.content-inner a:not(.ui-button, [role=button]) {
  font-weight: 500;
}


p {
  margin: .3em 0 1em;
}



#wrapper {
width: 100%;
max-width: 9600px;
margin: 0px auto;
display: block;
}

.Normal, .NormalDisabled, .NormalDeleted {
font-size: 16px;
font-weight: normal;
}

.page-block {
  width: 100%;
  max-width: 9600px;
  height: auto;
  padding: 75px 0;
  margin: 0 auto;
  position: relative;
}

section.page-block-inner {
  width: 100%;
  max-width: 9600px;
  height: auto;
  
  margin: 0 auto;
  position: relative;
}

#dnn_RightPane h2 {
  padding-top: 15px;
}

[class^="col-"], [class*=" col-"] {
  margin: 1.5% 1% 1.5% 1%;
  float: left;
  height: auto;
}

.col-1 {
  width: 5.5%;
}

.col-2 {
  width: 14%;
}

.col-3 {
  width: 22.5%;
  margin: 1.5% 0% 1.5% 02%;
}

.col-4 {
  width: 31%;
}

.col-5 {
  width: 39.5%;
}

.col-6 {
  width: 48%;
}

.col-7 {
  width: 56.5%;
}

.col-8 {
  width: 65%;
}

.col-9 {
  width: 73.5%;

margin: 1.5% 2% 1.5% 0%;
}

.col-10 {
  width: 82%;
}

.col-11 {
  width: 90.5%;
}

.col-12 {
  width: 100%;
  max-width: 1400px;
  margin: 1.5% auto;
}


.clear {
clear: both;
}



.bg-slide1 {
    background: url("/portals/8/skins/2014/images/hp-headerbg1.png") no-repeat center top;

background-size: cover;
color: #ffffff !important;
}

.bg-slide2 {
    background: url("/portals/0/skins/2014/images/slide2.jpg") no-repeat center top;
 
background-size: cover;
color: #ffffff !important;
}

.bg-slide3 {
    background: url("/portals/0/skins/2014/images/slide3.jpg") no-repeat center top;
 
background-size: cover;
color: #ffffff !important;
}

.bg-red {
  background-color: #003366;
  color: #ffffff;
  padding-bottom: 35px !important;
}

.bg-blue {
  background-color: #003366;
  color: #ffffff;
  padding-bottom: 35px !important;
  padding-top: 35px !important;
}

.bg-grey {
  background-color: #231f20;
  color: #ffffff;
}

.page-block-header {
}

.inner {
  width: 90%;
  margin: 0px auto;
  max-width: 1200px;
  margin-top: 0px;
  text-align: left;
  position: relative;
}



.inner h3 {
  color: #FFF;
}

.inner h2 {
  color: #61656A;
}
.content-inner {
  width: 90%;
  margin: 0px auto;
  max-width: 1400px;
  margin-top: 0px;
  position: relative;
}

.content-inner h1{
  font-size: 175%
}

.content-inner h2{
  font-size: 162%
}

.content-inner h3{
  font-size: 137%
}

.content-inner h4{
  font-size: 125%;
  margin: 10px 0px 5px;
}

.content-inner h5{
  font-size: 112%
}

.content-inner h6{
  font-size: 112%
}


.page-title { font-size: 26px !important;
padding: 25px 0;
color: #003366;
font-family: 'Roboto Slab', serif;
}

.header-sc{
  border-bottom: 1px solid #cfcfcf;
  height: 84px;
}

.header-sc:after {
  background-color: #003366;
  height: 3px;
  width: 75px;
  display: block;
  content: '';
  position: absolute;
  bottom: -2px;

}

.hd1 {
float: left;
}

.hd2 {
  float: left;
  line-height: 82px;
  height: 82px;
  padding-left: 15px;
}

.hd2 a {
  color: #6a6a6a;
  font-size: 14px; 
}

.hd2 > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}

.hd3 {
  float: right;
}


.summaryLabel, .subtotal, .totalSummaryLabel, .coursesTotalSummary, .creditTotalSummary {
  font-weight: 600;
  font-family: 'Roboto Slab', serif;
  padding: .5em;
}

.summaryLabel {
  margin-bottom: 15px;
}




  /* Google Search overrides */
.gsc-search-button {
width: 15px !important;
margin-right: 5px;}

.cse input.gsc-input, input.gsc-input{
  -moz-border-radius: 0 !important; /* 2px */
-webkit-border-radius: 0 !important; /* 2px */
  padding: 6px 6px !important;
border-radius: 0 !important; /* 2px */
height: (your height) !important;
} 

, input.gsc-input {
  font-family: inherit;
  border: 1px solid #BBB;
  padding: 4px 6px;
  width: 99%;
  font-size: 16px;
}

input.gsc-search-button {
  font-size: 0px !important;
  padding: 0 !important; /* 8px */
min-width: 35px !important; /* 54px */
border-radius: 0 !important; /* 2px */
-moz-border-radius: 0 !important; /* 2px */
-webkit-border-radius: 0 !important; /* 2px */
  background-image: url("/portals/8/skins/2014/images/searchbutton.png")!important;
  background-repeat: no-repeat;
  background-position:center;
  height: 36px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
padding: 0px !important;
width: auto;
margin-top: 25px;

}

.gsc-search-box {
  padding: 0px 4px 2px 6px !important;
}

table.gsc-search-box td.gsc-input {
  padding-right: 9px !important;
}


td.gsc-clear-button {
  display: none;
}





.inner-slide
{
  text-align: left;
}

.contentsection {
padding: 50px 0;
overflow: hidden;
line-height: 1.4
}

.slider {
height: 450px;
padding-bottom: 0;
position: relative;
vertical-align: middle;
}

.slider h1 {
color: #003366 !important;
font-family: 'Roboto Slab', serif;
font-size: 225%; /* 40px */
line-height: 50px;
padding: 25px 15px 25px 25px;
text-transform: uppercase;
}

.slide1
{margin: auto;
    position: absolute;
    top: 100px; bottom: 0; left: 0; right: 0

}

.scheader-box {
   background: rgba(255, 255, 255, 0.85);
   max-width: 680px ;
}




.flexslider {
  border:0px !important;

}
.flex-control-nav {
  display: none;
  list-style-type: none !important;
}

.flex-direction-nav a{
  margin: -20px 75px 0 !important;
  height: 30px !important;
  color: #ffffff !important;
}


.contentsection .flex-direction-nav a{
  margin: -20px -25px 0 !important;
  height: 30px !important;
  color: #000000 !important;
  opacity: .7 !important;
}

.contentsection .flexslider {
margin: 0 0;
}

.blackbar {
position: relative;
z-index: 2;
background-color: #D9D9D9;
height: 1px;
margin: 25px auto 25px;
width: 75px;
}

.sectiontitle{
  font-size: 350%;
}


.icon {
width: 100%;

display: -moz-inline-stack;
display: inline-block;
vertical-align: baseline;
zoom: 1;
}

.icon-content {
  float: right;
width: auto;
padding: 0 .7em;
}

.icon img{
  width: 100%;
  max-width: 550px;
  max-height: 316px;
margin: 0px auto 0px auto;
}

.ql-icon img{
  width: 100%;
  max-width: 95px;
  max-height: 95px;
margin: 0px auto 0px auto;
}

.icon-2 img{
  width: 100%;
  max-width: 75px;
  max-height: 75px;
margin: 0px auto 0px auto;
}

.roles a {
text-decoration: none;
display: block;
}

.roles a:hover {
-webkit-filter: alpha(Opacity=80);
-moz-filter: alpha(Opacity=80);
-o-filter: alpha(Opacity=80);
-ms-filter: alpha(Opacity=80);
filter: alpha(Opacity=80);
opacity: .8;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

.roles p {
  color: #414042 !important;
}

.roles h3 {
font-size: 142%;
font-weight: 300;
line-height: 1.6;
margin: 7px 0;
  color: #003366 !important;
  font-family: 'Roboto Slab', serif;}

  .ql h3 {
font-size: 225%;
font-weight: 300;
margin: 7px 0;
color: #003366 !important;
font-family: 'Roboto Slab', serif;}

.ql h4 {
font-size: 100%;
font-weight: 500;
text-transform: uppercase;
margin: 7px 0;
font-family: 'Roboto Slab', serif;}

  .ql{
    text-align: center;
  }

.call-to-action {
  text-align: center;
}

.call-to-action h3 {
font-size: 225%;
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin: 1em 0;
margin-top: 0px;
}

.call-to-action p {
  margin: .5em 0 2.5em;
}

.button-stroked {
background: #003366;
font-family: 'Roboto Slab', serif;
color: #FFFFFF !important;
padding: 10px 14px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

.button-stroked-white {
  background: #ffffff;
  color: #003366 !important;
  font-size: 18px;
    padding: 14px 24px;
    letter-spacing: 1px;
  }

.button-stroked:hover {
background: #004283 !important;
text-decoration: none;
}

.button-stroked-white:hover {
background:  #ffffff !important;
text-decoration: underline;
}

.scheader-button {
    position: absolute;
    margin: -15px 15px;
    font-size: 18px;
    padding: 14px 24px;
    letter-spacing: 1px;
}

.big {
font-size: 110%;
}

.footer a {
  color: #FFFFFF;
}

.imageList li a {
position: relative;
width: 37px;
height: 37px;
overflow: hidden;
display: block;
}

.imageList li {
float: left;
display: block;
padding-left: 0;
padding-right: 0;
}

.imageList li a img {
  position: absolute;
  top: 0;
  left: 0;
}

.imageList li a:hover img {
  top: -37px;
}

.social-icons {
  float: right;
}

.footer {clear:both;}

.bg-blue-footer{
background-color: #003366;
  color: #ffffff;

}

.footer-text {
  float: left;
  text-align: left;
  padding-left: 5px;
}

/* Header Styles */

.user_style {
  float: right;
}

.user_style a {
  font-size: 75%;
  color: #61656A;
}

header.site-header {
	display: block;
	background: rgba(255, 255, 255, 0.98) !important;
	margin: 0px;
	padding: 0;
	height: 75px;
	width: 100%;
	position: fixed;
	border-bottom: 1px solid #F0F0F0;
	z-index: 99;
}

header.site-header ul#secondary {
  display: none;
}

header.site-header .site-header-inner #logo-normal a {
  float: left;
  display: block;
  width: 334px;
  height: 58px;
  position: relative;
  top: 10px;
  background: url("/portals/8/skins/2014/images/Sctrac-bluelogo.png") top left no-repeat;
  background: url("") top left no-repeat\9; /* IE8 and below */
  background-size: 100%;
  text-indent: -9999em;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/portals/8/skins/2014/images/Sctrac-bluelogo.png',
sizingMethod='scale');
}

.ie8 header.site-header .site-header-inner #logo-normal a {
  float: left;
  display: block;
  width: 3340px;
  height: 58px;
  position: relative;
  top: 10px;
  text-indent: -9999em;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/portals/8/skins/2014/images/Sctrac-bluelogo.png',
sizingMethod='scale');
}

header.site-header .site-header-inner #logo-normal a img {
  width: 200px !important;
  height: 56px;
}

header.site-header .site-header-inner #logo-secondary a {
  display: none;
}

header.site-header nav.main-navigation {
  width: 90%;
  margin: 0px auto;
  margin-top: 0px;
  text-align: center;
  max-width: 1400px;
}

header.site-header nav.main-navigation ul {
  float: right;
}

header.site-header nav.main-navigation ul li {
  float: left;
  display: block;
  margin: 0px 0px 0 0;
  padding: 18px 0px 22px;
  text-align: left;
}

header.site-header nav.main-navigation ul li a {
  font-size: 100%;
  line-height: 35px;
  display: inline;
}



/* Superfish Menu Defaults *\

/*** 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:      250px; /* left offset of submenus need to match (see below) */
}

.sf-menu li ul { }

.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 {
  top: 75px;
  left: -1px;
  z-index: 99;
  background: #ffffff;
  border: 1px solid;
  border-color: #fff #F0F0F0 #F0F0F0;


}
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:     100%; /* 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:     100%; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float:  none;
  height: 79px;
  margin: 0 -10px;
    padding-left: 25px;
    padding-right: 25px;

}
.sf-menu a {
  color:        #222222;
  font-weight: 600;
  text-decoration:  none;
  margin: 17px 17px;
  display: block;
  letter-spacing: 1px;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #222222;
}
.sf-menu li {
  border: solid 1px transparent;
}
.sf-menu li li {
padding: 0px  !important;
width: 100%;
min-height: 25px;
border: solid 0px transparent;
}

.sf-menu li li a {
padding: 10px 10px 10px 17px !important;
text-transform: none !important;
line-height: 15px !important;
display: block !important;
margin: 0;
font-weight: normal !important;
font-size: 90% !important;
}
.sf-menu li li li {
  background:   #f2f2f2;
}

.sf-menu > li:after {
content: "";
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: auto;
height: 0px;
width: 100%;  
background-color: #ffffff;
-webkit-transition: all 250ms ease-in 0;
-moz-transition: all 250ms ease-in 0s;
-ms-transition: all 250ms ease-in 0;
-o-transition: all 250ms ease-in 0;
transition: all 250ms ease-in 0;
}

.sf-menu > li:hover:after {

height: 1px;
}



 
.sf-menu li li a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a  {
  text-decoration:  none;
  color: #ffffff;
  -webkit-transition: all 250ms ease-in 0;
-moz-transition: all 250ms ease-in 0s;
-ms-transition: all 250ms ease-in 0;
-o-transition: all 250ms ease-in 0;
transition: all 250ms ease-in 0;
}

.sf-menu li:hover a  {
  color: #003366;
}



.sf-menu li li:hover > a, .sf-menu li li:active > a, .sf-menu li li:focus > a  {
	color: #fff !important;
    -webkit-transition: all 0ms ease-in 0;
-moz-transition: all 0ms ease-in 0s;
-ms-transition: all 0ms ease-in 0;
-o-transition: all 0ms ease-in 0;
transition: all 0ms ease-in 0;
}

.sf-menu li:hover, .sf-menu li.sfHover {
border-color: #fff #F0F0F0 #fff;
-webkit-transition: all 250ms ease-in 0;
-moz-transition: all 250ms ease-in 0s;
-ms-transition: all 250ms ease-in 0;
-o-transition: all 250ms ease-in 0;
transition: all 250ms ease-in 0;
}



.sf-menu li li:hover, .sf-menu li li.sfHover {
  background-color: #003366;
  color: #ffffff;
  -webkit-transition: all 0ms ease-in 0;
-moz-transition: all 0ms ease-in 0s;
-ms-transition: all 0ms ease-in 0;
-o-transition: all 0ms ease-in 0;
transition: all 0ms ease-in 0;
}

#menu-button {display: none;}

#secondary-slider-tablet {
  display: none;
}

#secondary-slider-phone {
  display: none;
}

.flexslider {
margin: 0 !important;
}

.box-red {
background: rgba(184, 14, 15, 0.55)
}
.box-grey {
background: rgba(98, 98, 98, 0.45);
font-size: 200%;
font-weight: 300;
line-height: 1.3em;
margin-top: 0;
display: inline-block;
}
.overlaybox {
padding: 5px 10px;
color: #FFF;
font-size: 200%;

margin: 5px 0;
display: inline-block;
text-align: left;
}

.box-grey {
background: rgba(98, 98, 98, 0.45);
font-size: 200%;
font-weight: 300;
line-height: 1.3em;
margin-bottom: 35px;
display: inline-block;
}

.phone img {
width: 261px !important;
}
.slide3 .col-8 {
  width: 70%;
}

.splash-inner {
margin-left: 45px;
margin-top: 75px;

}

#mobile {
  display: none;
}

.csheader {font-weight: 600;
font-size: 18px;
font-family: 'Roboto Slab', serif;
color: #003366;
font-weight: 400;
}



.quicklinks li:before{
  content:url('/portals/8/skins/2014/images/ql-arrow.png');
  position:relative; /*or absolute*/
  z-index:1; /*a number that's more than the modal box*/
  padding-right: 10px;
  top:3px;
  float: left;
}

.quicklinks li:hover::before{
  content:url('/portals/8/skins/2014/images/ql-arrow-hover.png');
}


.quicklinks li {
border-bottom: 1px solid #E7E6E6;
padding: 10px 10px 10px 0;
line-height: 2em;
font-size: 15px;
}

.quicklinks a {
  color: #003366;
  display: block;
  font-weight: 400;
}

.quicklinks a:hover {
  color: #003366;
  text-decoration: none;
}


.c2header {
  font-family: 'Roboto Slab', serif;
  color: #003366;
  font-size: 28px;
}

.Container02_top_height h2 {
  margin-bottom: 0px;
}


/* Participating Instit */

#participating h3 {
  
  margin: 10px 0 5px;
}

ul.participating-list {
  clear: both;
  overflow: hidden;
  display: inline-block;
  display: block;
  list-style-type: none;
  padding-left: 0px;
}

ul.participating-list li.participating-box {
  height: 160px;
  width: 170px;
  background: none no-repeat scroll 0 0 #f8f8f8;
  margin: 0 20px 20px 0;
  line-height: 130%;
  display: inline-block;
  float: left;
  -webkit-box-shadow: #cacaca 0px 1px 3px;
  -moz-box-shadow: #cacaca 0px 1px 3px;
  box-shadow: #cacaca 0px 1px 3px;
  text-align: center;
  margin: 0 12px 14px 0;
  vertical-align: top;
  line-height: 110%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #f7f7f7));
  background-image: -webkit-linear-gradient(white, #f7f7f7);
  background-image: -moz-linear-gradient(white, #f7f7f7);
  background-image: -o-linear-gradient(white, #f7f7f7);
  background-image: linear-gradient(#ffffff, #f7f7f7);
  position: relative;
  border: 1px solid #E7E6E6;
}

ul.participating-list li.participating-box {
  margin: 0 13px 14px 0;
}

ul.participating-list li.participating-box a {
  height: 158px;
  padding: 0;
  display: block;
  text-decoration: none !important;
  color: #5e5e5e;
  border: 1px solid transparent;
}

ul.participating-list li.participating-box a:hover {
  background-color: #003366;
  border: 1px solid #003366;
  text-decoration: none !important;
  color: #fff;
  -webkit-box-shadow: #999999 0px 1px 3px;
  -moz-box-shadow: #999999 0px 1px 3px;
  box-shadow: #999999 0px 1px 3px;
}

.participating-logo-box {
  height: 114px !important;
  margin-bottom: 5px;
  margin-top: 0;
  border-bottom: 1px solid #e4e4e4;
  background: #FFF;
  text-align: center;
}

.participating-logo-box img {
  margin-top: 22px;
  width: 120px !important;
  vertical-align: middle;
}

ul.participating-list li.participating-box a span {
  margin-top: 6px;
  display: block;
  font-size: 0.9em;
  padding: 0px 5px;
  font-family: 'Roboto Slab', serif;
}


.story-more {
display: none;
margin-bottom: 20px;
}



.story h3 {
  font-size: 20px;
font-weight: normal;
padding: 10px 0px 0px;
margin-bottom: 0px;
}



.story-intro a {
  text-decoration: none;
}

.btn-big {
padding: 20px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 800;
color: #fff;
display: block;
text-align: center;
font-size: 1.7em;
text-decoration: none;
}

.red { background: #C90101; }
.orange { background: #e84f01; }
.purple { background: #8f1eb8; }
.green { background: #86bd00; }
.brown { background: #9c4f23; }
.blue { background: #0078b7; }
.teal  { background: #00adb8; }
.grey  { background: #323232; }
.pink { background: #b20f4e; }
.lime { background: #a2bd00; }



.divider1 {
border-bottom: 1px solid #EAEAEA;
display: block;
height: 7px;
margin: auto;
width: 85%;
}

.a1-pager>* {

height: auto;
}



.DNNEmptyPane {
width: 0px;
margin: 0px !important;
}

.SubHeaderText, .LabelText
 {
  color: #414042;
}

.hintText {
  font-size: 14px;
  color: #646464;
}

.ng-scope, .inputLine .LabelText {
  margin-bottom: 5px;
}

.ui-widget {
	font-size: 16px;
	font-family: 'Segoe UI', 'Open Sans', 'Segoe WP', Helvetica, Arial, sans-serif;
}

.ui-widget-content {
	color: #61656A;
	border: #ccc 1px solid;
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
	background: #e2e2e2;
	border: 1px solid #cbcbcb;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover:not(.ui-state-highlight) a {
	color: #000000;
}

	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		background: #e2e2e2;
		border: 1px solid #cbcbcb;
		color: #003366;
	}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #ccc;
	background: #FFFFFF;
	color: #555;
}


.ui-state-highlight .SubHeaderText, .ui-state-highlight .LabelText, .SubHeaderText.dialogtext {
	color: #ffffff;
}

.ui-state-highlight .SubHeaderText, .ui-state-highlight .LabelText {
	font-weight: bold;
}

.ui-state-highlight a {
	color: #ffffff;
	text-decoration: underline;
}

.ui-button-text-only {
  border: #003366 1px solid;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  background-color: rgba(0, 52, 102, 0.92);
  background-clip: padding-box;
  color: #ffffff;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  white-space: normal;
}

.ui-menu-item-label {
  background-color: #003366 !important;
  color: #ffffff !important;
}

.detailsToggler-opened:hover, .detailsToggler-closed:hover {
	background-image: none !important;
	background-color: #003366 !important;
	color: #ffffff !important;
}

.detailsToggler-opened {
  background-color: #003366 !important;
  color: #ffffff !important;
}

select, input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="button"]):not([type="submit"]):not(.ui-pg-input), textarea {
	box-sizing: border-box;
}

.ui-autocomplete-combobox button.ui-button, .ui-autocomplete-combobox input.ui-autocomplete-input {
	height: 2.75rem !important;
}

input[type='text']:focus, input[type='password']:focus, input[type='number']:focus, textarea:focus, select:focus {
outline: 0;
border-color: rgba(0, 51, 102,.51);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(32, 53, 134, 1), 0 0 8px rgba(52, 73, 94,.5);
}

input[type='text']:hover, input[type='password']:hover, input[type='number']:hover, textarea:hover, select:hover {
  border: rgba(0, 51, 102, 0.4) 1px solid;
}

.password-container input[type="password"] {
	height: 36px;
}

.popupDialog {
  border: 1px solid #D7D7D7 ;
}

.content-inner .ui-autocomplete-combobox button {
width: 44px;
height: 40px;
vertical-align: bottom;
border-left: 0px;
}

.checkboxRow input[type='checkbox'], .checkboxList input[type='checkbox'], .checkboxRow input[type='radio'], .checkboxList input[type='radio'] {
margin: 7px .5em 4px;
}

.DataGrid, .SmallGrid, .SmallPageGrid, .ParaGrid {
border: 0px;
}

.alterresultField {
  background-color: #f7f7f7;
}

.DataGrid thead tr th, .resultSmallHeader, .resultHeader {
background-color: #e2e2e2;
color: #003366;
font-weight: bold;
font-family: "Sanchez", arial;
}

.SmallText {
  margin-top: 10px;
}

.tp-search-location-domestic {
  float: left;
}

.tp-search-location-international {
  float: left;
  padding-left: 15px;
}
.tp-search-college {
  clear: both;
}

.studentCoursesItemActions .SmallText {
  margin-top: 0px;
} 

.studentCoursesItemActions .ui-silk {
  margin-top: 0px;
}






.search-header 
{
display: inline-block;
float: left;
width: 99.9%;
overflow: hidden;
position: relative;
z-index: 2;
text-align: center;
padding-bottom: 45px;
}



.search-header h2 {
  font-size: 250%;
  padding: 45px 15px 10px 15px;
  font-family: 'Sanchez', serif;
  color: #003366;
}

.search-header p {
  font-size: 112%;
  padding-left: 30px; 
  padding-right: 30px; 
}

.search-searches {
width: 100%;
float: left;

margin: 1px 0px;
}
.search-searches .s1, .search-searches .s2, .search-searches .s3, .search-searches .s4, .search-searches .s5, .search-searches .s6, .search-searches .s7, .search-searches .s8
{
width: 33.3%;
height: 315px;
position: relative;
display: table;
float: left;
color: #FFF;
text-align: center;
}

.search-content {

margin: 20% auto;
display: table-cell;
vertical-align: middle;

}

.search-content h3 {
font-size: 167%;
margin: 15px ;
font-weight: 100;
font-family: 'Sanchez', serif;
color: #ffffff;
}

.search-content p {
margin: 0px 30px 35px 30px;
line-height: 1.5em;
font-size: 95%;
}

.search-content a {
background: none;
border: 1px solid #FFF;
color: #FFF !important;
padding: 10px 14px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
border-radius: 3px;
font-weight: bold;
}

.search-content a:hover {
background: #ffffff !important;
color: #61656A !important;
border: 1px solid #ffffff;
text-decoration: none;
}

.search-feature {
width: 99.8%;
display: inline-block;
color: #FFF;
float: left;
background: #78A13F;
position: relative;
vertical-align: middle;
text-align: center;
margin: 0 0 0 1px;
}

.search-feature h3 {
font-size: 195%;
margin: 25px ;
font-weight: 100;
font-family: 'Sanchez', serif;
color: #ffffff;
}

.search-feature a {
font-size: 20px;
padding: 10px 45px;
background: rgba(255, 255, 255, 0.3);
}

.search-feature .inner-article {
float: left;
display: table;
overflow: hidden;
color: #FFFFFF;
height: 300px;
}

.inner-article-left {
  border-right: 1px solid #FFF;
width: 50%;
margin-left: -1px;
background: url("/portals/0/skins/2014/images/sflh.png") no-repeat center top;
background-size: cover;
}


.inner-article-right {
width: 50%;
background: url("/portals/0/skins/2014/images/sfrh.png") no-repeat center top;
background-size: cover;
}

.wide-wrapper {
max-width: 680px;
margin: 50px auto;

}

.wide-img {
margin: 0;
text-align: left;
display: table-cell;
vertical-align: middle;
padding-right: 60px;
}

.wide-img img {
  display: block;
max-width: 225px;
width: 225px;
vertical-align: middle;
}

.wide-text {
display: table-cell;
vertical-align: middle;
width: 100%;
}

.wide-text p {
  margin: 0;
}

/* SC CONTENT UPDATES */

#planning h3 {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 5px;
}

#planning .contentheader img {
  width: 100%;
  margin: 11px 0px;
}



/* Student Equiv search results page overrides */

.equivalency-summary-header .source-header {
  width:44.0%;
}

.equivDetails-sectionHeader a {
  color: inherit;
  font-size: 20px;
}

.equivDetails-sectionHeader .fugue-magnifier--arrow {
  display: none;
}

.equivalency-search-refinement-panel .equivalency-search-sortdirection {
  padding-top: 11px;
}

/* end Student Equiv search results page overrides */

/* WMCT overrides */


#wmctMap .isBestSchool, #wmctMap .isBestSchool:after {
border: 1px solid #efefef;
color: #FFFFFF;
background-color: #003366;
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;

}

#wmctCompetitiveCheck, #wmctCompetitiveCheckProgress, #wmctCompetitiveCheckProgress .asyncloading {
  
    line-height: 1.5em !important;
    height: 75px !important;
  
}

#wmctMap .isBestSchool:after {
content: none;
}

#wmctMap .isBestSchool a {
text-decoration: underline;
}

#wmctMap #wmctCompetitiveCheck {
  overflow: hidden;
}

#wmctCompetitiveCheckProgress p {
  line-height: inherit;
}

#wmctMap #wmctCompetitiveCheckResults .isBestSchool {
width: auto;
}

#wmctMap .isBestSchool.yes {
background-position: 0px 0px;
}

.content-inner .wmct-title:before {
  background: url('/portals/8/skins/2014/images/wmctIcons.png') no-repeat top left;
}

.ui-silk-email {
  margin-top: 0px;
}

.ui-silk-help {margin-top: 0px;}

.ui-silk-thumb-up {margin-top: 0px;}

.transferEvent .fc-event-skin {
  background-color: #003366 !important;
    color: #ffffff !important;
  font-size: 11px;
}

.pageSection .SmallText {
  margin-top: 0px;
}

.ui-pg-table .ui-pg-input {
  padding: 0px;
  padding-left: 5px;
}

.ui-jqgrid .ui-icon-desc {

  margin-left: -1px;
}

.tinyIndent .SmallText {
  margin-top: 3px;
}

.itemSelector-Container, .itemSelector-Small-Container {
  height: auto;
}

#userSettingsContainer {
  width: 98% !important;
}


#wmctCompetitiveCheckResults .isBestSchool a {
margin-right: .75em;
text-decoration: underline;
}

#wmctMap #wmctCompetitiveCheckResults .isBestSchool {
width: auto;
}

.wmctTable tr th {
  font-size: 16px;
  font-weight: 600;
}

.largeButton {
background-color: #003366;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #003366;
font-weight: 600;
color: #FFF !important;
padding: .8em 8em .8em 8em;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
font-size: 1em;
}

.largeButton:hover {
  background-color: #003366;
}


#ucTranscriptEntryWizard_InstitutionTypeAhead_institutionTypeAheadContainer  input[type='text'] {
padding-right: 0px;
}

#wmctMessageArea.ui-state-highlight .ui-icon {
	background-image: url(/portals/8/skins/2014/images/greencheck.png);
	background-position: 0px 0px;
	background-size: 100%;
	height: 20px;
	width: 20px;
	margin-top: 2px;
}
.wmctTable td div {
  margin-bottom: .18em !important;
}

#wmctMapData .totals {
  margin-top: .2em !important;
}

#wmctMapData .sources, #wmctMapData .targets, #wmctMapData tbody td.sources, #wmctMapData .status  {
  padding-bottom: .3em;
}


/* endWMCT overrides */

/* P2P Search Results page overrides */
.articulation-results::-webkit-scrollbar {
  width: 8px;
}
.articulation-results::-webkit-scrollbar-button {
  width: 3px;
  height:5px;
}
  
.articulation-results::-webkit-scrollbar-track {
  background:#eee;
  border: thin solid #fff;
  box-shadow: 0px 0px 0px #dfdfdf inset;
  border-radius:0px;
}

.articulation-results::-webkit-scrollbar-thumb {
  background:#999;
  border: thin solid gray;
  border-radius:10px;
}

.articulation-results::-webkit-scrollbar-thumb:hover {
  background:#7d7d7d;
} 
/* end P2P Search Results page overrides */

/* Tranfer Profile overrides */

.Transfer-Profile .col-9 {
  width: inherit !important;
  float: none !important;
}

#new-tp-quickfacts {
  display: 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: #0A3162 !important;
  color: #FFF !important;
}

#transferProfile a, #transferProfile a:link, #transferProfile a:hover, #transferProfile a:visited, 
#transferProfile .accent-color {
  color: #003366 !important;
}

#transferProfile .new-tp-bigLink a, #transferProfile .new-tp-bigLink a:hover, #transferProfile .new-tp-bigLink a:visited, .accent-block a:link {
  color: #ffffff !important;
}


#transferProfile .accent-border, #transferProfile .accent-block {
  border-color: #003366 !important;
}


.search-refinement-category .search-refinement-item-total {
  background-color: #003366;
}

#transferProfile {
color: #454545 !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;
}

.equivalency-search-refinesearch {
  padding: 0em 3em .5em 0em;
}

/* SCTRAC TRANSFER CHECK OVERRIDES */

.content-inner .vta h2, .content-inner .vta h3, .content-inner .vta h4, .content-inner .vta h5, .content-inner .vta h6 {
font-family: 'Roboto Slab', serif !important;
color: #003366 !important;
  background-color: #ffffff;
  border-color: #ffffff;
}

.content-inner .vta h3.ui-widget-header {
  font-weight: 500;
  padding: 0px ;
  margin: 0px ;
  padding-top: 15px;
}



.content-inner .vta-breadcrumbs .cur {
  background-color: #003366;
  font-weight: bold;
  color: #ffffff;
}

.content-inner .vta-breadcrumbs {
  background-color: #d0d0d0;
}

.content-inner .vta-breadcrumbs li {
  background-color: #d0d0d0;
  color: #ffffff;
  }

  .content-inner .vta-breadcrumbs li:before {
  border-left: 1.25em solid #d0d0d0;
}

.content-inner .vta-breadcrumbs .cur:before {
  border-left-color: #003366;
}

.vta-breadcrumbs li:after {
  border-left-color: #ffffff !important; 
}

.content-inner .vta-breadcrumbs:after {
 -webkit-box-shadow: none; 
box-shadow: none; 

}

.vta-radio-header.ui-state-active {
	background-color: #5A5A5A;
	color: #ffffff;
}


.selected .vta-radio-header.ui-state-active {
	background-color: #003366;
}

.content-inner .vta-radio-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content-inner .vta-program-search button,  .content-inner.vta-program-search input {
  height: auto;
}

.content-inner .vta-breadcrumbs.lastChild {
  background-color: #003366;
}

.vta-program.selected:after {
  display: none !important;
}


.progressCell .dropShadow-light {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px #003366 solid;
  color: #003366;
  text-align: center;
  font-family: "Sanchez", arial;
}

.progressCell .dropShadow-light:hover {
}

.pageSection .progressbar-with-text {
    -webkit-box-shadow: none;
  box-shadow: none;
}

#mainProgressBar.ui-widget-content {
  background: #003366;
  color: #fff;
    border-radius: 8px;

}
#mainProgressBar .ui-widget-header {
  background-color: #003973;
  background-size: 57px 57px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 2s linear infinite;             
}

.vta-progressBar {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline;
}



.vta-progressBar .ui-progressbar-value {
  background: none !important;
}
.vta-progressBar.progressbar-with-text .progressbar-hover-overlay {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

.vta-progressBar.progressbar-with-text .progressbar-hover-overlay:hover {
  background-color: transparent;
}
.vta-progressBar.progressbar-with-text .progressbar-text {
  text-decoration: underline;
  padding: .25em 0 !important;
}

.requirement-container {
  margin-right: .0em !important;
}

.requirements-header .alignRight {
  margin-right: .0em !important;
}


.vta #TransferProgressSubHeader {
  font-size: 16px;
}

#mainProgressBar .ui-button-text-icon-primary {
  border: 2px solid #ffffff !important;
}

.content-inner .expand-collapse-icon {
  color: #003366 !important;
}

.icon-stack .icon-stack-base {
  font-size: 1.1em !important;
}


.content-inner .requirement-met {
  color: #04bc00;
}
.content-inner .requirement-partially-met {
  color: #F6880D;
}

.icon-large {
  margin-right: 2px;
}

.icon-check {
  margin-right: 0px
}

.content-inner .requirement-satisified-by span {
  font-size: 12px;
}

.content-inner .requirement-title {
  font-weight: 500 ;
  line-height: 1.8em;
  max-width: 80%;
}

.content-inner .requirement-satisified-by 
{margin-left: 25px ;}

.ui-silk-table-go, .ui-silk-table-delete {
  margin-top: -3px;
}


.is-student-user .sf-menu > li:first-child {
  display: none;
}

.ui-state-default a:link, .ui-state-default a:visited {
  color: #000000;
}

.studentCourseEntryContainer tr{
  height: 50px;
}

.noSearchResultsFound li {
  list-style: square !important;
}

.noSearchResultsFound ul {
  margin: 5px 0px 5px 20px;
}

.footerlogo img {
  max-width: 350px;
  width: 100%;
}

:-ms-input-placeholder {
  color: #aaaaaa !important;
  font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #aaaaaa !important;
  font-style: italic; 
}

.bulletsplease li {
  list-style: square !important;
  list-style-type: square !important;
  margin-left: 10px;
}

.bulletsplease ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.publicSearchResultsWithFilter .searchFilter .typeahead, .publicSearchResultsWithFilter .searchFilter input.searchText {
  width: 95% !important;
}

.vta-program-search button, .vta-program-search input {
  height: 36px !important;
}




/* Accordion */
.accordionButton h3 {

border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 40px 30px 36px 90px;
color: #003366;
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: "\f054";
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: 6px;
padding-left: 1px;
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: #003366;
border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;

}
.rotate h3:before {
content: "\f078";
background-color: #0A3162;
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.6em;

  }

  .accordionContent h4{ 
  line-height: .75em;
  padding: 0em 2em 0em 1.3em;

  }

  .accordionContent a{ 
}

.accordion li {
  background: url(/portals/8/skins/2014/images/bluearrow.png) no-repeat left top;

  /* reset styles (optional): */
  list-style: none;
  margin-left: 15px;
  line-height: 15px
}

.accordion ul {
  padding: 0 0 0 20px;
}


#filterPopup {min-height: 200px !important}


.pa-language-header {
border-bottom: 1px solid #cfcfcf;
margin-bottom: 15px;
}

.pa-language-terms-wrapper {
  padding: 0 10px 0 25px;
}

.pa-language-letter {
  font-weight: 600;
  font-family: "Sanchez", arial;
  font-size: 155.8571428571429%;
  line-height: 35px;
  padding-left: 5px;
}

.language-terms {
  font-weight: 500;
  font-family: "Sanchez", arial;
  font-size: 125.14287%;
}

.listcourses {
  font-family: "Sanchez", arial;
}

#dnn_ctr1286_StudentProfile_Label2 {
  display: none;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  height: 25px !important;
}


#TransferEventCalendar, #dnn_ctr1300_StudentArtiSearchResults_UP {
    overflow-x: auto;
  overflow-y: hidden;
}

#dnn_ctr1300_StudentArtiSearchResults_DG1 {
  width: auto !important;
}


.transferEventCalendar, #dnn_ctr1300_StudentArtiSearchResults_DG1 tbody {
  min-width: 800px;

}

.StudentTransferAgreementSearch input[type='text'] {
  width: auto !important;
}

#ui-datepicker-div {
  width: auto;
}


A.eventDetail:link {
  color: #003366 !important;
  text-decoration: underline;
}

A.eventDetail:visited {
  color: #003366 !important;
  text-decoration: underline;
}

#dnn_ctr1287_StudentPassport_Textbox19, #dnn_ctr1287_StudentPassport_Textbox20, #dnn_ctr1287_StudentPassport_Textbox21, #dnn_ctr1287_StudentPassport_Textbox22, #dnn_ctr1287_StudentPassport_Dropdownlist5 {
  margin-bottom: 15px;
}

#equivDetails-source, #equivDetails-target {
  height: auto !important;

}

.ui-silk-pencil {
  margin-top: 0px;
}

.hd2 {display: none;}

#aboutus .calltoaction {
  border-top: 0px;
}



@media only screen and (max-width: 1590px) {

.publicSearchResultsWithFilter .searchFilter {
padding-right: 1em;
overflow: auto;
width: 100%;
}

.publicSearchResultsWithFilter .searchResults {
 float: none;
width: 99%;
}

}


@media only screen and (max-width: 1347px) {

header.site-header nav.main-navigation ul li a {
  font-size: 85%;
}

header.site-header .site-header-inner #logo-normal a {
  width: 200px;
  top: 18px;

}

}






@media only screen and (max-width: 1120px) {


.is-student-user .sf-menu > li:first-child {
  display:  block;
}


.publicSearchResultsWithFilter .searchFilter {
padding-right: 1em;
overflow: auto;
width: 100%;
}

.publicSearchResultsWithFilter .searchResults {
 float: none;
width: 99%;
}

.search-searches .s1, .search-searches .s2, .search-searches .s3, .search-searches .s4, .search-searches .s5, .search-searches .s6
{
  height: 400px;
}



  header.site-header {
    height: 50px;
    border-top: 1px solid #F0F0F0;
    background: rgba(0, 51, 102, 0.99) !important;
  }

  header.site-header .site-header-inner #logo-normal a {
  background: url("/portals/8/skins/2014/images/Sctrac-whitelogo.png") top left no-repeat;
  background-size: 100%;
  width: 250px;
  height: 44px;
  margin:auto;
  float: none;
  top: 3px;
}

.stick {
    position:relative;
    top:0px;
    width: auto;
max-width: auto;
}



#new-tp-quickfacts .new-tp-fact {
height: 76px !important;
}

.new-tp-fact .new-tp-fact-line2 {
white-space: normal !important;
}

.new-tp-bigLink a { font-size: 1.2em !important; line-height: 1.8em !important; }

.user_style {
  top: 12px;
position: absolute;
right: 15px;
}

.User {display: none;}
.Tutorial, .Collection {display: block;}
.divideline {display: none;}

#desktop {
  
}

#mobile {
  display: none;
}

.page-block {

  padding: 52px 0;
}

.page-block-header {
  height: 52px;
}


  #menu-toggle {
    display: none;
  }
  [aria-expanded=true] + #menu-toggle {
    display: block;
  }


  #menu-toggle.initial {
    display: block;
    position: absolute;
    left: 9999px;
  }

  #menu-button{
display: block;
background: #003366;
border: 1px solid #ffffff;
padding: 7px 14px;
position: absolute;
top: 0;
margin: 8px 12px 0 0px;
border-radius: 3px;
  }

  .user_style a {

  color: #ffffff;
}

    #menu-button-open{
      display: block;
background: #4F9BE1;
border-bottom: 0;
padding: 6px 15px;
float: right;
margin: 1px 12px 0 12px;
border-radius: 3px;
  }



.sf-menu li {
    
    position: relative;
    width: 100%;
    background: none;
    border: 0px;
  }

  .sf-menu {
    position: fixed;
top: 49px;
right: -14px;
width: 100%;
overflow-y: auto;
height: 85%;
padding-bottom: 35px;
}


  .sf-menu > li > a {
    color: #FFF !important;
    background: #414042;
    font-size: 80% !important;
    line-height: 15px !important;
    padding: 17px 17px;
    padding-left: 20px;
    margin: 0px;
    display: block !important;

  }


  .sf-menu > li:after {
content: "";
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: auto;
height: 1px;
width: 100%;
background-color: #FFF;
-webkit-transition: all 250ms ease-in 0;
-moz-transition: all 250ms ease-in 0s;
-ms-transition: all 250ms ease-in 0;
-o-transition: all 250ms ease-in 0;
transition: all 250ms ease-in 0;
}

.sf-menu > li:hover:after {
background-color: #ffffff;
}

header.site-header nav.main-navigation ul {
  float: none;
}

header.site-header nav.main-navigation ul li {
  padding: 0;
}

header.site-header nav.main-navigation ul li ul {

}

  .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 > ul a {
      border-bottom: 1px solid #eee;
      padding: 15px;
  }

  .sf-menu li.current a {
  text-decoration:none; color: #FFFFFF;
  border-bottom: 1PX SOLID #FFFFFF;
}



.sf-menu li li {
  background: #414042;
}

  .sf-menu li li a {
      display: none;
      padding: 10px 10px 10px 35px !important;
      color: #ffffff;
  }

  .sf-menu li li:first-child {
    border-top: 1px solid #ffffff;
  }

  .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a {
    color: #ffffff;
  }

  .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;
    top: 56px;
  }
  .sfHover > ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }


    .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);
  }


  .slider h1 {
font-size: 150%;
line-height: 35px;

}

.slider {
height: 100%;

}

.slide1, .slide2 {
  position: relative;
  padding: 45px 0;
  top: 0;
} 

.contentsection {
padding: 15px 0;
}

.flexslider {
margin: 0 0 30px !important;
}

.sectiontitle {
font-size: 150%;
}

.call-to-action .col-6 {
  width: 100%;
}

.ads .col-3{
  width: 48%;
}

.col-3 {
  width: 47%;
}

.col-9 {
  width: 100%;
}

.icon-2 {
  margin-top: 50px;
}

.social-icons {
float: none;
margin-bottom: 15px;
display: block;
height: 30px;
}


#secondary-slider-tablet {
  display: block;
}


.hd2 {display: none;}

}

@media only screen and (max-width: 820px) {

.search-searches .s1, .search-searches .s2, .search-searches .s3, .search-searches .s4, .search-searches .s5, .search-searches .s6, .search-searches .s7, .search-searches .s8
{
  width: 100% !important;
  height: 315px;
  margin-bottom: 1px;
}

.inner-article-left, .inner-article-right 
{
width: 100%;
}

.inner-article-left {
  border-right: 0px;
}

.inner-article-right {
  border-top: 1px solid #fff;
  border-bottom: 0px;
}

.search-searches {
  margin: 0px;
}

#equivDetails-source, #equivDetails-target, #equivDetails-additionalDetails {
  width: 91%;
  float: none;
}

.assessmentTypeAhead {
  margin-right: 45px;
}

#assessmentTitlea584cecf-a06e-417f-938d-eb4d5bd12972 button {
  margin-left: -45px;
}

}




@media only screen and (max-width: 652px) {

#dnn_ctr1287_StudentPassport_At_Textbox1, #dnn_ctr1287_StudentPassport_At_Textbox25, #dnn_ctr1287_StudentPassport_At_Textbox24, #dnn_ctr1287_StudentPassport_At_Textbox18, #dnn_ctr1287_StudentPassport_At_Textbox17, #dnn_ctr1287_StudentPassport_At_Textbox15, #dnn_ctr1287_StudentPassport_At_Textbox14, #dnn_ctr1287_StudentPassport_At_Textbox16,  #dnn_ctr1287_StudentPassport_At_Textbox10, #dnn_ctr1287_StudentPassport_At_Textbox6, #dnn_ctr1287_StudentPassport_At_Textbox12, #dnn_ctr1287_StudentPassport_At_Textbox9, #dnn_ctr1287_StudentPassport_At_Textbox5, #dnn_ctr1287_StudentPassport_At_Textbox8, #dnn_ctr1287_StudentPassport_At_Textbox3, #dnn_ctr1287_StudentPassport_At_Dropdownlist1, #dnn_ctr1287_StudentPassport_At_Textbox31, #dnn_ctr1287_StudentPassport_At_Textbox2, #dnn_ctr1287_StudentPassport_At_Textbox32, #dnn_ctr1287_StudentPassport_At_CurrentCollege_ucInstitutionTypeAhead_txtTypeAhead, #dnn_ctr1287_StudentPassport_At_Textbox34
{
max-width: 172px;
width: 172px !important;
min-width: 172px;
}

.c2header {
font-weight: 700;
font-size: inherit;
}

p {
  font-size: 15px;
}

.content-inner h1{
  font-size: 131%
}

.content-inner h2{
  font-size: 125%
}

.content-inner h3{
  font-size: 119%
}

.content-inner h4{
  font-size: 112%
}

.content-inner h5{
  font-size: 107%
}

.content-inner h6{
  font-size: 112%
}

.col-3 {
  margin: 1.5% 0% 1.5% 0%;
  width: 100%;
}



  }

@media only screen and (max-width: 640px) {
#new-tp-description {
  height: auto !important;
}
  #new-tp-quickfacts .new-tp-fact {
height: auto !important;
}

#noAccount { 
  width: 90% !important;
  margin-top: 5px !important;
}


.footer-text a, .copy-right  {
  font-size: 12px;
}

.page-title {
  font-size: 20px !important;
  padding: 11px 0;
}

.header-sc {
  height: 50px;
}

.hd3 {
  width: 100%;
}


.wide-text {
display: block;
}

.wide-img {
margin: 0;
text-align: left;
display: block;
vertical-align: middle;
padding-right: 0;
}

.wide-img img {
display: block;
max-width: 225px;
width: auto;
vertical-align: middle;
margin: auto;
padding-bottom: 20px;
}

}

@media only screen and (max-width: 485px) {

.checkboxList label {
font-size: 14px;
}

.icon-content {
  float: none;
width: auto;
padding: .7em;
}

.icon-content img {
  max-width: 95%; 
max-height: 95%; 
}

.page-title {
  font-size: 16px !important;
  padding: 11px 0;
}

.header-sc {
  height: 44px;
}



  }

@media only screen and (max-width: 400px) {


header.site-header .site-header-inner #logo-normal a {
  width: 175px;
  top: 10px;
}

}
.privacy-dashboard-panel {
	margin: .5em;
}

.privacy-dashboard-panel .data-group-card {
    width: 98%;
}

@media (min-width: 576px) {
	.privacy-dashboard-panel .data-group-card {
        width: 30%;
	}
}

@media (min-width: 1200px) {
	.privacy-dashboard-panel .data-group-card {
        width: 15%;
    }

    .page-block-inner .privacy-dashboard-panel .data-group-card {
	    width: 20%;
    }
}

.ui-widget-header h1,
.ui-widget-header h2,
.ui-widget-header h3,
.ui-widget-header h4,
.ui-widget-header h5,
.ui-widget-header h6 {
    color: inherit;
}

.ui-dialog-titlebar .ui-dialog-title {
    font-size: 1em;
}

details.button-disclosure {
  --a1-button-disclosure--summary-bg: #036;
  --a1-button-disclosure--summary-color: #fff;
}

.ui-widget-header a:focus-visible {
  outline: 2px solid #fff;
}

aside:empty {
	display: none; /* Prevent empty landmarks from being perceived */
}

