@charset "utf-8";

html {
	font-family: tahoma, geneva, sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */ }

body {
	margin: 0;
	font-family: tahoma, geneva, sans-serif;
	font-size:15px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	background-image: url('https://www.smc.edu/admission-aid/images/form-bg-gradient.png');
	background-repeat: repeat-x;
	background-attachment: fixed;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */ }

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
	overflow: visible; }

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
	text-transform: none; }

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */ }

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
	cursor: default; }

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
	line-height: normal; }

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto; }

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	box-sizing: content-box;
	/* 2 */ }

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

/**
* Define consistent border, margin, and padding.
*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em; }

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
	overflow: auto; }

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
	font-weight: bold; }








/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
	border-collapse: collapse;
	border-spacing: 0; }

td,
th {
	padding: 3; }

meta.foundation-version {
	font-family: "1.2.0"; }

meta.foundation-mq {
	font-family: "small=0&medium=46.0625rem&large=65rem&xlarge=90rem&xxlarge=120rem"; }







/*===========End of TargetX Code ========================================================= */




#Form1 {
	width: 65%;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url('https://www.smc.edu/_resources/assets/img/ou/logo-dark.svg');
	background-repeat: no-repeat;
	background-position: 25px 25px;
}

@media (max-width: 926px)	{
	form#Form1	{
		width: 100%;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

/*Form button: submit button with SMC colors; with hovering ===============*/
input[type=submit], input[type=button], input[type=reset], input[type=NextButton], input[type=SaveAsDraftButton], input[type=save], input[type=PrevButton] {
	width: auto !important;
	background-color: #004C98;
	border: none;	
	border-radius: 4px;
	color: white;
	padding: 12px 10px;
	text-decoration: none;
	margin: 4px 2px;
	box-sizing: border-box;
	cursor: pointer;
}



textarea {
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: #555;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	-webkit-appearance: textarea;
	-webkit-rtl-ordering: logical;
	flex-direction: column;
	resize: auto;
	cursor: text;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	margin: 0em;
	font: 400 13px Tahoma;
	border: 1px solid #004c98;
	border-radius: 6px;
	border-image: initial;
	padding: 12px 10px;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin: 0;
}




select,
span {
	font-family: tahoma, geneva, sans-serif;
	font-size: 13px;
}


input[type=submit]:hover {
	background-color: #0072e5;
}

input[type=button]:hover {
	background-color: #0072e5;
}

input[type=reset]:hover {
	background-color: #0072e5;
}

input[type=NextButton]:hover {
	background-color: #0072e5;
}
input[type=SaveAsDraftButton]:hover {
	background-color: #0072e5;
}
input[type=PrevButton]:hover {
	background-color: #0072e5;
}


input[type=text]:focus {
	background-color: #f4f4f4;
	border: 2px;
	border-radius: 4px;
}


select,
span {
	font-family: "tahoma", "geneva", sans-serif;
	font-size: 13px;
}


input[type="number"],
input[type="time"],
input[type="tel"],
input[type="date"],
input[type="text"],
input[type="password"],
input[type="email"],
select,
span.select2	{
	display: block;
	width: 100%;
	/*height: 34px;*/
	padding: 12px 10px;
	font-size: 13px;
	/*line-height: 1.42857143;*/
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #004C98;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin: 0;
	box-sizing: border-box;
}

input.radio-space	{
	margin-bottom: 15px;
}

.select2-container--default .select2-selection--single	{
	border: 0 !important;
}
/*==NEW CODE STARTS BELOW*/   





/*
BLOCK LIST
----------

A generic list component that can accomodate a variety of styles and controls.

Features:
- Icons
- Labels
- Chevrons
- Text fields
- Dropdown menus
- Checkbox/radio inputs
*/
/*
Adds styles for a block list container.

$font-size: global font size for the list.
$full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
*/
.block-list {
	margin-bottom: 1rem;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.block-list, .block-list ul {
	list-style-type: none; }
.block-list ul {
	margin-left: 0; }

/*
Styles block list headers on the selector you include this mixin in (normally a <header>).

$color - color of the header.
$font-size - font size of the header.
$offset - left margin to add to the header, to line it up with the list items.
*/
/*
Styles block list items on the selector you include this mixin in (normally an <li>).

$color - color of items.
$color-hover - color of items on hover.
$background - background of items.
$background-hover - background of items on hover.
$border - border between items.
$padding - padding on items.
*/
/*
Adds label styles to the class you include this mixin in.

$color - color of the label.
$left-class - extra class to flip the orientation of the label.
$left-padding - left padding to use for left-hand labels.
*/
/*
Adds support for chevrons, which appear on the right-hand side of the item.

$color - color of the chevron.
$padding - include the global padding of block list items here.
*/
/*
Adds icon styles. Call this mixin on a block list container.

$size - size of the icon as a percentage (decimal) of the list item's height.
$item-selector - overrides the 'li' selector used for list items.
*/
/*
Adds support for text fields, select menus, and checkbox/radio groups in block lists.

$color - color of select menu arrow.
$background-hover - color of select menu when hovered over.
$padding - include the global padding of block list items here.
$dropdown-class - class to use for list items that contain a dropdown.
$switch-class - class to use for switches inside list items.
*/
.block-list {
	font-size: 1rem;
	margin-left: -1rem;
	margin-right: -1rem; }
.block-list input[type="text"], .block-list input[type="password"], .block-list input[type="date"], .block-list input[type="datetime"], .block-list input[type="datetime-local"], .block-list input[type="month"], .block-list input[type="week"], .block-list input[type="email"], .block-list input[type="number"], .block-list input[type="search"], .block-list input[type="tel"], .block-list input[type="time"], .block-list input[type="url"], .block-list input[type="color"], .block-list textarea {
	overflow: visible;
	box-sizing: border-box;
	margin: 0;
	border: 0;
	height: 2.6rem;
	padding: 0.6rem 1rem 0.6rem 1rem;
	color: inherit;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle; }
.block-list input[type="text"]:hover, .block-list input[type="text"]:focus, .block-list input[type="password"]:hover, .block-list input[type="password"]:focus, .block-list input[type="date"]:hover, .block-list input[type="date"]:focus, .block-list input[type="datetime"]:hover, .block-list input[type="datetime"]:focus, .block-list input[type="datetime-local"]:hover, .block-list input[type="datetime-local"]:focus, .block-list input[type="month"]:hover, .block-list input[type="month"]:focus, .block-list input[type="week"]:hover, .block-list input[type="week"]:focus, .block-list input[type="email"]:hover, .block-list input[type="email"]:focus, .block-list input[type="number"]:hover, .block-list input[type="number"]:focus, .block-list input[type="search"]:hover, .block-list input[type="search"]:focus, .block-list input[type="tel"]:hover, .block-list input[type="tel"]:focus, .block-list input[type="time"]:hover, .block-list input[type="time"]:focus, .block-list input[type="url"]:hover, .block-list input[type="url"]:focus, .block-list input[type="color"]:hover, .block-list input[type="color"]:focus, .block-list textarea:hover, .block-list textarea:focus {
	border: 0; }
.block-list li > input[type="checkbox"], .block-list li > input[type="radio"] {
	position: absolute;
	left: -9999px; }
.block-list li > input[type="checkbox"] + label, .block-list li > input[type="radio"] + label {
	display: block;
	font-size: 1rem;
	margin: 0; }
.block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="black" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm6.906 8.875l2.219 2.031-12.063 13.281-6.188-6.188 2.125-2.125 3.938 3.938 9.969-10.938z"/></svg>');
	content: '';
	background-size: 100% 100%;
	width: 1.5em;
	height: 1.5em;
	color: #00558b;
	float: right;
	pointer-events: none;
	margin-top: -0.25em; }
@media screen and (min-width: 0\0) {
	.block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNrMl0FugzAQRY3TRZeoFyhVL0BOkGTXJezaHZwguUnECaCrdFd6gqQnCN11Uyk5QekNOlONJWMVGMCgfGlkEIY3HnsG2xFM3d96PjQB2AJsWdPtAPYOln+dTwXnuw4DHEGzBvNFN6EDCTiS9XIAwB40acNoucKoxODIie0AwAOCu8KOSnIiNx/MakK+A7sW9oTferxx3fP3T1nURoBG/irGVahHwjHm/Ggx7E3TMVdrQmoP0gngghhpZQ3QvG/EdPLUelARWI8Aycjq9Md0qMIdbcNhjmOKLoY7quk3l1Rebeqg4AwFkmq7LWGOh1pmNY0etZAWSq0OX8HoS4JvWuCopbSY26EGR/CW86K0BF+pwkLwlPuyHJhOCl5oe4ZtF++vOqST+GdOYwO+71pN2VNAjmQGPCe42weuHDg0PI8olUwnYrXTGQJH9gxq8l1LKvrQx4O6/YY32Kp/ugb3ey7gZ4xAzuhYiYTxB/UHZFAuaREVXZ2g6yFlvEC2yoKEmbsRZYNgVLk2JeaOaG+xLHN+WCszDWMqLGOrJFa1DlApjSdwoHJGqGzLIb0+cas0wh5Bh780ngswx8GJD7h8sHg2wLA/mfDLPZpdxOF0quP5rwADAAFIzSRvu1m5AAAAAElFTkSuQmCC"); } }
.block-list .with-dropdown {
	color: inherit; }
.block-list .with-dropdown select {
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	background: 0;
	border: 0;
	height: auto;
	padding: 0.8rem 1rem;
	margin: 0;
	font-size: 1em;
	line-height: 1;
	color: inherit;
	background-color: transparent; }
.block-list .switch {
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%); }
.block-list.with-icons li > a, .block-list.with-icons li > span, .block-list.with-icons li > label {
	padding-left: 2.8rem; }
.block-list.with-icons li img, .block-list.with-icons li .iconic {
	position: absolute;
	top: 0.26rem;
	left: 0.26rem;
	width: 2.08rem;
	height: 2.08rem;
	border-radius: 8px;
	pointer-events: none; }
.block-list header {
	margin-top: 1em;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 1rem;
	font-size: 0.8em;
	cursor: default;
	text-transform: uppercase; }
.block-list li {
	position: relative;
	border-bottom: 1px solid #d0d0d0; }
.block-list li:first-child {
	border-top: 1px solid #d0d0d0; }
.block-list li > a, .block-list li > span, .block-list li > label {
	display: block;
	padding: 0.8rem 1rem;
	padding-left: 1rem;
	color: #000;
	line-height: 1; }
.block-list li > span {
	cursor: default; }
.block-list li > a, .block-list li > label {
	cursor: pointer; }
.block-list li > a:hover, .block-list li > label:hover {
	color: #000; }
.block-list li > a:hover, .block-list li > label:hover, .block-list li select:hover {
	background: #f4f4f4; }
.block-list li.caution > a, .block-list li.caution > a:hover {
	color: #F04124; }
.block-list li.disabled > a {
	cursor: default; }
.block-list li.disabled > a, .block-list li.disabled > a:hover {
	color: #999; }
.block-list li.disabled > a:hover {
	background: transparent; }
.block-list li.with-chevron::after {
	content: '\203A';
	display: block;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
	color: #666666;
	font-size: 2em; }
.block-list li.with-chevron .block-list-label {
	padding-right: 1.5rem; }
.block-list li .block-list-label {
	display: inline-block;
	float: right;
	padding: 0;
	color: #444444;
	pointer-events: none; }
.block-list li .block-list-label.left {
	margin-left: 0.8rem;
	float: none; }








#DynamicFormPanel table td {
	padding-bottom:10px;
	vertical-align:top;
}





/* Default Link Styles 
a {
color: #00558b;
text-decoration: none;
line-height: inherit; }
a[ui-sref] {
cursor: pointer; }
a:hover, a:focus {
color: #004978; }
a img {
border: none; }

/* Default paragraph styles */
p {
	margin: 0 0 1.5em 0;
	color: #262628;
	font-size: 15px !important;
	line-height: 25px;
}

p.lead {
	font-size: 1.21875rem;
	line-height: 1.6; 
}

p aside {
	font-size: 0.875rem;
	line-height: 1.35;
	font-style: italic; 
}

h1 {
	color: #004C98;
	font-family: "poppins", sans-serif;
	font-size: 30px !important;
	font-weight: 500;
}
h2 {
	color: #004C98;
	font-family: "poppins", sans-serif;
	font-size: 20px !important;
	font-weight: 500;
}
h3 {
	color: #004C98;
	font-family: "poppins", sans-serif;
	font-size: 18px !important;
	font-weight: 500;
}

h4 {
	color: #004C98;
	font-family: "poppins", sans-serif;
	font-size: 16px !important;
	font-weight: 500;
}

a	{
	color: #004C98;
	border-bottom: 1px dashed #004C98;
}

a:hover, a:focus	{
	color: #262628;
	border-bottom: 1px solid #262628;
	text-decoration: none;
}

.small {
	font-size: 12px !important;
}

.example {
	background-color:#eee;
	font-size:12px;
	border: 1px solid #ddd;
	margin:10px 0px;
}

.example p {
	margin:0px 4px 0px 0px;
}

.labelRight {
	text-align:right;
	padding-right:15px;
}

#UpdateInfoPanel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

/* STYLES ADDED BY PT */

table.int-table	{
	background-color: #eee;
}

table.t3 td	{
	width: 33.3%;
}

table.t4 td	{
	width: 25%;
}

table.t5 td	{
	width: 20%;
}

table.int-table td	{
	padding: 10px 10px 20px 10px !important;
}

table.int-table td:first-of-type	{
	padding: 10px 10px 20px 20px !important;
}

table.int-table td:last-of-type	{
	padding: 10px 20px 20px 10px !important;
}

table.int-table td div.inputcontainer	{
	width: 100%;
	margin-left: 0;
}

td.widthPercent60	{
	width: 3%;
	padding-top: 5px;
}

td.widthPercent40	{
	width: auto;
}

.inlinelabel	{
	margin: 4px 0 6px 4px;
}

input.radio-buttons	{
	margin-bottom: .5em;
}

hr {
	border: none;
	height: 1px;
	background-color: #ccc;
	margin-bottom: 1.5em;
}