/* imports */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
/* resets */
html {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
input[type="text"], input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
::-ms-clear {
 width : 0;
 height: 0;
}
::-ms-reveal {
 width : 0;
 height: 0;
}
/* layout */
html {
	margin: 0;
	position: relative;
	min-height: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	position: relative;
	min-height: 100%;
	height: auto;
}
nav#top {
	padding-top: 0;
}
header[role=banner] {
	background-color: #023f85;
	background-image: linear-gradient(to top, transparent 155px, #214f80 0px), url('/vtacdocs/direct/380/images/section-bg-1-half280px.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	display: table;
	padding-top: 0;
}
/* menus */
nav#top {
	padding: 0;
	text-align: right;
}
ul#menu, nav#top ul {
	list-style-type: none;
	list-style-image: none;
}
nav#top ul {
	margin: 0;
	padding: 0 20px 0 12px;	
}
nav#top ul#topmenu li {
	height: 30px;
	margin: 0;
	padding: 3px;
	display: inline-block;
	vertical-align: top;
}
nav#top ul#topmenu li.topbutn_account {
	margin: 0;
	padding: 5px 0;
}
.topbutn a, .topbutn_account a {
	text-decoration: none;
	font: 12px 'Source Sans Pro', sans-serif;
	color: #fff;
}
.topbutn_account a:link, .topbutn_account a:visited, .topbutn_account a:hover {
	position: relative;
	top: 0px;
	left: -5px;
	color: #fff;
}
li#messages {
	margin: 0;
	padding: 0;
}
li#messages a {
	padding: 0 15px 0 0;
	margin: 0;
	display: inline-block;
}
li#messages a:before {
    content: 'Messages';
	color: #fff;
}
.appname {
	letter-spacing: 2px;
	text-shadow: 2px 2px 5px rgba(53, 55, 54, 0.7);
}
.appname strong {
	font-weight: normal;
	text-shadow: 2px 2px 5px rgba(53, 55, 54, 0.7);	
}
.unreadno {
	font-size: 11px;
	background-color: #990000;
	color: #fff;
	margin: 0 0 -3px 0;
	padding: 1px 6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
/* intro section */
#summary {
	background: #dce5ed;
	margin: 0;
	padding: 0;
}
#intro + aside {
	width: 100%;
}
aside p {
	color: #3a3634;
}
section#accountsummary ul {
	list-style-type: none;
	list-style-image: none;
}
section#accountsummary ul li {
	padding-bottom: 6px;
}
section#accountsummary p a, section#accountsummary li a {
	font-weight: bold;
	text-decoration: underline;
}
/* main content */
#main {
	margin: 0 auto;
	padding: 0 0 60px 0;
	height: 100%;
	clear: both;
	background-color: #fff;
}
#mainnav {
	margin: 0;
	display: block;
	text-align: center;
	clear: both;
	background-color: #353736;
	border-bottom: 15px solid #384E7A;
}
.tabcontainer:last-of-type {
	margin: 6px auto 40px auto;
	padding-bottom: 30px;
}
.tabmenu + .tabcontainer {
	margin-top: 0;
}
.catarea {
    background: #ECF2F7;
	background-image: linear-gradient(to top, #ECF2F7 180px, #7cbdcd 0px);
	background-position: center top;
	background-repeat: no-repeat;
}
.catarea h2 {
	line-height: 1.0;
	font: 700 'Source Sans Pro', sans-serif;
	text-decoration: none;
	margin: 4px 16px 8px 16px;
	padding: 8px 0 6px 0;
	text-align: left;
	text-transform: none;
	color: #000;
}
.catarea ul.centred {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
.catarea ul.centred {
    margin: 8px 16px 8px 16px;
    padding: 6px 0 0 0;
    height: 130px;
    border-top: 1px solid #000;
    list-style-type: none;
    list-style-image: none;
    text-align: left;
}
.catarea i.icon.icon-panel.icon-fee {
	background: url(/vtacdocs/direct/380/images/fee-icon.png) no-repeat left bottom;	
	background-size: 30px 30px; 
 }
 .catarea i.icon.icon-panel.icon-application {
	background: url(/vtacdocs/direct/380/images/application-icon.png) no-repeat left top;
	background-size: 30px 30px; 	 
 }
.catarea i.icon.icon-panel.icon-account {
	background: url(/vtacdocs/direct/380/images/account-icon.png) no-repeat left top;	
	background-size: 30px 30px; 	
 }
.catarea i.icon.icon-panel.icon-offers {
	background: url(/vtacdocs/direct/380/images/offers-icon.png) no-repeat left top;	
	background-size: 30px 30px; 	
 }
.catarea i.icon.icon-panel.icon-coversheets {
	background: url(/vtacdocs/direct/380/images/coversheets-icon.png) no-repeat left top;	
	background-size: 30px 30px; 	
 }
.catarea i.icon.icon-panel.icon-resources {
	background: url(/vtacdocs/direct/380/images/resources-icon.png) no-repeat left top;	
	background-size: 30px 30px; 	
 }
ul.checkboxes li {
	margin: 0;
	padding: 0;
}
ul.checkboxes li {
	margin: 0;
	padding: 6px 0;
	margin-left: 3px;
	list-style-type: none;
	list-style-image: none;
}
ul.checkboxes li:before {
	content: "\2610";
	margin-right: 15px;
}
ul.checkboxes li.catcompleted:before {
	content: "\2611";
}
/* footer */
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	min-height: 60px;
	width: 100%;
	background-color: #036;
}
footer nav#footernav {
	margin: 0 auto;
}
footer nav#footernav ul {
	margin: 3px 0 0 10px;
	padding: 0;
}
footer nav#footernav ul li {
	margin: 0;
	padding: 0 16px;
	display: inline;
	vertical-align: middle;
	font-size: 100%;
}
footer nav#footernav ul li:first-of-type {
	padding: 0 16px 0 0;
}
footer nav#footernav ul li:last-of-type {
	border: none;
}
footer nav#footernav ul li a {
	text-decoration: none;
	color: #fff;
}
footer nav#footernav ul li a:hover {
	text-decoration: underline;
}
/* text */
p, td {
	margin: 6px 0 0 0;
	padding: 0 0 6px 10px;
}
ul li {
	margin: 6px 0 0 0;
	padding: 0 0 2px 8px;
}
.tabcontainer p {
	margin: 0;
	padding: 6px 0;
}
p.message {
	background-color: #f1f1f1;
	display: inline-block;
	margin: 12px 0 0 0;
}
.examples, .optional {
	color: #888;
	font-weight: normal;
}
p.examples, .optional {
	padding-top: 8px;
}
ul.examples li {
	margin: 0;
	padding: 0;
}
ul.examples {
	margin: 0 0 20px 45px;
	padding: 0;
}
fieldset + p.examples {
	position: relative;
	top: -12px;
	padding: 0;
}
h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2em;
	margin-bottom: 10px;
}
h2 {
	padding: 10px;
	color: #000033;
}
h3 {
	color: #000;
}
h4 {
	color: #000;
}
h5 {
	color: #60707a;
}
h3, h4, h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 18px 0 14px 10px;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5 {
	padding: 4px 0;
}
/* lists */
ol.lower-alpha {
	list-style-type: lower-alpha;
}
/* links */
a:link {
	color: #0821B7;
	text-decoration: none;
}
a:visited {
	color: #4103D9;
	text-decoration: none;
}
a:hover {
	color: #0821B7;
	text-decoration: underline
}
/* grid */
.row {
	margin: 0 -10px;
	margin-bottom: 20px;
}
.row:last-child {
	margin-bottom: 0;
}
/* images */
i.icon {
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative;
}
/* forms */

