
h1, h2, h3, h4, h5, h6, p, li, form, table { font-family: Arial, sans-serif }

div.panel-group h2 { font-size: 1.6em }

div.switcher {
	background-color: #333;
	border-bottom-left-radius: .5em;
	color: #eee;
	padding: 0;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 200px
}

div.switcher p {
	margin: 0;
	padding: .5em
}

div.switcher a { color: #eee }

div.switcher a:hover { color: red }

div.switcher ul {
	display: none;
	margin: 0;
	padding: 0
}

div.switcher ul li {
	border-bottom: 1px solid #555;
	list-style-type: none;
	padding: .5em
}

.r1, .r2, .r3 { overflow: hidden }

html {
	margin: 0;
	padding: 0
}

body { margin: 0 1em }

body.sh-home div.inview {
	background-color: transparent;
	padding: 0
}

#ou-org-footer li.ou-title { margin-top: .2em }

h1, h2, h3, h4, h5, h6 { font-weight: 400 }

h1, h1 a {
	color: #fff;
	margin: 0
}

.panel-group h1 a { color: #fff }

a, h2 a, h3 a, a h2, h2 a:visited { color: #1f536b }

h2 {
	margin-top: .5em;
	font-size: 1.4em;
	color: #000
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none }

ol.ou-ancestors {
	background-image: none;
	border-radius: 0;
	margin: 0;
	padding: 1em 0
}

ol.ou-ancestors li {
	padding-bottom: .2em;
	padding-top: .2em
}

ol.ou-ancestors li:first-child { padding-left: 1em }

ol.ou-ancestors, ol.ou-ancestors { color: #333 }

th {
	color: #000;
	font-weight: 400;
	background-color: transparent
}

tr.titles th {
	background-color: #fff;
	border-bottom: 4px solid #eee;
	text-transform: uppercase;
	font-size: .9em;
	color: #555
}

table, tr, th, td {
	border: none;
	text-align: left
}

table.data tbody tr:nth-child(odd) { background-color: #ebf4fb }

th a, td a { text-decoration: none }

td ul { margin: 0 }

tr.last td, tr.last th, tr.last { border-bottom: none }

tr { border-bottom: 1px solid #eee }

table.settings th {
	text-align: right;
	width: 33%;
	color: #000
}

th, td, caption { padding: .5em 1em .5em 0 }

.w25 { width: 25% }

.w50 { width: 50% }

.wbtn { width: 3em }

.home .ou-content>h1 { display: none }

.home .panel-group h1 { display: block }

h1 {
	background-image: none;
	border-bottom: none;
	font-size: 2em;
	margin: 0;
	padding: .5em .5em 1em
}

.header, .grid, .footer {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%
}

.r1, .r2, .r3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%
}

.r2r3 .r2 .ou-content {
	background-color: #296e8f;
	border: none;
	border-top-right-radius: 0;
	margin-left: 0;
	margin-right: 0
}

.ou-content {
	background-image: url(../img/h1-bg.png);
	background-position: top left;
	background-repeat: no-repeat
}

.r3 .panel {
	float: left;
	margin: .5em 1.5em
}

body.sh-home div.ou-content {
	background-color: #296e8f;
	position: relative
}

div.ou-content {
	background-color: #296e8f;
	border-radius: .5em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin: 1em 0 1em 1em;
	padding: 1em
}

.r1 { width: 40% }

.r2 { width: 50% }

.r3 {
	float: left;
	width: 60%
}

.r1r2 .r2 { width: 75% }

.r1r2 .r3 { display: none }

.r2r3 .r1 { display: none }

.r2r3 .r2 { width: 75% }

.r2r3 .r3 { width: 25% }

.r2only .r1 { display: none }

.r2only .r2, body.applicanttest .r2, body.applicantchoice .r2 { width: 100% }

.r2only .r2 .ou-content { margin: 1em 0 }

.r2only .r3 { display: none }

.r1, .r3 { width: 25% }

.r1r2 div.ou-content { margin-right: 0 }

.r1 .panel, .r3 .panel {
	float: none;
	margin: 1em 0
}

.welcome {
	background-color: #f3f3f3;
	clear: both;
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%
}

.welcome p {
	margin: 0;
	padding: .8em 1em
}

.panel-group { margin-bottom: 1em }

.panel-group.no-title .panel { margin-top: 0 }

.panel-group:last-child, .panel.last { margin-bottom: 0 }

.panel-group h1 {
	border: none;
	color: #fff;
	font-size: 2em;
	margin: 0 0 .5em;
	padding: .5em
}

.panel h2 { position: relative }

.r2 .panel, .r2 .article {
	background-color: #fff;
	background-image: url(/includes/ouice/3/box-shade-2.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-color: #e5e5e5 #d1d1d1 #ccc #e5e5e5;
	border-radius: .5em;
	margin: 0 0 1em;
	padding: .5em 1em
}

.panel { margin: 0 0 1em }

.panel.featured {
	border: 1px solid #eee;
	border-radius: .25em
}

.panel ul {
	margin: .5em 0;
	padding: 0 .5em
}

.panel li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.panel li a {
	background-image: url(../img/menu-arrow-right.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	display: block;
	padding: .5em 1.5em;
	text-decoration: none
}

.aside .panel { padding: 0 }

.aside .panel:first-child {
	border-top-left-radius: .5em;
	border-top-right-radius: .5em
}

.aside div.panel.cpanel { margin-left: 1em }

.aside .panel h2 {
	border-radius: .5em;
	color: #296e8f;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	margin: 0;
	padding: 1em
}

.aside .psp .panel h2 {
	background-color: transparent;
	border-radius: 0
}

.aside .panel h2 span {
	color: #555;
	font-family: Arial, sans-serif;
	font-size: .7em;
	padding-left: .5em
}

.aside .panel h3 {
	font-size: 1.2em;
	margin: 0 1rem
}

.aside .panel li a {
	color: #444;
	padding: .2em 1em
}

.aside .panel li a:hover { color: red }

.panel li.alert {
	background-color: #ffcece;
	border-radius: .5em;
	margin: 0;
	padding: 4px;
	margin-left: -4px
}

.panel li.alert a { color: #000 }

.panel li.alert a:hover { color: #00c }

.r2 .panel:last-child, .r2 .article:last-child { margin-bottom: 0 }

.r2 .panel ul li a { border-bottom: 1px solid #f3f3f3 }

.r2 .panel ul li:last-child a, .r2 .panel li.last a { border-bottom: none }

.r2 .gallery .panel { min-height: 90px }

.r2 .gallery .panel img {
	float: left;
	margin: 1.5em 1.5em 1.5em 1em
}

.r2 .gallery .panel p, .r2 .gallery .panel h2 { margin-left: 80px }

.panel.focal h2 { color: #000 }

.toggle-link {
	background-image: url(../img/switch-minus.png);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px
}

.toggle-link:hover { background-color: #ccc }

.psp {
	background-color: #f8f8f8;
	border-radius: .5em;
	margin-bottom: 0;
	margin-top: 1em;
	padding: 0
}

.aside .psp .panel {
	background-color: #ebf4f8;
	background-image: url(../img/pan-div.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding-top: 0
}

.aside .psp .panel:last-child { background-image: none }

.aside .psp { border-radius: .5em }

.body {
	margin: 0;
	padding: 0
}

.aside .psp .panel.take-action { background-color: #fce1e8 }

.aside .psp .panel h2, .aside .static .panel h2 {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 30px
}

.aside .psp .panel.take-action h2 { background-image: url(../img/takeaction.png) }

.aside .psp .panel.coming-up h2 { background-image: url(../img/comingup.png) }

.aside .psp .panel.contact-history h2 { background-image: url(../img/contact.png) }

.aside .psp .panel.recommended h2 { background-image: url(../img/recommended.png) }

.aside .static .panel.samslinks h2, .aside .static .panel.elsewhere h2 { background-image: url(../img/links.png) }

.aside .static .panel.tools h2 { background-image: url(../img/tools.png) }

.aside .static .panel.profile h2 { background-image: url(../img/profile.png) }

.aside .static .panel.forums h2 { background-image: url(../img/forum.png) }

.static .panel {
	background-color: #f8f8f8;
	border-radius: .5em
}

.aside .static .panel.your-links h2 { background-image: url(../img/faves.png) }

.aside .static .panel.services h2 { background-image: url(../img/services.png) }

.aside .psp .panel h2 a, .aside .static .panel h2 a {
	color: #333;
	text-decoration: none
}

.psp .panel.take-action a { color: #000 }

.aside .article {
	background-color: #f8f8f8;
	border: 2px solid #f8f8f8;
	border-radius: .5em;
	padding: 1em
}

.aside .article:hover { background-color: #fff }

.aside .article a {
	display: block;
	text-decoration: none
}

.article a.blue {
	display: inline;
	color: #1f536b;
	text-decoration: underline
}

.aside .article h2 {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 150%;
	margin: 0
}

.aside .article p { margin: 0 }

.aside .article .remove {
	color: #ccc;
	display: block;
	margin-top: .5em;
	text-align: right
}

.aside .article:hover .remove { color: #000 }

.aside .article ul {
	margin: 0;
	padding: 0
}

.article.first { margin-top: 0 }

.aside div.spotlight {
	height: 200px;
	margin: 1em 0;
	width: 100%;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee
}

.aside div.spotlight a {
	background-image: url(../img/fees-ad.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	width: 100%
}

.aside div.spotlight a span {
	background-color: #000;
	bottom: 0;
	display: block;
	left: 0;
	right: 0;
	padding: 1em 1em 1em 1em;
	position: absolute
}

.context-nav {
	background-color: #fff;
	margin: 1em 0 0 0;
	padding: 0
}

.context-nav ul, .sh-context-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.context-nav ul ul {
	margin-left: 0;
	margin-top: 0
}

.context-nav ul { margin-top: 0 }

.context-nav ul li a, .context-nav ul li strong {
	background-color: #eee;
	border-bottom: 1px solid #fff;
	display: block;
	padding: 1em;
	text-decoration: none
}

.context-nav ul li a:hover { background-color: #f8f8f8 }

.context-nav ul li strong {
	background-color: #296e8f;
	color: #fff;
	margin-left: 0;
	border-bottom-color: #bbb
}

li.ou-expanded li.ou-expanded li { border-left: 1em solid #ddd }

p.alert {
	background-color: #ffcece;
	border: 2px solid red;
	border-radius: .5em;
	margin: 0;
	padding: 1em
}

.alert a {
	color: #000;
	text-decoration: underline
}

.info {
	background-color: #d9e7fb;
	border: 2px solid #1aade6;
	border-radius: .5em;
	margin: 0;
	padding: 1em
}

.aside p.alert { border: none }

.panel-group p.alert, .panel-group .info { margin-bottom: 1em }

.panel a.alert {
	background-image: url(../img/alert.png);
	background-position: center left;
	color: red
}

.alert p:last-child { margin-bottom: 0 }

.alert p:first-child { margin-top: 0 }

.aside div.panel, .aside div.article, .aside div.feed { margin: 1em 0 }

.aside div.body {
	margin: 0;
	padding: 0 .5em .5em
}

.aside div.feed { margin-left: 1em }

span.count {
	background-color: red;
	border-radius: .8em;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	min-width: .8em;
	padding: .1em .4em;
	text-align: center
}

.showcase {
	background-color: transparent;
	float: left;
	margin: 0;
	padding: 0;
	width: 70%
}

.slide {
	background-color: transparent;
	padding: 0 1em 0 0
}

.showcase-toggle {
	float: left;
	width: 30%
}

.showcase-toggle ul {
	margin: 0;
	padding: 0
}

.showcase-toggle ul li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.showcase-toggle ul li a {
	background-image: url(/includes/gc-header-bg.png);
	background-position: center center;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	color: #333;
	display: block;
	padding: 1em 1em 1em 50px
}

.showcase-toggle ul li:first-child a { border-top: none }

.showcase-toggle ul li a.selected, .showcase-toggle ul li a.selected:hover {
	background-color: transparent;
	background-image: url(/includes/gc-header-bg-selected.png);
	color: #fff
}

.showcase-toggle ul li a:hover {
	background-color: #eee;
	background-image: none;
	color: #000
}

.ou-grid.community { margin-top: 1em }

.c1of3 {
	float: left;
	width: 30%
}

.c2of3 {
	float: left;
	margin-left: 3%;
	width: 35%
}

.c3of3 {
	float: right;
	width: 30%
}

.platform .article img {
	display: block;
	float: right;
	margin: 1em
}

div.ou-c1of2, div.ou-c2of2 { width: 49.9% }

div.ou-c1of2 .panel { margin-right: .5em }

div.ou-c2of2 .panel { margin-left: .5em }

body.sh-community div.ou-content {
	background-color: #296e8f;
	border-radius: 0
}

body.sh-community.r2r3 .r2 div.ou-content {
	border: none;
	margin-right: 0
}

body.sh-community .context-nav {
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 0
}

body.sh-community .context-nav strong {
	background-color: #296e8f;
	color: #fff
}

body.sh-community .context-nav strong, body.sh-community .context-nav a { padding: 1em 1em 1em 50px }

body.sh-community .context-nav li {
	background-color: #eee;
	background-repeat: repeat-x;
	color: #333
}

body.sh-community .context-nav li a, body.sh-community .context-nav li strong {
	background-position: 10px center;
	background-repeat: no-repeat
}

.platform { background-image: url(../img/platform.png) }

.ousa { background-image: url(../img/ousa.png) }

body.sh-community .context-nav a { background-color: transparent }

body.sh-community .context-nav .platform { background-image: url(../img/platform.png) }

body.sh-community .context-nav .ousa { background-image: url(../img/ousa.png) }

body.sh-community .context-nav .youtube { background-image: url(../img/youtube.png) }

body.sh-community .context-nav .itunes { background-image: url(../img/itunes.png) }

body.sh-community .context-nav .twitter { background-image: url(../img/twitter.png) }

body.sh-community .context-nav .facebook { background-image: url(../img/facebook.png) }

body.sh-community .context-nav .openlearn { background-image: url(../img/learning-space.png) }

body.sh-community .context-nav .alumni { background-image: url(../img/alumni.png) }

div.inview {
	background-color: #fff;
	border-radius: .5em;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	background-image: url(/includes/ouice/3/box-shade-2.png);
	background-position: bottom;
	background-repeat: repeat-x
}

body.sh-community div.inview { padding: 1em }

body.sh-help div.inview { background-image: none }

.banner { position: relative }

.banner h2 {
	border-bottom: 1px solid #eee;
	margin: 0;
	padding-bottom: .5em
}

.goto {
	background-color: #eee;
	border-radius: .5em;
	display: inline-block;
	margin: 0;
	padding: .5em 1em;
	position: absolute;
	right: 0;
	top: 0
}

.story {
	border-bottom: 1px dashed #fff;
	clear: both;
	float: left;
	height: auto;
	margin: 1em 0;
	padding: 0;
	width: 100%
}

.pic {
	float: left;
	height: 100%;
	width: 200px
}

.pic img {
	background-color: #eee;
	margin: 0 0 0 auto;
	max-width: 100%;
	padding: 10px
}

.words { margin-left: 220px }

.words h3 { margin-top: 0 }

.words h4 {
	color: #666;
	margin-top: 0
}

.ou-content { overflow: hidden }

.foot {
	clear: both;
	float: left;
	width: 100%
}

.foot a {
	background-color: #f8f8f8;
	display: block;
	padding: 1em;
	text-align: right
}

a.edit, a.button {
	border: 1px solid #ccc;
	background-image: url(/includes/ouice/3/bg-prev-button.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	border-radius: 6px;
	padding: .2em 1em;
	display: inline-block;
	text-decoration: none;
	margin: 0 .25em
}

a.edit:hover { border-color: #666 }

a.signup {
	position: absolute;
	top: 1em;
	right: 1em
}

p.user {
	background-color: #ebf4f8;
	padding: 1em;
	border-radius: .5em
}

.c1 {
	float: left;
	width: 48%
}

.c2 {
	float: right;
	width: 50%
}

.qual th.first {
	width: 50%;
	color: #000;
	font-weight: bold;
	font-style: normal
}

.qual th {
	font-style: italic;
	color: #666
}

.qual .pathway {
	background-color: #f5f9fb;
	float: left;
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: .5em 4px
}

.qual .pathway-title { font-weight: bold }

.qual .pathway p { margin: .5em 0 }

.qual tr { border: none }

.qual th, .qual td { padding: .3em 0 }

.qual .section {
	border-bottom: 1px solid #ddd;
	padding: .5em 0;
	float: left;
	clear: both;
	overflow: hidden;
	width: 100%
}

.qual table { margin: 0 }

.qual h2 {
	font-weight: bold;
	font-size: 100%;
	padding: 0;
	margin: 1em 0 .5em
}

.qual p { margin-top: .5em }

.qual p.green-btn { margin-top: 1em }

div.ou-grid.attention { padding: 0 0 1em 0 }

div.ou-grid.attention img { margin: 0 auto }

div.ou-grid.attention .c2 h2 {
	font-size: 2.4em;
	color: #525200;
	font-weight: normal;
	margin: .2em 0 0
}

div.ou-grid.attention .c2 h3 {
	font-size: 2.4em;
	color: #a4a400;
	font-weight: normal;
	margin: .5em 0
}

div.ou-grid.attention .c2 p.strap {
	font-size: 1.6em;
	color: #a4a400
}

div.ou-grid.attention .c2 p.strap strong {
	color: #000;
	font-weight: normal
}

a.go {
	display: inline-block;
	padding: 1em 40px 1em 1em;
	border-radius: .5em;
	color: #000;
	border: 1px solid #c8c866;
	text-decoration: none;
	background-color: #ededcc;
	background-image: url(../img/go-right.png);
	background-position: center right;
	background-repeat: no-repeat;
	font-weight: bold
}

.indent4 { margin-left: 4em }

div.prompt {
	border: 5px solid #add0e1;
	padding: 1em;
	background-color: #fff;
	border-radius: 1em;
	clear: both;
	overflow: hidden;
	margin-bottom: 1em
}

div.prompt.last { margin-bottom: 0 }

div.prompt h2 {
	font-size: 1.6em;
	color: #133747;
	margin: 0
}

a.go {
	display: inline-block;
	padding: 1em;
	background-color: #ededcc;
	border: 1px solid #c8c866;
	color: #000;
	text-decoration: none;
	border-radius: .5em;
	font-weight: bold;
	background-image: url(../img/go-right.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 36px
}

a.go:hover { border-color: #000 }

#alias {
	position: absolute;
	top: 112px;
	right: 28px;
	background-color: #ffffe0;
	border: 1px solid #666;
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
	padding: 1px 4px
}

#alias a {
	text-decoration: none;
	color: #555
}

#alias a:hover {
	text-decoration: underline;
	color: #000
}

.aside div.spotlight a { background-image: none }

.aside div.spotlight a span { padding: .2em 1em }

body.sh-help div.inview { background-image: none }

.warning { color: #a00 }

.aside .panel li a.break span {
	font-weight: 700;
	font-size: 60%
}

p.msgprob {
	color: #a00;
	margin: 0 1em
}

.motion {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%
}

p.singlelnk {
	margin: .5em;
	line-height: 100%
}

.panel li a, .panel li span.lnk, p.singlelnk a {
	background-image: url(../img/menu-arrow-right.png);
	background-position: 0 .6em;
	background-repeat: no-repeat;
	display: block;
	padding: .5em 1.5em;
	text-decoration: none;
	color: #1f536b
}

p.singlelnk a { padding-left: 1em }

.panel ul.body li a, .panel ul.body li span.lnk, .r2 .panel ul li a { background-position: 0 center }

.panel ul.body li a.hasdesc {
	border-bottom: none;
	padding-top: .25em;
	padding-bottom: .25em
}

.panel ul.body li a.isdesc {
	padding-left: 3em;
	padding-top: .25em;
	padding-bottom: .25em;
	background-position: 1.5em center
}

.panel ul.body li a:hover, .r2 .panel ul li a:hover { color: red }

p.alert { margin-bottom: 2px }

p.alert a.remove {
	display: block;
	text-decoration: none;
	text-align: right;
	color: #666
}

.toggle-link { background-image: url(../img/switch-minus.png) }

.toggle-link2 { background-image: url(../img/switch-minus.png) }

.toggle-link3, .toggleplus { background-image: url(../img/switch-plus.png) }

.toggle-link2, .toggle-link3 {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	float: right;
	margin: 2px 0 0 8px
}

.toggle-link2:hover, .toggle-link3:hover { background-color: #ccc }

.aside .article { padding: .5em }

.aside div.article { margin: .5em 0 }

.grid, .welcome, div#ou-org-header, div#ou-org-footer, .sh-header { max-width: 1280px }

.r2 .panel ul li a.divider { border-bottom-color: #296e8f }

.aside .psp .panel h2, .aside .static .panel h2 { color: #296e8f }

.aside .panel li a.separate {
	border-top: 1px solid #e0e0e0;
	margin-top: .5em
}

div.spotlight2 {
	margin: 1em 0 1em 1em;
	border: 1px solid #ddd;
	border-radius: .5em;
	padding: 1em;
	box-shadow: 0 3px 3px #eee;
	background-image: url(/includes/headers-footers/boxShade3.gif);
	background-position: bottom;
	background-repeat: repeat-x
}

div.spotlight2 a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	text-align: center
}

div.spotlight2 a:hover { color: red }

div.spotlight2 span.top { font-size: 1.4em }

div.spotlight2 span.img {
	height: 200px;
	width: 100%;
	display: block;
	background-image: url(../img/whatnext.jpg);
	background-position: center center;
	background-repeat: no-repeat
}

table.compact { margin: 0 }

table.compact tr { border: none }

table.compact td {
	padding: .5em 0;
	vertical-align: top
}

table.compact td.sz1 { width: 12em }

.aside div.spotlight { height: 180px }

a.uline { text-decoration: underline }

.hide { display: none }

.tooltip {
	position: absolute;
	width: 30em;
	background-color: #f7f7f7;
	border: 1px solid #3786a9;
	display: none;
	padding: 0 4px;
	border-radius: .5em;
	z-index: 100;
	opacity: 0;
	margin: 0 0 0 10em
}

.tooltip a { text-decoration: underline }

a.r2r3 { color: #143748 }

.prompt ul {
	margin: .5em 0;
	padding: 0 .5em
}

.prompt li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.prompt ul.bullet li {
	list-style-type: disc;
	margin: 4px 0 0 12px
}

.prompt li a {
	background-image: url(../img/menu-arrow-right.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	display: block;
	padding: .5em 1.5em;
	text-decoration: none
}

.panel-group h1 a:hover { color: #fff }

li.mix a { display: inline }

li.mix p { margin: .5em 1.5em }

.context-nav ul li.sub strong, .context-nav ul li.sub a {
	padding: .5em 0 .5em 1.5em;
	background-color: #d6e8f0
}

.context-nav ul li.sub strong { background-color: #296e8f }

.context-nav ul li.sup a { background-color: #d6e8f0 }

a { color: #143748 }

a.ou-action { line-height: 200% }

a.sh-action {
	line-height: 130%;
	padding-right: 40px
}

a.sh-action span.ou-title { margin-bottom: 12px }

.aside .panel li span.nolnk {
	color: #444;
	padding: .2em 0;
	display: block
}

div.spotlight2 ul {
	margin: 1em 1.5em;
	padding: 0
}

div.spotlight2 ul a, div.spotlight p a {
	text-align: left;
	display: inline
}

div.spotlight2 h2 {
	line-height: 130%;
	margin: 0
}

div.studyoptions { margin-right: 1em }

div.qualonline h2 {
	color: #444;
	margin-bottom: 0
}

div.qualonline div.qolhs1 {
	float: left;
	width: 45%;
	min-width: 140px
}

div.qualonline div.qolhs2 {
	margin-left: -22px;
	float: left;
	min-width: 180px;
	width: 45%
}

div.qualonline div.qorhs1 {
	float: left;
	margin-top: -6px;
	width: 55%;
	text-align: right;
	min-width: 180px;
	max-width: 260px
}

div.qualonline div.qorhs2 {
	float: left;
	width: 55%;
	margin-top: 26px
}

div.qualonline div.qorhs1 img { float: right }

div.qualonline ul {
	font-family: arial, sans-serif;
	font-size: 130%;
	color: #22628d;
	padding: .5em 0;
	margin: 0
}

div.qualonline li {
	background-image: url(../img/red_tick.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 3px 0 3px 24px
}

div.qualonline p { margin: 0 0 2px }

div.qualonline a { text-align: left }

div.loan h2, div.xfer h2 {
	color: #0b55a8;
	font-family: CaratReg, "Book Antiqua", Georgia, serif;
	font-style: normal;
	font-weight: 400;
	margin-top: .2em;
	font-size: 1.8em
}

div.loan p, div.xfer p, div.xfer li {
	margin-top: 1.5em;
	color: #0b55a8;
	font-size: 1.4em;
	font-family: futura-pt, verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #424242;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased
}

div.loan p.lwr1 { margin-top: 2em }

div.loan p.lwr2 { margin-top: 3em }

div.xfer p, div.xfer li {
	margin-top: 1em;
	font-size: 1.3em
}

div.loan img {
	float: right;
	border: none;
	margin: 16px 0 8px 8px
}

div.grnbtn {
	background-color: #090;
	background-image: url("../img/btn-bg.jpg");
	background-position: center center;
	background-repeat: repeat-x;
	border: 2px solid #fff;
	border-radius: .5em;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	width: 20em
}

div.grnbtn a {
	color: #fff;
	font-size: 130%;
	text-decoration: none;
	padding: .5em 0;
	display: block;
	width: 100%
}

div.grnbtn a:hover { color: #fff }

div.progress {
	width: 100%;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: .5em;
	margin: 1em 0
}

div.progress div {
	background-color: #090;
	border-radius: .5em .5em
}

p.progress { margin: .5em }

table.checklist {
	width: auto;
	margin: 1em 0 0
}

table.checklist tr { border-bottom: none }

table.checklist td {
	padding: 2px 0;
	vertical-align: middle;
	height: auto;
	font-size: 120%
}

table.checklist td.col1 { width: 18px }

table.checklist td.col2 { padding: 0 4em 0 .5em }

table.checklist td.donow { font-weight: bold }

div.loan-scenario-alert { clear: both }

.green-btn { margin: 2em 0 }

.green-btn a {
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-align: center;
	text-decoration: none
}

.green-btn a span {
	padding: .8em;
	background-color: #090;
	color: #fff;
	font-weight: bold;
	border-radius: .5em;
	background-image: url(../img/btn-bg.jpg);
	background-position: center;
	background-repeat: repeat-x;
	border: none;
	font-size: 1.1em
}

.green-btn a:hover { cursor: pointer }

.induction-ad {
	color: #fff;
	margin: 1em 0 1em 1em
}

.induction-ad a {
	background-color: #000;
	background-image: url("../img/arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: .5em .5em .5em .5em;
	color: #fff;
	display: block;
	padding: 1em;
	text-decoration: none
}

.induction-ad a:hover {
	background-color: #090;
	color: #fff
}

.r2 .panel ul li a.group {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: .5em
}

div.alertoverlay {
	filter: alpha(opacity=80);
	opacity: .8;
	background-color: #999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none
}

p.infopanel {
	background-color: #e4edf2;
	border: 1px solid #ddd;
	border-radius: .5em .5em .5em .5em;
	padding: 1em
}

table.plain tr {
	border: none;
	background-color: transparent
}

.sztny { width: 2em }

.szsml { width: 8em }

.szmed { width: 14em }

.szlrg { width: 28em }

.szwde { width: 99% }

td.tight {
	padding-top: .2em;
	padding-bottom: .2em
}

select.qualchoice {
	width: 100%;
	max-width: 40em
}

div.homead {
	margin: 1em 0 1em 1em;
	border: 1px solid #ddd;
	border-radius: .5em;
	padding: .5em;
	box-shadow: 0 3px 3px #eee;
	background-image: url("/includes/headers-footers/boxShade3.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center
}

div.homead img {
	display: block;
	margin: 1em auto;
	max-width: 100%
}

a.int-button, button.int-button, button.int-button-disabled {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	font-family: "CaratReg", "Book Antiqua", Georgia, serif;
	background: #ffc23d;
	color: #0b55a8;
	font-weight: normal;
	text-decoration: none;
	padding: .6em .8em;
	display: inline-block;
	border: 1px solid #ffc23d;
	cursor: pointer
}

button.wide { width: 95% }

a.int-button:hover, a.int-button:focus, button.int-button:hover, button.int-button:focus {
	background: #808;
	color: #ffc23d;
	text-decoration: none
}

a.int-button:active, button.int-button:active {
	background: #470d43;
	color: #ffc23d
}

button.int-button-disabled, button.int-button-disabled:hover, button.int-button-disabled:focus {
	background: none repeat scroll 0 0 #a6d0ff;
	border-color: #a6d0ff;
	color: #07376d;
	cursor: default;
	opacity: .5;
	outline: 0 none
}

p.regbtn {
	font-size: 1.2em;
	margin-bottom: 0
}

div.homego {
	float: right;
	margin-left: 16px
}

@font-face {
	font-family: CaratReg;
	src: url(/includes/fonts/carat-reg/2A86BB_0_0.eot);
	src: url(/includes/fonts/carat-reg/2A86BB_0_0.eot?#iefix) format('embedded-opentype'), url(/includes/fonts/carat-reg/2A86BB_0_0.woff) format('woff'), url(/includes/fonts/carat-reg/2A86BB_0_0.ttf) format('truetype')
}

@font-face {
	font-family: futura-pt;
	src: url(/includes/fonts/futura-pt/FTN45__W.eot);
	src: url(/includes/fonts/futura-pt/FTN45__W.eot?#iefix) format('embedded-opentype'), url(/includes/fonts/futura-pt/FTN45__W.woff) format('woff'), url(/includes/fonts/futura-pt/FTN45__W.ttf) format('truetype')
}

textarea.common {
	overflow: auto;
	width: 98%;
	max-width: 50em;
	height: 5em
}

div#sh-page-wrap {
	margin:0 1em;
	clear:both
}

.grid,.welcome,div#ou-org-header,div#ou-org-footer,.sh-header {
	max-width:1280px
}

.ou-footer li, .ou-footer p {
	font-family: "futura-pt","verdana",sans-serif;
}

body.ou-blend {
	background-color: #fff;
	background-image: none;
}