/* layout */
.collabels {
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}
.span1_4 {
	width: 25%;
}
.span1_3 {
	width: 33%;
}
.span1_2 {
	width: 50%;
}
.nonlabel {
	margin: 6px;
}
.subquestions {
	margin: 15px 0 0 20px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 25px;
}
.pushdown {
	margin-top: 10px;
}
/* objects */
fieldset {
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	border: none;
}
fieldset + *, fieldset + div + label, legend + p {
	clear: both;
}
fieldset p, legend + p {
	margin: -12px 0 0 0;
}
legend {
	float: left;
	margin: 6px 0;
	padding: 0;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
}
label {
	margin: 6px 0 3px 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	display: block;
	font-weight: bold;
	font-size: 14px;
}
label.checkradio {
	display: inline;
	margin: 0 6px 0 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
}
.radiolist span {
	display: block;
}
.radiolist span input.radiolistitem {
	margin: 3px 3px 6px 0;
}
.radiolist span label {
	display: inline;
}
.aslist {
	position: relative;
	top: -2px;
	line-height: 25px;
}
label.larger {
	font-weight: bold;
	font-size: 16px;
}
h3 + label, h4 + label, p + label {
	padding-top: 0;
}
h3 + input, h4 + input, p + input {
	padding-top: 8px;
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=number], input[type=search], input[type=time], input[type=url], input[type=email], textarea, select {
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #BEBEBE;
	padding: 0 7px;
	margin: 1px 0 6px 0;
	outline: none;
	font-family: 'Source Sans Pro', sans-serif;
}
select {
	padding: 0 1px 0 7px;
}
textarea, select {
	line-height: 18px;
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=number]:focus, input[type=search]:focus, input[type=time]:focus, input[type=url]:focus, input[type=email]:focus, textarea:focus, select:focus {
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
input[type=radio], input[type=checkbox] {
	width: 1.2em;
	height: 1.2em;
	display: inline;
	text-align: left;
}
.field-25 {
	width: 25%;
}
.field-33 {
	width: 33%;
}
.field-50 {
	width: 50%;
}
.field-100 {
	width: 100%;
}
.field-fullwidth {
	width: 100%;
}
.field-textarea {
	width: 100%;
	height: 100px
}
input[type=submit], input[type=button], div.buttonsWrapper div button, button, input.butn {
	margin: 6px 0px;
	padding: 10px 18px;
	border: 1px solid #8C857B;
	color: #fff;
	display: inline-block;
	font: bold 16px 'Source Sans Pro', sans-serif;
	background-color: #8C857B;
	background: #8C857B;
	background-size: 20px 20px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
}
input.actioncall {
	background-color: #134471;
	background: #134471;
	border: 1px solid #134471;
	color: #fff;
}
.hidden, input.hidden, div.buttonsWrapper div button.hidden, button.hidden {
	display: none;
}
input[type=submit]:hover, input[type=button]:hover, div.buttonsWrapper div button:hover, button:hover, input.butn:hover {
	background: #897d6c;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input.actioncall:hover {
	background-color: #b30900;
}
input.butn-inactive, input.butn-inactive:hover {
	background-color: #dbd7d0;
	background: #dbd7d0;
	border: 1px solid #dbd7d0;
	color: #fff;
}
.fakebuttons {
	text-align: center;
	position: relative;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%) translateY(0%);
}
fieldset.fakebuttons legend {
	text-align: left;
	font-weight: normal;
}
fieldset.fakebuttons legend.accepttc {
	text-align: center;
	font-weight: bold;
}
input[type=checkbox].fakebutn {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	display: inline-block;
	margin: 10px auto;
	padding: 12px;
	border: 1px solid #BDBBB3;
	color: #000;
	background-color: #E3E2E1;
	text-align: center;
	text-transform: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
}
input[type=checkbox].tc-butn-mobile + label {
	float: right;
	border: 1px solid #fff;
	color: #0178bd;
	background-color: #fff;
	text-transform: none;
	font-weight: normal;
	width: 45%;
}
input[type=checkbox]#tcDialogAccepted + label, input[type=checkbox]#privacyDialogAccepted + label, input[type=checkbox].dialogAccepted + label {
	float: left;
	font-weight: bold;
}
input[type="button"].arrowup, input[type="button"].arrowdown {
	background-color: #BDBBB3;
	border: 1px solid #666;
	color: #000;
}
input[type="button"].cross {
	border: 2px solid #990000;
}
::-webkit-input-placeholder {
 font: normal 14px 'Source Sans Pro', sans-serif;
 font-style: italic;
 line-height: inherit;
}
:-moz-placeholder {
 font: normal 14px 'Source Sans Pro', sans-serif;
 font-style: italic;
 line-height: 40px;
}
::-moz-placeholder {
 font: normal 14px 'Source Sans Pro', sans-serif;
 font-style: italic;
 line-height: 40px;
}
:-ms-input-placeholder {
 font: normal 14px 'Source Sans Pro', sans-serif;
 font-style: italic;
 line-height: normal;
}
div.buttonsWrapper {
	margin: 20px 0;
	padding-bottom: 30px;
	clear: both;
	width: 100%;
}
div.buttonsWrapper div {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	text-align: left;
}
/* Show/hide divs on click */
p.fullwidth {
	text-align: center;
	background-color: #fff;
	margin-top: 12px;
	padding: 5px;
	width: 100%;
	font-size: 14px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.fullwidth a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.downarrow:after {
	content: "\25BC";
}
.downarrow:after {
	margin-left: 8px;
}
.uparrow:after {
	content: "\25B2";
	color: #fff;
}
.uparrow:after {
	margin-left: 8px;
}
input.cross {
	font-weight: bold;
	text-transform: lowercase;
}
/*.fullwidth:after {
    border-radius: 50%;
    width: 28px;
    height: 22px;
    padding: 0 5px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 16px;	
	font-weight: bold;
	content:"+";
}*/
.less.active .button-read-more {
	display: none;
}
.button-read-more-seas {
	display: none;
}
.button-read-less {
	display: none;
}
.button-read-less-seas {
	display: none;
}
.less.active .button-read-less {
	display: block;
}
.less.active .button-read-less-seas {
	display: none;
}
.more {
	margin-top: 10px;
}
/* tables */
.confirmation, table.confirmation, table.preflist {
	border: none;
	margin: 20px 0;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-spacing: 0;
}
table.preflist {
	width: 100%;
}
table.preflist tbody tr:last-of-type {
	border-bottom: 1px #ddd solid;
}
table.confirmation tr th {
	padding: 10px 30px 8px 2px;
	text-align: left;
	vertical-align: top;
}
table.confirmation thead tr th {
	border-top: 1px #ccc solid;
	padding-left: 4px;
	font-size: 130%;
	color: #2a5f91;
	background-color: #f2f2f2;
}
.appcontainer .confirmation h3 {
	margin: 0 0 6px 0;
	padding: 6px;
	font-size: 130%;
	background-color: #f2f2f2;
}
table.preflist thead tr th {
	color: #444;
	text-align: left;
}
table.confirmation thead:nth-of-type(1) tr th {
	border: none;
}
table.confirmation tbody tr th {
	color: #444;
}
table.confirmation tbody tr th.confirmclaim {
	font-size: 130%;
	font-weight: bold;
	color: #2c3e50;
}
table.confirmation tr td {
	padding: 10px 2px;
	text-align: left;
	vertical-align: top;
}
table.confirmation.compactrows {
	margin: 10px 0;
	border: none;
}
table.confirmation.compactrows tr th, table.confirmation.compactrows tr td {
	padding: 2px;
}
table.preflist tr td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border-top: 1px #ddd solid;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	margin: 0;
	vertical-align: middle;
}
table.preflist tr td.prefcode {
	padding-top: 4px;
}
table.preflist tr td.prefname {
	width: 85%;
}
table.preflist tr:nth-child(even) {
	background-color: #f2f2f2;
}
.responsive-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.responsive-tr {
	display: table-row;
}
.responsive-thead {
	display: table-header-group;
}
.responsive-tbody {
	display: table-row-group;
}
.responsive-tfoot {
	display: table-footer-group;
}
.responsive-td, .responsive-th {
	display: table-cell;
}
.responsive-th {
	font-weight: bold;
}
.responsive-tr:nth-of-type(even) .responsive-td {
	background-color: #f2f2f2;
}
.responsive-table.householdincome {
	width: 95%;
	margin: 25px auto;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.responsive-table.householdincome .responsive-thead .responsive-tr .responsive-th {
	background-color: #2a5f91;
	color: #fff;
}
.householdincome .responsive-th, .householdincome .responsive-td {
	padding: 6px 3px;
}
.householdincome .responsive-td input[type=text] {
	width: 100%;
	margin: 6px 0 0 0;
}
.householdincome .responsive-th:first-of-type, .householdincome .responsive-td:first-of-type {
	width: 35px;
	padding-right: 3px;
}
.householdincome .responsive-td:first-of-type label {
	text-align: center;
}
.householdincome .responsive-th:nth-of-type(3), .householdincome .responsive-td:nth-of-type(3) {
	width: 46px;
	padding: 3px;
}
.householdincome .responsive-td:nth-of-type(3) input {
	width: 40px;
}
table.grey {
	margin: 10px 0 0 0;
	padding: 0;
	border-spacing: none;
	border-collapse: collapse;
}
table.grey tr, table.grey tr th, table.grey tr td {
	margin: 0;	
}
table.grey tr th, table.grey tbody tr th {
	font-weight: bold;
	font-family: "Source Sans Pro", sans-serif;
	color: #000;
	border: 1px solid #C1DAD7;
	text-align: left;
	vertical-align: top;
	margin: 0;	
	padding: 9px 6px;
	border: 1px solid #C1DAD7;
	border-top: 0;
}
table.grey thead tr th {
	background-color: #376796;
	border: 1px solid #C1DAD7;
	color: #fff;
}
table.grey thead tr th:empty {
	background: transparent;
	border: none;
}
table.grey tbody tr td {
	border-top: 0;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	margin: 0;		
	padding: 6px;
	color: #333;
	text-align: left;
	vertical-align: top;
}
table.grey tbody tr:nth-child(odd) td, table.grey tbody tr:nth-child(odd) th {
	background-color: #f6f6f6;
}
table.grey tbody tr:nth-child(even) td, table.grey tbody tr:nth-child(even) th {
	background-color: #fff;
}
table.grey tbody tr th.tbodyheading {
	background-color: #C7CFD6;
}
table.grey tbody tr th.tbodyheading {
	background-color: #C7CFD6;
}
table.grey tr td:first-of-type {
	border-left: 1px solid #C1DAD7;
}
/* course intentions table */
#instIntentionTable {
	margin: 20px 0;
}
.onerow {
	float: left;
	width: 100%;
}
.tworow {
	float: left;
	width: 100%;
}
.threecol_cell1_1 {
	float: left;
	color: #000;
}
.threecol_cell2_1 {
	float: left;
	color: #000;
}
.threecol_cell2_2_container {
	float: left;
}
.threecol_cell1_1, .threecol_cell2_1 {
	padding: 5px;
}
.threecol_cell1_1 label, .threecol_cell2_1 label {
	display: inline-block;
	padding: 10px 0 3px 0;
}
.threecol_cell1_1 input[type=radio], .threecol_cell1_1 input[type=checkbox], .threecol_cell2_1 input[type=checkbox] {
	margin: 11px 0 3px 0;
}
/* breakout / tooltip */

span.infobox {
	position: relative;
	color: #0821B7;
	top: 0;
	left: 0;
	text-decoration: none;
	border-bottom: 1px dashed #0821B7;
	text-align: center;
}
span.infobox span {
	display: none;
	transition: 0.2s 1s;
}
span.infobox:hover span, span.infobox:focus span { /*the span will display just on :hover state*/
	display: block;
	transition-delay: 0s;
	position: absolute;
	top: -80px;
	left: -100px;
	width: 300px;
	height: 75px;
	border: 2px solid #34495E;
	background-color: #f6f6f6;
	color: #000;
	text-align: center;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}
span.infobox:hover span:after, span.infobox:focus span:after { /*the span will display just on :hover state*/
	content: '';
	position: absolute;
	bottom: -7px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #34495E;
	border-right: 2px solid #34495E;
	background: #f6f6f6;
	left: 50%;
	margin-left: -5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* terms and conditions */
#tcDialogContent, #privacyDialogContent, #dialogContent {
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fff;
}
#tcDialogFooterDesktop, #privacyDialogFooterDesktop {
	margin: 0 auto;
	text-align: center;
}
#tcDialogFooterMobile, #privacyDialogFooterMobile, #dialogFooterMobile {
	border-top: 1px #666 solid;
	height: 50px;
	text-align: center;
	margin: auto;
}
a.termscons, a.priv {
	color: #0821B7;
	text-decoration: none;
	cursor: pointer;
}
div.breakout {
	margin: 20px auto;
	padding: 10px;
	width: 85%;
	text-align: left;
	border: 2px solid #34495E;
	background-color: #fff;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
ol.tc {
	margin: 0;
}
ol.tc p {
	padding: 0;
}
ol.tc li:before {
	content: "2.";
}
#accept-privacy, #accept-tcs, #accept-privacy-tcs {
	margin-top: 12px;
}
/* jQuery / UI overrides */
.ui-widget-content button.ui-state-default {
    border: 1px solid #fff;
    background: #34495E;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}
.ui-widget {
	font-family: 'Source Sans Pro', sans-serif;
}
.ui-widget-header {
	background-color: #34495E;
	background: #34495E;
	border: 1px solid #34495E;
}
.tabmenu ul.ui-widget-header {
	background-color: #f2f2f2;
}
.ui-dialog {
	padding: 0;
}
.ui-dialog .ui-dialog-content {
	padding: 8px;
}
.ui-dialog .ui-dialog-titlebar-close {
	background-color: #34495E;
	border-color: #34495E;
}
.ui-icon-closethick {
	background-color: #34495E;
	border-color: #34495E;
}
.ui-widget-content, .ui-dialog-content {
	background: #fff;
}
.ui-widget-overlay {
	background: #fff;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-content a:link {
	color: #0821B7;
}
.ui-widget-content a:visited {
	color: #4103D9;
	text-decoration: none;
}
.ui-widget button {
	font-family: 'Source Sans Pro', sans-serif;
}
.ui-state-default .ui-icon {
    background-image: url(/vtacdocs/scripts/jquery/jquery-ui-1.11.4.custom/images/ui-icons_fff_256x240.png);
}
/* other */
.floaticon {
	display: inline-block;
	width: 100%;
}
.floatedright {
	float: right;
}
.hidden.triggered {
	/*display: none;*/
	padding: 8px 15px;
}
.hide {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.error-msg, .error {
	color: #900;
}
.topgap {
	margin-top: 15px;
}
.mobileIndicator {
	float: left;
}

@media only screen and (min-width:1025px) {
#main {
	padding: 0 0 60px 0;
}
#branding {
	width: 1080px;
	height: 150px;
	margin: 35px auto 0 auto;
	padding: 0;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat 0px 0px;
	background-size: 140px 140px;
	background-color: transparent;
}
footer {
	height: 60px;
}
.appname {
	display: inline-block;
	width: 1080px;
	margin: 0;
	padding: 65px 0 0 0;
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 42px;
	color: #fff;
}
.appname strong {
	padding-left: 10px;
	color: #fff;
}
.contentbody, nav#top, footer nav#footernav {
	width: 1080px; /*comment out for full width*/
}
/* menus */
ul#menu, nav#top {
	margin: 0 auto;
	width: 800px;
}
nav#top {
	background-color: #214f80;
}
nav#top ul {
    width: 200px;
    float: right;
}
ul#menu {
	padding: 0;
}
ul#menu li, nav#top li {
	margin: 0;
	vertical-align: middle;
	line-height: 14px;
}
nav#top li {
	display: inline-block;
}
ul#menu li {
	padding: 2px 6px;
	display: table-cell;
	height: 45px;
}
ul#menu li.active {
	background-color: #2a5f91; /*#0178bd;*/
}
ul#menu li:hover {
	background-color: #330e46;
}
ul#menu li {
	width: 230px;
}
ul#menu li.shortword {
	width: 180px;
	background-color: #f8f3ef;	
}
ul#menu li.threewords {
	width: 220px;
}
ul#menu li.fourwords {
	width: 300px;
}
ul#menu li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
/* content areas */
#intro {
	width: 1080px;
	margin: 0 auto;
	padding: 3px 0;
}
.contentbody {
	margin: 0 auto;
	padding: 10px 0 30px 0;
}
ul, ol {
	padding: 6px 0 6px 35px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 25px;
}
.tabaccordion, .tabsallopen {
	display: none;
}
ul.checkboxes {
	padding: 6px 0;
}
ul.checkboxes li {
	text-indent: -28px;
}
/* progress bar */
nav.progress {
	margin: 40px auto 10px auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 30px 8px 0 2px;
	width: 120px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted, ul.circles-list > li.firstactive, ul.circles-list > li.lastactive, ul.circles-list > li.lastinactive {
	padding-top: 35px;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}
ul.circles-list > li:before {
	position: absolute;
	left: 35px;
	width: 32px;
	height: 32px;
	font: 25px Arial, Helvetica, sans-serif;
	padding: 8px;
	line-height: 1.2;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -27px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -22px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -22px;
}
ul.circles-list > li.active:before {
	top: -27px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -27px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before, ul.circles-list > li.lastactive:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
/* text */
h2 {
	font-size: 28px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
p, label, legend, ul li {
	font-size: 14px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 13px;
}
/* tab containers */
.tabsallopen {
	display: none;
}
/* forms */
.field-25 {
	width: 25%;
}
.field-33 {
	width: 33%;
}
.field-50 {
	width: 50%;
}
.field-100 {
	width: 50%;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	width: 800px;
}
}

@media only screen and (min-width: 961px) and (max-width: 1024px) {
#branding, #intro, .contentbody, footer nav#footernav {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0 20px 0;	
}
footer nav#footernav {
	padding: 0 0 20px 0;		
}
nav#top {
	padding-top: 0;	
}
nav#top ul {
    width: 200px;
}
nav#top ul#topmenu li.topbutn_account {
    padding: 3px 0;
}
#branding {
	clear: both;
	margin: 0 8px 0 45px;
	padding: 0;
	height: 120px;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat 0% 0%;
	background-size: 120px 120px;
	background-color: transparent;
}
.appname {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 55px 0 0 0;
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 30px;
	color: #fff;
}
.appname strong {
	padding-left: 5px;
	color: #fff;
}
ul, ol {
	padding: 6px 0 6px 35px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 25px;
}
/* progress bar  */	
nav.progress {
	margin: 35px auto 10px auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 	list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 30px 8px 0 2px;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted, ul.circles-list > li.firstactive, ul.circles-list > li.lastactive, ul.circles-list > li.lastinactive {
	padding-top: 35px;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}
ul.circles-list > li:before {
	position: absolute;
	left: 30px;
	width: 32px;
	height: 32px;
	font: 25px Arial, Helvetica, sans-serif;
	padding: 8px;
	line-height: 1.2;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	/*content: '';*/ 
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -27px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -22px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -22px;
}
ul.circles-list > li.active:before {
	top: -27px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -27px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
}

@media only screen and (min-width: 961px) {
section#accountsummary, aside {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	height: 100%;
}
section#accountsummary {
	width: 40%;
}
aside {
	width: 60%;
}
aside.noacctsummary {
	width: 100%;
}
section#accountsummary p, aside p {
	padding: 6px 12px;
	margin: 10px 20px;
}
section#accountsummary p {
	font-size: 16px;
}
aside.noacctsummary p {
	padding: 6px 10px;
	margin: 10px 0;
}
section#accountsummary p, section#accountsummary ul {
	margin: 0 0 15px 10px;
	padding: 8px 10px 16px 18px;
	color: #000;
	background-color: #fff;
}
section#accountsummary p:first-of-type {
	margin: 15px 10px 0 0;
	padding: 15px 10px 18px 15px;
	color: #fff;
	background: #036 url(/vtacdocs/images/bg_id.png) no-repeat bottom left;
	background-size: 30px 75px;
}
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;   /* Height of the footer */
	//background: #036 url(/vtacdocs/direct/380/images/footer-bg.png) repeat-x 0px 0px;
	background: #036 url(/vtacdocs/direct/380/images/powered-by-vtac-white.png) no-repeat top 10px right 20px;
	background-size: 87px 36px;*/
}


.catarea, .tabmenu {
	float: left;
	width: 30%;
}
.tabcontainer {
	float: left;
	margin: 6px 0 12px 0;
	padding: 10px 20px 30px 20px;
	width: 70%;
	background-color: #fff;/*border: 1px dotted #16a085;
	border-left: none;*/
}
.appcontainer {
	margin: 6px 0;
	padding: 10px 20px 30px 10px;
	width: 100%;
	background-color: #fff;
	overflow: auto;
}
.tabmenu {
	margin: 0;
	padding: 0;
}
.catarea {
	margin: 10px;
	text-align: left;
	height: 210px;
	
}
.catarea:nth-child(3n+5) {
	clear: both;
}
.catarea img.icon {
	margin: 0 0 5px 0;
	padding: 0;
	width: 70px;
	height: 70px;
}
.catarea h2 {
	font-size: 18px;
}
.catarea ul.centred {
	margin: 8px 16px 8px 16px;
	padding: 6px 0 0 0;
	height: 130px;
	border-top: 1px solid #000;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
.catarea ul.centred li {
	display: block;
	margin-top: 3px;
	padding-left: 0;
}
.catarea ul.centred li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
.tabmenu ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
.tabmenu ul li {
	margin: 0 0 10px 0;
	padding: 20px 0 20px 20px;
}
.tabmenu ul li.subactive {
	/*border: 1px dotted #16a085;
	border-right: 1px solid #fff;
	border-left: 10px solid #2c3e50;*/
	background-color: #fff;
}
.tabmenu ul li a {
	color: #333;
	text-decoration: none;
	font-size: 110%;
}
.tabmenu ul li a .break {
	display: block;
}
.tabmenu ul li.subactive {
	font-weight: bold;
}
.tabmenu ul li.subinactive a:hover {
	text-decoration: underline;
}
/*.tabcontainer, .appcontainer  {
 	height: 100%;
}*/
.tabcontainer h3, .tabcontainer h4, .tabcontainer p, .appcontainer h3, .appcontainer h4, .appcontainer p {
	padding-left: 0;
}
p.message {
	padding: 8px;
}
.tabsallopen {
	display: none;
}
ul.checkboxes li {
	text-indent: 0;
}
/* text */
h2 {
	font-size: 32px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 19px;
}
p, label, legend, ul li {
	font-size: 16px;
}
section#accountsummary p {
	font-size: 16px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 13px;
}
/* images */
i.icon {
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative;
}
i.icon.icon-panel {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
}
i.icon.icon-sml {
	margin-top: -2px;
	width: 30px;
	height: 30px;
}
i.icon-help {
	background: url(/vtacdocs/images/icon_help.png) no-repeat left top;
	background-size: 20px 20px;
	cursor: pointer;
}
i.icon-print {
	background: #2a5f91 url(/vtacdocs/images/icon_print.png) no-repeat center center;
	background-size: 17px 17px;
	padding: 5px;
	cursor: pointer;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.errormsg {
	background: #eb6b56 url(/vtacdocs/images/icon_error.png) no-repeat 5px center;
	background-size: 20px 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}
.errormsg p {
	background: #ffedee;
	margin: 0;
	padding: 8px;
}
.attention {
	background: #f7cb3d url(/vtacdocs/images/icon_attention.png) no-repeat 5px center;
	background-size: 20px 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}
.attention p {
	background: #f0edda;
	margin: 0;
	padding: 8px;
}
.docreq {
	background: #54acd2 url(/vtacdocs/images/icon_info.png) no-repeat 5px center;
	background-size: 20px 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}
.docreq p {
	background: #dae7f0;
	margin: 0;
	padding: 8px;
}
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 900px;
}
/* tables */
table.preflist thead tr th {
	font-size: 120%;
	padding: 6px 10px;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 110%;
	padding: 0 0 0 20px;
}
table.preflist tr td.prefcode {
	padding: 3px 5px 0 0;
}
table.preflist tr td.prefname {
	padding: 0 5px 3px 17px;
}
table.preflist tr td.prefnum {
	padding: 3px 0 0 5px;
}
.span1_4 {
	width: 25%;
}
.span1_3 {
	width: 33%;
}
.span1_2 {
	width: 50%;
}
/* course intentions table */
.intheader {
	color: #fff;
	background-color: #2a5f91;
	font-weight: bold;
	margin: 10px 0 3px 0;
	padding: 10px 6px;
}
.threecol_container {
	width: 1024px; /*comment out for full width*/
	margin: 0;
}
.onerow {
	height: 50px;
}
.tworow {
	height: 100px;
	border-bottom: 1px solid #333;
}
.threecol_cell1_1 {
	width: 50%;
	height: 50px;
}
.threecol_cell2_1 {
	width: 33%;
	height: 100px;
}
.threecol_cell2_2_container {
	width: 66%;
}
.onerow:last-of-type .threecol_cell1_1 {
	border-top: 1px solid #ccc;
}
.sNum {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
/* terms and conditions */
div.breakout p {
	font-size: 15px;
}
ol.tc {
	padding: 0 0 0 25px;
}
ol.tc p {
	margin: 6px 0 6px -15px;
}
ol.tc li {
	padding: 3px 0 3px 25px;
}
}

@media only screen and (max-width: 1024px) {
/*li#messages {
    background: transparent url(/vtacdocs/direct/210/images/bg_messages.png) no-repeat 50% 50%;
    width: 25px;
    height: 25px;
    background-size: 18px 18px;	
	
}
nav#top li.topbutn_account {
    background: transparent url(/vtacdocs/direct/210/images/bg_logout.png) no-repeat 50% 50%;
    width: 25px;
    height: 25px;
    background-size: 18px 18px;	
}*/
/* terms and conditions */
#tcDialogContent, #privacyDialogContent, #dialogContent {
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fff;
}
#tcDialogFooterMobile, #privacyDialogFooterMobile, #dialogFooterMobile {
	border-top: 1px #666 solid;
	height: 50px;
	text-align: center;
	margin: auto;
}
}

@media only screen and (max-width: 960px) {
#branding, #intro, .contentbody, footer nav#footernav {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 20px 0;		
}
nav#top {
	margin: 0 10px 0 0;
}
/*li#messages, li.topbutn_account {
}
li#messages {
	background: url(/vtacdocs/images/bg_messages.png) no-repeat 55% 75%;
	background-size: 31px 25px;
	margin: 0;
	padding: 0;
	width: 70px;
}
nav#top li.topbutn_account {
	background: transparent url(/vtacdocs/images/bg_logout.png) no-repeat 55% 75%;
	background-size: 31px 25px;
	margin: 0;
	padding: 0;
	width: 35px;
}
nav#top li.topbutn_account a {
	color: transparent;
}*/
#branding {
	clear: both;
}
#intro {
	padding: 3px 0;
}
section#accountsummary, aside {
	display: block;
	margin: 0 auto 15px auto;
	padding: 0;
	height: 100%;
	width: 100%;
}
section#accountsummary {
	padding: 0 10px;
}
section#accountsummary p, aside p {
	padding: 0 12px;
}
aside p {
	margin: 10px 0;
}
section#accountsummary p {
	margin: 10px 20px;
}
section#accountsummary p, section#accountsummary ul {
	margin: 0 0 15px 10px;
	padding: 5px 10px 7px 18px;
	color: #000;
	background-color: #fff;
}
section#accountsummary ul li {
	padding: 0 0 3px 0;
}
section#accountsummary p:first-of-type {
	margin: 15px 10px 0 0;
	padding: 5px 10px 7px 18px;
	color: #fff;
	background: #036 url(/vtacdocs/images/bg_id.png) no-repeat bottom left;
	background-size: 30px 75px;
}
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;   /* Height of the footer */
}
footer nav#footernav ul {
    margin: 0 0 0 10px; 
    padding: 0;
}
.tabmenu {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.tabcontainer, .appcontainer {
	display: block;
	margin: 0 auto 6px auto;
	padding: 10px 20px 30px 10px;
	width: 100%;
	background-color: #fff;/*border: 1px dotted #16a085;
	border-left: none;*/
}
.tabmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
.tabmenu ul li {
	display: inline;
	margin: 0;
	padding: 10px;
	font-size: 15px;
}
.tabmenu ul li.subactive {
	/*border: 1px dotted #16a085;
	border-right: 1px solid #fff;
	border-left: 10px solid #2c3e50;*/
	background-color: #fff;
}
.tabmenu ul li a {
	color: #333;
	text-decoration: none;
	font-size: 80%
}
.tabmenu ul li.subactive {
	font-weight: bold;
}
.tabmenu ul li.subinactive a:hover {
	text-decoration: underline;
}
.tabcontainer {
/*min-height: 400px;*/
}
.tabcontainer h3, .tabcontainer h4, .tabcontainer p, .appcontainer h3, .appcontainer h4, .appcontainer p {
	padding-left: 0;
}
p.message {
	padding: 8px;
}
.tabsallopen {
	display: none;
}
/* images */
i.icon {
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative;
}
i.icon.icon-sml {
	margin-top: -2px;
	width: 30px;
	height: 30px;
}
i.icon-help {
	background: url(/vtacdocs/images/icon_help.png) no-repeat left top;
	background-size: 20px 20px;
}
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 500px;
}
/* tables */
table.preflist thead tr th {
	font-size: 90%;
	padding: 6px 0;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 90%;
}
table.preflist tr td.prefcode, table.preflist tr td.prefname {
	padding: 3px 5px 0 5px;
}
table.preflist tr td.prefnum {
	padding: 3px 0 0 5px;
}
/* layout columns */
.span1_4 {
	width: 50%;
}
.span1_3 {
	width: 100%;
}
.span1_2 {
	width: 100%;
}
/* course intentions table */
#instIntentionTable {
	border-top: 1px solid #333;
}
.intheader {
	display: none;
}
.int_inst {
	background-color: #f2f2f2;
}
.int_inst label {
	padding-bottom: 10px;
}
.threecol_container {
	width: 320px;
	margin: 0 auto;
}
.onerow, .tworow {
	width: 100%;
}
.threecol_cell1_1 {
	width: 100%;
}
.threecol_cell2_1 {
	width: 100%;
}
.threecol_cell2_2_container {
	width: 100%;
}
.tworow {
	border-bottom: 1px solid #333;
}
.onerow:last-of-type {
	border-top: 1px solid #ddd;
}
.enrolled:before {
	content: 'I am  ';
}
.planned:before {
	content: 'I ';
}
.plan_uac:before {
	content: 'Through ';
}
.plan_direct:after {
	content: ' to institution';
}
.sNum {
	font-weight: normal;
}
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
#main {
	padding: 0 0 80px 0;
}
#branding {
	margin: 0 8px 0 35px;
	padding: 0;
	height: 100px;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat left top;
	background-size: 100px 100px;
	background-color: transparent;
}
.appname {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 44px 0 0 0;
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 26px;
	color: #fff;
}
.appname strong {
	padding-left: 5px;
	color: #fff;
}
ul, ol {
	padding: 6px 0 6px 45px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 35px;
}
/* panels */
.catarea {
	float: left;
	width: 46%;
	height: 210px;
	margin: 10px;
	text-align: center;
}
.catarea:nth-child(2n+2) {
	clear: both;
}
.catarea img.icon {
	margin: 0 0 5px 0;
	padding: 0;
	width: 70px;
	height: 70px;
}
i.icon.icon-panel {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
}
.catarea h2 {
	font-size: 18px;
}
.catarea ul.centred li {
	padding: 0;	
	display: block;
}
.catarea ul.centred li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #0b527a;
	text-decoration: none;
}
/* text */
h2 {
	font-size: 22px;
}
h3 {
	font-size: 17px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
p, label, legend, ul li {
	font-size: 14px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 12px;
}
/* images */
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 500px;
}
/* progress bar  */	
nav.progress {
	margin: 35px auto 10px auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 23px 4px 0 2px;
	width: 72px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted, ul.circles-list > li.firstactive, ul.circles-list > li.lastactive, ul.circles-list > li.lastinactive {
	padding-top: 28px;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}
ul.circles-list > li:before {
	position: absolute;
	left: 22px;
	width: 28px;
	height: 28px;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 1.6;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	/*content: '';*/ 
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.active:before {
	top: -22px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -22px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
/* tables */
table.preflist thead tr th {
	font-size: 90%;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 90%;
}
/* course intentions table */
#instIntentionTable, .threecol_container {
	width: 580px;
}
/* tabs: horizontal */
.tabmenu ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* terms and conditions */
div.breakout p {
	font-size: 13px;
}
ol.tc {
	padding: 0 0 0 25px;
}
ol.tc p {
	margin: 6px 0 6px -15px;
}
ol.tc li {
	padding: 3px 0 3px 25px;
}
/* forms */
.field-25 {
	width: 25%;
}
.field-33 {
	width: 33%;
}
.field-50 {
	width: 50%;
}
.field-100 {
	width: 50%;
}
input[type=submit], input[type=button], div.buttonsWrapper div button, button, input.butn {
	padding: 8px 16px;
	font: bold 13px 'Source Sans Pro', sans-serif;
}
input[type="text"].resizedTextbox {
	width: 100px;
	height: 30px;
	font: normal 12px 'Source Sans Pro', sans-serif;
}
input[type="button"].arrowup, input[type="button"].arrowdown {
	padding: 2px 5px 2px 5px;
	font: bold 14px 'Source Sans Pro', sans-serif;
}
input[type="button"].cross {
	padding: 0 6px 2px 6px;
	font: bold 14px 'Source Sans Pro', sans-serif;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	font-size: 13px;
}
input[type=checkbox].tc-butn-mobile + label {
	font-size: 15px;
}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
#main {
	padding: 0 0 80px 0;
}
header[role=banner] {
	background-image: linear-gradient(to top, transparent 155px, #214f80 0px), url('/vtacdocs/direct/380/images/section-bg-1-half280px.png');
	background-position: center top;
}
#branding {
	margin: 0 8px 0 25px;
	padding: 0;
	height: 90px;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat 0 0;
	background-size: 80px 80px;
	background-color: transparent;
}
.appname {
	display: inline-block;
	margin: 0;
	padding: 40px 0 0 0;
	width: 100%;
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 18px;
	color: #fff;
}
.appname strong {
	padding-left: 5px;
	color: #fff;
}
ul, ol {
	padding: 6px 0 6px 45px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 26px;
}
.tabsallopen {
	display: none;
}
/* panels */
.catarea {
	float: left;
	width: 45%;
	margin: 10px;
	height: 210px;	
	text-align: center;
}
.catarea:nth-child(2n+2) {
	clear: both;
}
.catarea img.icon {
	margin: 0 0 5px 0;
	padding: 0;
	width: 50px;
	height: 50px;
}
i.icon.icon-panel {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
}
.catarea h2 {
	font-size: 14px;
}
.catarea ul.centred li {
	display: block;
	padding: 0;
	font-size: 12px;
}
.catarea ul li::after {
	content: '\a';
	white-space: pre;
}
.catarea ul.centred li a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #0b527a;
	text-decoration: none;
}
/* text */
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
p, label, legend, ul li {
	font-size: 13px;
}
aside p {
	font-size: 12px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 12px;
}
/* images */
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 470px;
}
/* progress bar  */	
nav.progress {
	margin: 35px auto 10px auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 0;
	width: 72px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, ul.circles-list > li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	display: none;
}
ul.circles-list > li:before {
	position: absolute;
	left: 10px;
	width: 28px;
	height: 28px;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 1.6;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	/*content: '';*/ 
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.active:before {
	top: -22px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -22px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
/* tabs: horizontal */
.tabmenu ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* tables */
table.preflist thead tr th {
	font-size: 13px;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 12px;
}
.threecol_container {
	width: 480px;
}
/* terms and conditions */
div.breakout p {
	font-size: 11px;
}
ol.tc {
	padding: 0 0 0 25px;
}
ol.tc p {
	margin: 6px 0 6px -15px;
}
ol.tc li {
	padding: 3px 0 3px 25px;
}
/* forms */
.field-25 {
	width: 50%;
}
.field-33 {
	width: 50%;
}
.field-50 {
	width: 50%;
}
.field-100 {
	width: 50%;
}
input[type=submit], input[type=button], div.buttonsWrapper div button, button, input.butn {
	padding: 7px 15px;
	font: bold 12px 'Source Sans Pro', sans-serif;
}
input[type="text"].resizedTextbox {
	width: 80px;
	height: 30px;
	font: normal 12px 'Source Sans Pro', sans-serif;
}
input[type="button"].arrowup, input[type="button"].arrowdown {
	padding: 2px 4px 3px 4px;
	font: normal 12px 'Source Sans Pro', sans-serif;
}
input[type="button"].cross {
	padding: 1px 6px 2px 6px;
	font: bold 13px 'Source Sans Pro', sans-serif;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	font-size: 11px;
	white-space: normal;
}
input[type=checkbox].tc-butn-mobile + label {
	font-size: 13px;
}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
#branding {
	margin: 0 0 0 25px;
	padding: 0;
	height: 90px;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat 0 0;
	background-size: 80px 80px;
	background-color: transparent;
}
.appname {
	display: inline-block;
	margin: 0;
	padding: 45px 0 0 0;
	width: 100%;
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	color: #fff;
}
.appname strong {
	padding-left: 5px;
	color: #fff;
}
.contentbody {
	padding: 10px 0 80px 0;
}
ul, ol {
	padding: 6px 0 6px 45px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 35px;
}
.tabsallopen {
	display: none;
}
/* panels */
.catarea {
	width: 95%;
	height: 210px;
	margin: 10px;
	text-align: center;
	clear: both;
}
.catarea img.icon {
	margin: 0 0 5px 0;
	padding: 0;
	width: 50px;
	height: 50px;
}
i.icon.icon-panel {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
}
.catarea h2 {
	font-size: 14px;
}
.catarea ul.centred li {
	display: inline;
	padding: 0;
	font-size: 12px;
}
.catarea ul li::after {
	content: '\a';
	white-space: pre;
}
.catarea ul.centred li a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #0b527a;
	text-decoration: none;
}
footer nav#footernav ul li {
	display: block;
	border-right: none;
	padding: 0;
}
/* text */
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
p, label, legend, ul li {
	font-size: 13px;
}
aside p {
	font-size: 12px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 12px;
}
/* images */
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 310px;
}
/* progress bar */
nav.progress {
	margin: 35px auto 0 auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 0;
	width: 62px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, ul.circles-list > li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	display: none;
}
ul.circles-list > li:before {
	position: absolute;
	left: 5px;
	width: 23px;
	height: 23px;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 1.5;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	/*content: '';*/ 
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.active:before {
	top: -22px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -22px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
/* tabs: horizontal */
.tabmenu ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* tables */
table.preflist thead tr th {
	font-size: 13px;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 12px;
}
/* course intentions table */
#instIntentionTable, .threecol_container {
	width: 320px;
}
/* terms and conditions */
div.breakout p {
	font-size: 13px;
}
ol.tc {
	padding: 0 0 0 25px;
}
ol.tc p {
	margin: 6px 0 6px -15px;
}
ol.tc li {
	padding: 3px 0 3px 25px;
}
/* forms */
.field-25 {
	width: 50%;
}
.field-33 {
	width: 50%;
}
.field-50 {
	width: 100%;
}
.field-100 {
	width: 100%;
}
input[type=submit], input[type=button], div.buttonsWrapper div button, button, input.butn {
	margin: 6px 2px;
	padding: 6px 12px;
	font: bold 12px 'Source Sans Pro', sans-serif;
}
input[type="text"].resizedTextbox {
	width: 80px;
	height: 30px;
	font: normal 12px 'Source Sans Pro', sans-serif;
}
input[type="button"].arrowup, input[type="button"].arrowdown {
	padding: 1px 4px 3px 4px;
	font: normal 13px 'Source Sans Pro', sans-serif;
}
input[type="button"].cross {
	padding: 0 6px 2px 6px;
	font: bold 14px 'Source Sans Pro', sans-serif;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	font-size: 12px;
	white-space: normal;
}
input[type=checkbox].tc-butn-mobile + label {
	font-size: 14px;
}
}

@media only screen and (max-width: 320px) {
#branding {
	margin: 0 0 0 20px;
	padding: 0;
	height: 90px;
	background: url(/vtacdocs/direct/380/images/logo.png) no-repeat 0 0;
	background-size: 80px 80px;
	background-color: transparent;
}
.appname {
	display: inline-block;
	margin: 0;
	padding: 45px 0 0 0;
	text-align: right;
	width: 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 17px;
	color: #fff;
}
.appname strong {
	padding-left: 5px;
	color: #fff;
}
ul, ol {
	padding: 6px 0 6px 45px;
}
.subquestions ul, ol {
	padding: 6px 0 6px 35px;
}
.tabsallopen {
	display: none;
}
/* panels */
.catarea {
	width: 95%;
	height: 210px;
	margin: 10px;
	text-align: center;
	clear: both;
}
.catarea img.icon {
	margin: 0 0 5px 0;
	padding: 0;
	width: 50px;
	height: 50px;
}
i.icon.icon-panel {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
}
.catarea h2 {
	font-size: 14px;
}
.catarea ul.centred li {
	display: inline;
	padding: 0;
	font-size: 12px;
}
.catarea ul li::after {
	content: '\a';
	white-space: pre;
}
.catarea ul.centred li a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #0b527a;
	text-decoration: none;
}
footer nav#footernav ul li {
	display: block;
	border-right: none;
	padding: 0;
}
/* text */
h2 {
	font-size: 17px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
p, label, legend, ul li {
	font-size: 13px;
}
aside p {
	font-size: 12px;
}
.ui-dialog-content p, .ui-dialog-content ul li, .ui-dialog-content label, .ui-dialog-content legend {
	font-size: 12px;
}
/* images */
.dialogimg {
	display: block;
	margin: 0 auto;
	width: 300px;
}
/* progress bar */
nav.progress {
	margin: 35px auto 0 auto;
	padding: 0;
	text-align: center;
	height: 35px;
	box-sizing: content-box;
	float: none;
	display: table;
}
ul.circles-list {
	list-style-type: none;
	list-style-image: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	padding: 0;
	counter-reset: li-counter;
	display: table;
}
ul.circles-list > li {
	position: relative;
	padding: 0;
	width: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0.8em;
}
ul.circles-list > li.inactive, ul.circles-list > li.active, ul.circles-list > li.completed, ul.circles-list > li.previous {
	border-top: 5px solid #ccc;
}
ul.circles-list > li.lastinactive:after, ul.circles-list > li.lastactive:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li.firstcompleted:after, ul.circles-list > li.firstactive:after {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0px;
	z-index: 1;
	border-top: 5px solid #ccc;
}
ul.circles-list > li a {
	display: none;
}
ul.circles-list > li:before {
	position: absolute;
	left: 4px;
	width: 20px;
	height: 20px;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 1.5;
	text-align: center;
	border-radius: 50%;
	border: 2px #fff solid;
	color: #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
	/*content: '';*/ 
	z-index: 2;
}
ul.circles-list > li.inactive:before {
	background-color: #c9cacc;
	top: -22px;
}
ul.circles-list > li.lastinactive:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.lastactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.firstcompleted:before {
	background-color: #c9cacc;
	top: -17px;
}
ul.circles-list > li.firstactive:before {
	background-color: #036;
	top: -17px;
}
ul.circles-list > li.active:before {
	top: -22px;
	background-color: #036;
}
ul.circles-list > li.completed:before, ul.circles-list > li.previous:before {
	top: -22px;
}
ul.circles-list > li.completed:before, ul.circles-list > li.firstcompleted:before, ul.circles-list > li.previous:before {
	background-color: #c3cc33;
	cursor: pointer;
	content: '\2713';
}
/* tabs: horizontal */
.tabmenu ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* tables */
table.preflist thead tr th {
	font-size: 13px;
}
table.preflist tr td.prefnum, table.preflist tr td.prefcode, table.preflist tr td.prefname {
	font-size: 12px;
}
/* course intentions table */
#instIntentionTable, .threecol_container {
	width: 300px;
}
/* terms and conditions */
div.breakout p {
	font-size: 13px;
}
ol.tc {
	padding: 0 0 0 25px;
}
ol.tc p {
	margin: 6px 0 6px -15px;
}
ol.tc li {
	padding: 3px 0 3px 25px;
}
/* forms */
.field-25 {
	width: 50%;
}
.field-33 {
	width: 50%;
}
.field-50 {
	width: 100%;
}
.field-100 {
	width: 100%;
}
input[type=submit], input[type=button], div.buttonsWrapper div button, button, input.butn {
	margin: 6px 2px;
	padding: 6px 12px;
	font: bold 12px 'Source Sans Pro', sans-serif;
}
input[type="text"].resizedTextbox {
	margin: 0;
	padding: 0 1px 0 2px;
	width: 70px;
	height: 30px;
	font: normal 11px 'Source Sans Pro', sans-serif;
}
input[type="button"].arrowup, input[type="button"].arrowdown {
	padding: 1px 4px 3px 4px;
	font: normal 13px 'Source Sans Pro', sans-serif;
}
input[type="button"].cross {
	padding: 0 6px 2px 6px;
	font: bold 14px 'Source Sans Pro', sans-serif;
}
input[type=checkbox].fakebutn + label, input[type=button].tc-butn {
	font-size: 12px;
	white-space: normal;
}
input[type=checkbox].tc-butn-mobile + label {
	font-size: 14px;
}
}

/* VTAC mobile menu styles */
@media only screen and (min-width:1025px) {
i.icon-menu {
	display: none;
}
#mainnav.slicknav_nav {
	background-color: #353736;
}
.slicknav_menu, ul#menu {
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border: 0px solid #ad2116;	
	background: rgba(173,33,22,1);
}
.slicknav_nav ul#menu.slicknav_menu li {
	color: #fff;
	background-color: #353736;
	border-right: #353736 1px solid;
	text-transform: uppercase;
	font-weight: normal;
}
.slicknav_nav ul#menu.slicknav_menu li:hover {
	color: #fff;
	background-color: #4597ad;
}
.slicknav_nav ul#menu.slicknav_menu li.active {
	color: #fff;
	background-color: #384E7A;
	border: 1px solid #384E7A;	
	
}
.slicknav_nav ul#menu.slicknav_menu li.active a {
	color: #fff;
}
.slicknav_nav ul#menu.slicknav_menu li.active:hover {
	background-color: #384E7A;
	border: 1px solid #384E7A;		
}	
.slicknav_nav ul#menu.slicknav_menu li:first-of-type {
	border-radius: 2px 0px 0px 0px;
	-moz-border-radius: 2px 0px 0px 0px;
	-webkit-border-radius: 2px 0px 0px 0px;
}	
.slicknav_nav ul#menu.slicknav_menu li:last-of-type {
	border-radius: 0px 2px 0px 0px;
	-moz-border-radius: 0px 2px 0px 0px;
	-webkit-border-radius: 0px 2px 0px 0px;
	border: none;
}	
.slicknav_nav ul#menu.slicknav_menu a {
	color: #fff;
}
.slicknav_nav ul#menu.slicknav_menu li a:hover {
	color: #fff;
}
.slicknav_nav ul#menu.slicknav_menu li.active a:hover {
	color: #fff;
}
}

@media screen and (max-width: 1024px) {
i.icon-menu {
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative;
	margin: 5px 0 0 5px;
	padding: 5px;
	width: 30px;
	height: 30px;
	background: url(/vtacdocs/direct/380/images/icon_menu.png) no-repeat left top;
	background-size: 25px 25px;
	cursor: pointer;
	float: left;
}
#mainnav.slicknav_nav {
	text-align: left;
	display: none;
	background-color: #fff;
}
.slicknav_nav {
	position: absolute;
	top: 45px;
}
.slicknav_menu {
	display: block;
	background-color: #fff;
}
ul#menu {
	display: block;
	padding-left: 0;
}
nav#top {
	float: right;
}
nav#top ul {
	padding: 0;
}
.slicknav_menu {
	display: inline;
}
.slicknav_nav ul#menu.slicknav_menu li {
	display: block;
	height: 35px;
	margin: 0;
	padding: 8px 0 0 13px;
	border-bottom: solid 1px #d2d2d2;
	text-transform: none;
	text-align: left;
}
.slicknav_nav ul#menu.slicknav_menu li:last-of-type {
	border-bottom: none;
	margin-bottom: 8px;
}
.slicknav_nav ul#menu.slicknav_menu li:hover {
	color: #2a5f91;
}
.slicknav_nav ul#menu.slicknav_menu li.active {
	border-left: 5px solid #ad2116;
	padding-left: 8px;
}
.slicknav_nav ul#menu.slicknav_menu li.active a {
	color: #000;
	text-transform: none;
}
.slicknav_nav ul#menu.slicknav_menu a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-transform: none;
	color: #355262;
}
.slicknav_nav ul#menu.slicknav_menu li a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	color: #0821B7;
}
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
#mainnav.slicknav_nav {
	width: 70%;
	font-size: 13px;
	background-color: #fff;
}
.slicknav_nav {
	top: 34px;
}
i.icon-menu {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}	
}

@media screen and (max-width: 640px) {
#mainnav.slicknav_nav {
	width: 90%;
	font-size: 12px;
	background-color: #fff;
}
.slicknav_nav {
	top: 25px;
}	
i.icon-menu {
    width: 20px;
    height: 20px;
    background-size: 15px 15px;
}
nav#top ul#topmenu li {
    height: 20px; 
}
}

/* Detect when mobile device*/

@media only screen and (max-width: 1024px) {
.mobileIndicator {
	float: none;
}
}

/* Print styles */

@media print {
body {
	color: #111;
	background: #fff;
	background-color: #fff !important;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow: hidden;
}
body:before {
	content: url(/vtacdocs/direct/380/images/logo.png);
}
h1 {
	color: #111;
	background: none;
}
#summary, footer, #mainmenu, #topmenu, .appname, .buttonsWrapper {
	display: none;
}
body, article {
	width: 100%;
	background: #fff;
	background-color: #fff !important;
	margin: 0;
	padding: 0;
}
section {
	width: 90%;
	background: #fff;
	background-color: #fff !important;
	margin: 0;
	padding: 10px;
}
@page {
	margin: 2cm;
}
h1, h2, h3, h4 {
	padding: 0;
	page-break-after: avoid;
}
h1 {
	margin-bottom: 12px 0 -8px 0;
}
h2, h3 {
	margin: 8px 0;
}
p, th, td, ul li {
	font-size: 12px;
}
p {
	padding-left: 0;
}
h1 {
	font-size: 20px;
}
#pageheading h1 {
	visibility: hidden;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
img {
	max-width: 100% !important;
}
article {
	float: none;
}
ul, img {
	page-break-inside: avoid;
}
article a {
	font-weight: bolder;
	text-decoration: none;
}
table {
	margin: 0;
	padding: 0;
	max-width: 550px;
}
thead {
	display: table-header-group;
	font-size: 14px;
	background: #efefef;
}
tr {
	margin: 0;
	padding: 0;
	border-top: thin solid #ccc;
	page-break-inside: avoid;
}
th, td {
	border: thin solid #ccc;
	padding: 5px;
}
}