/*--------------------------------------------------------------------------

GMSA Progression Agreements - Basic Style Sheet

Version:	1.0
Author:		Aaron Mitchard / Andy Blyth / Danny Peplow
Website:	http://gmsa.dev/gmsa - http://www.gmsa.ac.uk/gmsa/

*** Last Modify Date: 21/10/2008 ( Danny ) ***

--------------------------------------------------------------------------*/


/* 
	Colour references

	=page bg blue: #e2e8f0
	=h1 text: #fff
	=h2 text: #333333
	=h3 text - dk: #333333
	=h3 text - red: #ab0635
	=blue rsults text: #003e7e
	=body text: #333333
	=dividing line: #d8dee3
	=re-order strip bg: #f9f9f1
	=course results boxes: #f1f1f1
	=course results boxes border: #dcdcdc
	=text links - red: #ab0635


--------------------------------------------------------------------------*/

/* =Global 
--------------------------------------------------------------------------*/


* { margin: 0; padding: 0; } 

body 
{
	padding-bottom: 50px;
	background: #E2E8F0 url(/img/gmsa/body_bg.gif) repeat top left;
}

.clearme { clear: both; }
.shrinkme { width: 0.01em; height: 0.01em; line-height:0.01em; font-size:0.01em; overflow:hidden; margin:0 !important; padding:0 !important; }
.hideme { display: none; }
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }

body 
{ 
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;	
	color: #333333;
	line-height: 1.1em;
}

#p-content { font-size: 0.75em; }
#s-content { }
#footer { font-size: 0.69em; color: #838385; }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { }
.freeform p { margin: 0 0 10px 0; }
.freeform ul { margin: 10px 15px; list-style: none; }
.freeform ol { margin: 10px 33px; } /* needs slightly bigger left margin than ul */
.freeform ol li { margin: 10px 33px; list-style-type: decimal; }
.freeform ul li { padding: 0 0 0 18px; background: url(/img/gmsa/bullet.gif) no-repeat 0 50%; margin: 0 0 4px 0; }
.freeform a, .freform a:hover { }

.freeform img { margin: 5px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }

.freeform .thekey { margin: 10px 9px; line-height: 1.8em; }
.freeform .thekey img { vertical-align: middle; }

.freeform .pairing { margin: 0 9px 10px 9px; float: left; clear: both; width: 544px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 1.17em; font-weight: bold; }
.freeform .pairing .key { margin-right: 20px; width: 170px; display: block; float: left; }
.freeform .pairing .value { margin-left: 20px; color: #AC0636; }

.freeform table { margin-bottom: 10px; border: 1px solid #D9DEE4; border-collapse: collapse; }
.freeform th { padding: 5px; background-color: #F1F1F1; font-size: 0.92em; border: 1px solid #D9DEE4; }
.freeform th.topleft { color: #003D7C; }

.freeform tr.alt { background-color: #F9F9F1; }
.freeform td { border: 1px solid #D9DEE4; text-align: center; }

.freeform h3, .freeform h4, .freeform h5 { clear: both; }

/* =Headings
--------------------------------------------------------------------------*/

h1 
{
	margin: 5px 0 3px 0;
	color: #144C88;
	font-size: 1.17em;
	font-weight: normal;
	line-height: 1em;
	clear: both;
	font-weight: bold;
}
.p-content h2 { margin: 3px 0 4px 0 !important; font-weight: bold; }
h2, h3.subject-institution, h2.to-institution
{
	margin: 10px 0 15px 0;
	padding: 5px 0 10px 0;	
	font-size: 1.17em;
	color: #144C88;	
	border-bottom: 1px dashed #E6E6E6;	
}
h2.offers { border: 0; padding: 0; margin: 0; }

h3 
{		
	margin: 10px 0;
	padding: 5px;
	background-color: #A6002E;
	font-size: 1.17em;	
	color: #FFF;
}

h4
{
	margin: 5px 0;	
	font-size: 1.17em; 
	font-weight: bold;
	color: #144C88;
}

h5 
{	
	margin: 0 9px;
	font-family: Arial, "Trebuchet MS", Sans-Serif;
	font-size: 1em; /* 12px */
	color: #000;
}
h2.to-institution, .enquiry-sent, h3.subject-institution { background: none !important; color: #666 !important; border-bottom: 0; }
h2.to-institution span, .enquiry-sent span, h3.subject-institution span { background: none !important; color: #144C88; border-bottom: 0; }
/*h2.to-institution span:before { content: ": "; }*/ 
 h3.subject-institution, p.enquiry-sent, h2.to-institution { margin: 0px 0 10px 0; background-color: #f3efda !important; border: 1px solid #d8d1aa !important; padding: 6px; }
p.enquiry-sent { margin-top: 0; }
/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a 
{ 
	color: #323232;
	text-decoration: underline;
}

a:link { }
a:visited { }

a:hover, a:active, a:focus 
{
	color: #A90834;
	text-decoration: none;	
}

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
fieldset ol { list-style: none; }
legend { }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }
select { border: 1px solid #abadb3; }

fieldset.sameline { margin: 0 0 10px 0; padding: 10px 0; border: 1px solid #D9DEE4; border-left: 0; border-right: 0; }

.sameline ol { list-style: none; }
.sameline ol li { margin-bottom: 10px; float: left; clear: both; width: 700px; }

.sameline label { margin: 5px 0; display: block; float: left; width: 180px; }

.formFieldText, #passwordConfirm { float: left; }

.formFieldText, .formFieldTextArea { margin: 5px 0; padding: 3px; width: 250px; border-top: 1px solid #ACADB2; border-right: 1px solid #DBE0E6; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #E2E2EA; }

.formFieldDropDown { margin: 5px 0; float: left; width: 255px; }

.formFieldHelp { margin: 5px 0; clear: left; float: left; width: 180px; }

.formFieldHelpCustom { margin: 5px 0; float: right; width: 250px; }

.error-block
{
	margin: 0 0 10px 0;		
}

.error-block h3 { padding: 0; font-size: 1.08em; background-color: transparent; color: #A6002E; }
.error-block ul { margin: 5px 0 5px 25px; color: #A6002E; }

.submit { margin: 0 6px 0 0; float: right; }

.checkbox input { margin: 10px 0 0 180px; }
.checkbox label { margin-right: 265px; float: right; width: 232px; }

.buttons
{
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	float: left;
	clear: both;
	width: 700px;
}

#subjectareaselector, #courseselector { padding: 3px; font-size: 1.17em; }


.subjectarea-selector, .course-selector { margin-bottom: 10px; }


/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer 
{ 
	margin: 0 auto;	
	padding: 0 10px 10px 10px;
	position: relative;
	width: 980px; 		
	background: url(/img/gmsa/sitecontainer_bg.png) no-repeat bottom left;
}

#insides { background-color: #FFF; }

#header
{
	margin: 0 0 0 0;
	float: left;
	width: 980px;
	height: 136px;
	background: #FFF url(/img/gmsa/header.jpg) no-repeat top right;
}

#sidebar
{
	margin: 0 0 20px 0;
	float: left;
	width: 250px;		
}


#p-content 
{ 	
	margin: 0 10px 20px 10px;
	float: right;	
	width: 700px;
}

.nopreamble { padding-top: 20px !important; }


#footer { padding: 10px; float: left; width: 960px; clear: both; background-color: #E6E6E6; text-align: right; }


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

.site-message { border-width: 2px; border-style: solid; padding: 6px; margin-top:6px; }

.site-message { background-color: #F3D1DB; border-color: #A6002E; color: #A6002E; font-weight: bold; }
.site-message a { color: #700000; }

.path dd { color: #AC0636; }

.nextstep { color: #AB0535; }
.nextstep:hover { color: #AB0535; text-decoration: none; }

.previous
{
	margin-bottom: 5px;
	background-image: url(/img/gmsa/previous_bg.gif);
	background-color: #F0F3F7;
	color: #000;
	height: 0;
	line-height: 0;
	text-indent: -9999em;
}

/* Breadcrumb + In this section */

.breadcrumb, #in-this-section { margin: 0 0 10px 0; }
.breadcrumb { clear: both; float: left; width: 700px; height: auto; margin-top: -18px; position: relative; }

.breadcrumb .progress
{
	position: relative;
	width: 700px;
	height: 85px;
	list-style: none;
	float: left;
	clear: both;
}

.progress li { display: inline; }
.progress span { }

.step1 { background: url(/img/gmsa/progress/lines/step_1.gif) no-repeat 0 -10px; }
.step2 { background: url(/img/gmsa/progress/lines/step_2.gif) no-repeat 0 -10px; }
.step3 { background: url(/img/gmsa/progress/lines/step_3.gif) no-repeat 0 -10px; }
.step4 { background: url(/img/gmsa/progress/lines/step_4.gif) no-repeat 0 -10px; }
.step5 { background: url(/img/gmsa/progress/lines/step_5.gif) no-repeat 0 -10px; }
.step6 { background: url(/img/gmsa/progress/lines/step_6.gif) no-repeat 0 -10px; }
.step7 { background: url(/img/gmsa/progress/lines/step_7.gif) no-repeat 0 -10px; }


a.current-situation
{
	position: absolute;	
	left: 29px;
	top: 22px;
}

a.select-course, span.select-course
{
	position: absolute;
	left: 137px;
	top: 22px;
}

a.select-institution, span.select-institution
{
	position: absolute;
	left: 265px;
	top: 22px;
}

a.your-qualifications, span.your-qualifications
{
	position: absolute;
	left: 381px;
	top: 22px;
}

a.search-area, span.search-area
{
	position: absolute;
	left: 499px;
	top: 22px;
}

a.available-pathways, span.available-pathways
{
	position: absolute;
	left: 622px;
	top: 22px;
}

.advice { position: relative; display: inline; float: left; /*ie6*/ margin: 15px 0; clear: both; width: 272px; height: 28px; }
.advice a { float: left; }

/* =header
--------------------------------------------------------------------------*/

.logo 
{ 
	margin: 12px 0 0 14px;
	display: block; 
	float: left; 
	width: 492px;
	height: 162px; 
	text-decoration: none; 
	background: url(/img/gmsa/logo_v2.jpg) no-repeat top left;
	display: inline;
}

.logo span
{
	visibility: hidden;
}


/* =sidebar
--------------------------------------------------------------------------*/

/*
#usercontrol
{
	margin: 0 0 20px 0;	
	clear: left;
	width: 250px;	
	font-size: 0.75em;
	color: #444444;
	background: #cdcdcd url(/img/gmsa/tr_corner.gif) no-repeat top right;
	float: left;
}

#usercontrol .gutter { padding: 10px; background: url(/img/gmsa/br_corner.gif) no-repeat bottom right; float: left; width: 230px; }

#usercontrol legend
{
	padding: 0 0 0 0px;	
	font-size: 1.25em;
	font-weight: bold;
}

#usercontrol ol
{
	margin: 5px 0 0 0;
	padding: 9px 0 0 0;
}

#usercontrol li { margin-bottom: 5px; width: 230px; float: left; }
#usercontrol li.forgotten { margin: -2px 0 0 0; padding: 0; }

#usercontrol label { margin: 0 0 2px 0; display: block; float: left; padding: 3px 0 0 0; width: 64px; }

#usercontrol .textbox { padding: 2px; width: 160px; border-top: 1px solid #ACADB2; border-right: 1px solid #DBE0E6; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #E2E2EA; }

#usercontrol .forgotten { margin: 5px 0 0 0; float: left; font-size: 0.92em; color: #144c89; }

#usercontrol .submit-arrow { margin: 5px 0 0 0; float: right; }

#usercontrol .welcome { margin: 0; font-size: 1.25em; font-weight: bold; }

#usercontrol .username { margin: 10px 0; font-weight: bold; }

#usercontrol ul { margin: 10px 0; list-style: none; }
#usercontrol li { font-size: 0.92em; float: left; clear: both; }
#usercontrol ul a { color: #144C89; }
#usercontrol .signout { margin-top: 20px; }
*/

#usercontrol
{
	margin: 0 0 20px 0;	
	clear: left;
	float: left;
	width: 250px;	
	font-size: 0.75em;
	color: #FFF;
	background: #cdcdcd url(/img/gmsa/tr_corner.gif) no-repeat top right;
	position: relative;
}

#usercontrol .gutter { padding: 10px 0 7px 10px; background: url(/img/gmsa/br_corner.gif) no-repeat bottom right; float: left; width: 240px; position: relative; }
#usercontrol .gutter { width: 240px; position: relative; }
#usercontrol legend
{
	padding: 0 0 0 0px;	
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
}

#usercontrol ol
{
	margin: 5px 0 0 0;
	padding: 5px 0;
	border-top: 1px solid #FFF;
	float: left;
	clear: left;
	width: 230px;
	position: relative;
}

#usercontrol li { margin-bottom: 5px; float: left; clear: both; width: 230px; }
#usercontrol li input { float: left; width: 150px; }

/*#usercontrol label { margin: 0 0 2px 0; display: block; }*/
#usercontrol label { margin: 0 0 2px 0; display: block; float: left; padding: 3px 0 0 0; width: 70px; color: #666; }

#usercontrol .textbox 
{
	padding: 2px; 
	width: 150px; 
	border-top: 1px solid #ACADB2; 
	border-right: 1px solid #DBE0E6; 
	border-bottom: 1px solid #E2E9EF; 
	border-left: 1px solid #E2E2EA;
}
/*#usercontrol .textbox { padding: 2px; width: 224px; border-top: 1px solid #ACADB2; border-right: 1px solid #DBE0E6; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #E2E2EA; }*/


#usercontrol li.login { float: left; margin: 4px 0 0 -10px; width: 237px; position: relative; display: inline; }
#usercontrol li.login input { width: 237px; }
#usercontrols a.login 
{
	float: left; 
	font-size: 1em;
 }

#reg-or-forgot { float: left; clear: both; width: 237px; color: #666; margin: -15px 0 15px 10px; display: inline; position: relative; }
#reg-or-forgot li { display: inline; }
#reg-or-forgot li a { font-size: 11px; color: #144c89; }

#reg-or-forgot .forgotten { }


#usercontrol .submit-arrow { margin: 5px 0 0 0; float: right; }

#usercontrol .welcome { margin: 0; padding-bottom: 5px; font-size: 1.25em; border-bottom: 1px solid #fff; color: #666; font-weight: bold; }

#usercontrol .username { margin: 10px 0; font-weight: bold; color: #666; }

#usercontrol ul { margin: 3px 0 15px 0; list-style: none; }
#usercontrol ul a { color: #144c89; }
#usercontrol .signout { margin-top: 20px; }


#nav
{
	margin: 10px 20px 5px 0;
	padding: 0 0 0 0;
	float: left;
	clear: left;				
}

#nav li
{	
	margin: 0 0 8px 0;
	list-style: none;
}

#nav li a
{	
	width: 250px;
	display: block;		
	background: #E6E6E6 url(/img/gmsa/tr_corner_nav_off.gif) no-repeat top right;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

#nav li a img { margin: 0 0 0 7px; }

#nav li a span 
{
	padding: 5px 15px 5px 15px;
	display: block;
	background: url(/img/gmsa/br_corner_nav_off.gif) no-repeat bottom right;
}

#nav li a.active, #nav li a:hover
{	
	color: #FFF;
	background: #A6002E url(/img/gmsa/tr_corner_nav.gif) no-repeat top right;
}

#nav li a.active span, #nav li a:hover span
{
	background: url(/img/gmsa/br_corner_nav.gif) no-repeat bottom right;
}

.your-choices { margin: 10px 0 20px 0; float: left; clear: both; width: 250px; }
.your-choices h2
{
	margin: 0 0 0 10px;
	margin-bottom: 0;
	background: none;
	font-size: 1.25em;
	font-weight: normal;
	color: #a6002e;
	border-bottom-color: #ccc;
}

.your-choices ul
{
	margin: 0  0 0 10px;
	list-style: none;
	font-size: 0.88em;
	float: left;
	width: 240px;
}

.your-choices li 
{
	padding: 10px 0;
	border-bottom: 1px dashed #e6e6e6; 
	background: url(/img/gmsa/progress_tick.gif) left center no-repeat; 
	float: left; 
	width: 240px;
}

.your-choices a { text-decoration: underline; font-weight: bold; color: #71a9f4; padding: 3px 0 3px 0; margin: 0 10px 0 26px; float: left; }
.your-choices a:hover { text-decoration: none; color: #71A9F4 }

/* =p-content
--------------------------------------------------------------------------*/

/*Survey */

div.survey  
{
	padding-bottom: 7px; 
	color: #fff; 
	background: url(/img/littlebottom.gif) bottom left no-repeat; 
	margin-bottom: 10px; 
	clear: both;	
	width: 684px; 
	float: left;
}
div.survey .content { width: 684px; float: left; clear: both; background: url(/img/bigtop.gif) top left no-repeat; padding-top: 7px; }
div.survey .content h2, div.survey fieldset { padding: 0 9px 7px 9px; color: #fff; }


/* Current Situation */

.situation
{
	
}

.situation li { margin: 0 0 10px 0; }

.situation label
{
	margin-right: 20px;
	display: block;
	float: left;
	width: 450px;
	font-size: 1.17em;
}

/* Reverse Feeding Courses */

.feeding-course
{
	margin: 0 0 15px 0;
	border: 1px solid #EBEBEB;
	background-color: #F1F1F1;	
	position: relative;
}

.feeding-course div
{
	margin: 5px 0;
	padding: 4px 8px;	
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 1.17em; font-weight: bold; 
}

.feeding-course h3 { color: #AA0734; }

/* Receiving Courses */

.current-data { margin: 0 0 15px 0; float: left; width: 700px; }

.current-course, .expected-grades { margin: 2px 0 0 0; float: left; width: 700px; font-size: 1.17em; font-weight: bold; }

.current-course { margin-bottom: 10px; }

.value { color: #AA0734; }

.promises
{
	padding: 5px 8px;
	float: left;
	border: 1px solid #D9DEE4;
	background-color: #F9F9F1;		
	clear: both;
}

.promises label { margin: 0 10px 0 0; font-weight: bold; }
.promises select { margin: 0 10px 0 0; min-width: 200px; }

.groupby 
{ 
	margin: 10px 0 10px 0; 
	padding: 0 8px 15px 8px; 
	float: left; 
	width: 684px; 
	border-bottom: 1px solid #D9DEE4; 	
	font-weight: bold;
}

.groupby span
{	
	float: left;
}

.groupby ul { margin: 0 0 0 20px; float: left; }
.groupby li { display: inline; }
.groupby li.split { margin: 0 10px; }
.groupby a { text-decoration: none; }
.groupby a.active { color: #AA0734; }

.pathways 
{ 
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	width: 700px; 
	height: 500px;
	overflow: auto;
	border: 2px solid #E6E6E6;
	border-left: none; border-right: none;
	position: relative;
}

.tab-intro { margin: 0 0 20px 0; padding: 0 0 0 0; clear: both; }
.tab-intro ul { margin-left: 0; }
.tab-intro li { padding: 0 !important; }

div.application-welcome .tabbed { border-bottom-color: #7AB800; }
div.interview-invitation .tabbed { border-bottom-color: #009FDA; }
div.conditional-offer .tabbed { border-bottom-color: #8F23B3; }

div.application-welcome .tabbed .active { background-color: #7AB800; }

a.application-welcome, div.application-welcome h3, div.application-welcome .subjectarea-filter { background-color: #7AB800 !important; position: relative; z-index: 99; }
a.interview-invitation, div.interview-invitation h3, div.interview-invitation .subjectarea-filter { background-color: #009FDA !important; position: relative; z-index: 99; }
a.conditional-offer, div.conditional-offer h3, div.conditional-offer .subjectarea-filter { background-color: #8F23B3 !important; position: relative; z-index: 99; }
.institute h3 { margin: 0; }
div.offer-description
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 4px;
	width: 510px;
}

.subjectarea-filter
{	
	margin: 0 0 0 0;
	padding: 5px;
	clear: both;
	color: #FFF;
}

.subjectarea-filter .imagebtn { margin: 0 0 0 5px; vertical-align: middle; }
.subjectarea-filter select { margin: 0 10px; vertical-align: middle; min-width: 200px; background-color: #fff; /*opera mac*/ }

.filtering label, .filtering input, .filtering select
{
	display:block;
}

ul.filtering { clear: both; position: relative; margin-bottom: 3px; width: 700px; }
.filtering, filtering li
{
	list-style-type: none; float: left;
}

.filtering li
{
	float: left;
	margin-right: 12px;
}
.filtering .submitarrow { width: 18px; float: left; position: relative; padding-top: 16px; }

.filtering .submitarrow .imagebtn { width: 24px; height: 24px; padding: 0; margin: 0 0 0 8px; }

.filtering li.keywords { margin-right: 0; }

.filtering input#keywords
{
	width: 108px;
	color: #908F90;
	padding: 1px;
}

.filtering select
{
	width:90px;
	color:#908F90;
}

.filtering .wide select
{
	width:212px;
	color:#908F90;
}
 
.tabbed
{	
	padding: 0 0 0 0;
	float: left;
	clear: both;
	width: 700px;
	/*border-bottom: 3px solid #A6002E;*/
	position: relative;
	z-index: 9999;
	float: left;
	margin: 0;
}

.tabbed ul { float: left; list-style: none; width: 700px; position: relative; }

.tabbed li { float: left; }

.tabbed li.print { float: right; margin-top:6px;}

.tabbed li a
{
	margin: 0 3px 0 0;
	display: block;
	float: left;		
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFF;	
	border-bottom: 1px solid #FFF;
}

.tabbed li a:hover { color: #fff; }

.tabbed .active
{
	background-color: #A6002E;
	color: #FFF;
	border-bottom: none;
}

.tabbed .active.interview-invitation { border-bottom: 1px solid #009FDA !important; }
.tabbed .active.conditional-offer { border-bottom: 1px solid #8F23B3 !important; }
.tabbed .active.application-welcome { border-bottom: 1px solid #7AB800 !important; }


/* tabbed corners */

a.conditional-offer { background: url(/img/gmsa/tabs/purple_tl.gif) top left no-repeat; }
a.conditional-offer span { display: block; background: url(/img/gmsa/tabs/purple_tr.gif) top right no-repeat; padding: 5px 8px; }

a.interview-invitation { background: url(/img/gmsa/tabs/blue_tl.gif) top left no-repeat; }
a.interview-invitation span { display: block; background: url(/img/gmsa/tabs/blue_tr.gif) top right no-repeat; padding: 5px 8px; }

a.application-welcome { background: url(/img/gmsa/tabs/green_tl.gif) top left no-repeat; }
a.application-welcome span { display: block; background: url(/img/gmsa/tabs/green_tr.gif) top right no-repeat; padding: 5px 8px; }

.tabbed .key
{
	padding: 5px 0 0 7px;
	margin: 0;
	height: 24px;
	bottom: 0;
}

.tabbed .key span { margin: 0 7px 0 4px; }
.tabbed .key strong { margin-right: 5px; color: #144C88; }
.tabbed .key img { vertical-align: middle; }

.course
{
	padding: 5px;
	background: url(/img/gmsa/course_bg.gif) repeat-x top left;
	position: relative;
	clear: both;
}

.course h4 { margin: 1px 0; font-size: 1em !important; padding-left: 3px; }
.course ul.inline { margin: 3px 0; }
.course ul.inline li { display: inline; }
.course ul.inline li.subject-area { padding-left: 3px; }
.course ul.inline span { margin: 0 5px; }

.course ul.icons { padding: 5px; position: absolute; right: 0; top: 2px; }
.course ul.icons li { margin: 0; padding: 0; list-style: none; display: inline; }
.course ul.icons li a { margin: 0; padding: 0 3px; }
.course ul.icons li a img { vertical-align: middle; }

.course .notes { padding-left: 25px; background: url(/img/gmsa/icons/warning.gif) no-repeat 0 50%; }

.course a { text-decoration: none; }
.course a:hover { text-decoration: none; background-color: transparent; }

/*.course .coursedetails-icon { padding: 1px 0 1px 12px; background: url(/img/gmsa/icons/course_details.gif) no-repeat 0 50%; }
.course .furtherdetails-icon { padding: 1px 0 1px 10px; background: url(/img/gmsa/icons/further_help.gif) no-repeat 0 50%; }
.course .registerinterest-icon { padding: 1px 0 1px 16px; background: url(/img/gmsa/icons/register_interest.gif) no-repeat 0 50%; }
.course .removecourse-icon { padding: 1px 0 1px 17px; background: url(/img/gmsa/icons/remove_from_basket.gif) no-repeat 0 50%; }
.course .addcourse-icon { padding: 1px 0 1px 17px; background: url(/img/gmsa/icons/add_to_basket.gif) no-repeat 0 50%; } */

a.how-to-apply { position: absolute; right: 9px; bottom: 8px; }
a.how-to-apply img { position: relative; top: 0; left: 0; }

/*
.course
{
	margin: 0 0 15px 32px;
	border: 1px solid #EBEBEB;
	background-color: #F1F1F1;
	position: relative;
}

.course h4 { color: #323232; font-size: 1em; font-weight: bold; }
.course a { color: #AA0734; }


.course .add-course, .course .remove-course
{
	margin: 10px;
	padding: 0 0 0 22px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	float: right;
	background: url(/img/gmsa/add.gif) no-repeat 0 50%;
	text-decoration: none;
	color: #000;
}

.course .remove-course { background-image: url(/img/gmsa/remove.gif); }

.add-course:hover, .remove-course:hover { color: #AA0734; }

.site-message
{
	padding: 4px 7px;
	border: 2px solid #AA0734;
	background-color: #CD6581;
	font-weight: bold;
	color: #FFF;
}
*/

.remove-all
{
	margin: 15px 0;
	text-align: right;
}

/* Search Area */

.pathways-button { margin-left: 10px; }

#search-area fieldset { margin: 30px 8px 0 8px; float: left; width: 150px; }
#search-area label { margin-bottom: 5px; display: block; font-size: 1.17em; }
#search-area input { margin-right: 4px; }
#search-area br { display: none; }
#search-area #search-area-image { float: right; }
/* Subject Area Selector */

.subjectarea-selector select, 
.course-selector select 
{ 
	min-width: 400px; font-size: 1.17em; 
}

/* College Search ( Homepage ) */

#collegesearch { margin: 0 0 0 6px; padding: 2px; float: left; width: 462px; border-top: 1px solid #ACADB2; border-right: 1px solid #DBE0E6; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #E2E2EA; }

.college-search { margin: -10px 0 0 0; padding: 10px 0; background: url(/img/search_gradient.gif) repeat-x top left; }

#searchbtn { margin-right: 6px; float: right; }

.institutionlist { list-style: none; }

.institutionlist li
{
	padding: 6px;
	position: relative;	
	border-bottom: 1px solid #D9DEE4;	
}

.institutionlist li.last { border-bottom: 0; }

.selectbtn
{
	display: block;
	position: absolute;
	top: 4px;	
	right: 6px;
	width: 57px; 
	height: 22px;
	background: url(/img/select.gif) no-repeat top left;
	text-indent: -9999em;
}

.selectbtn:hover { background-image: url(/img/select_on.gif); }

/* Current Course */

#courseselect
{
	padding: 6px 6px 3px 6px;	
	border: 1px solid #D7DEE4;
	border-left: 0; border-right: 0;
}

#courseselect input { float: right; vertical-align: middle; }

#courseselectorlist { float: left; width: 460px; }

.path { margin: 0 8px 10px 8px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 1.17em; font-weight: bold; }
.path dt { margin: 0 0 4px 0; float: left; clear: left; width: 125px; }
.path dd { margin: 0 0 4px 0; }
.path span { width: 110px; float: left; }

/* Grade Select */

.gradeselect div
{	
	padding: 0 6px 0 6px;		
}

.gradeselect select { margin: 0 0 10px 0; font-size: 1.17em; }
 
.gradeselect #submitbtn { margin-left: 6px; }


/* Available Courses */

.req-prom 
{ 
	margin: 5px 0;
	padding: 4px 8px; 
	border: 1px solid #D7DEE4; 
	border-left: 0; border-right: 0; 
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 1.17em; font-weight: bold; 
}

.requirement, .promise { color: #023D7F; font-style: italic; }


/*.institute h3 { margin: 0 25px 15px 22px; color: #003F7D; font-size: 1em; }*/

span.confirmed
{
	color:#0F9E16;
}

span.unconfirmed
{
	color:#AB0535;
}

/*

.institute { padding: 0 0 2px 0; }
.institute ul { margin: 0 33px; list-style: none; }

.institute li
{
	margin: 0 0 5px 0;
	padding: 5px 7px;
	background-color: #F1F1F1;
	border: 1px solid #EBEBEB;
}

.institute li h4 { margin: 0; color: #000; font-size: 1em; font-weight: bold; }
.institute .notes { margin: 10px 0; }
*/

/* Open University */

.openuni
{
	margin-bottom: 10px;
}

.openuni h3 {  }
.openuni p { margin: 0 0 5px 0; padding: 10px; background: url(/img/gmsa/course_bg.gif) repeat-x top left; }
.openuni a, .openuni span { }

.feedingcourse { padding: 4px 6px; border: 1px solid #CFDBE9; color: #A90635; font-weight: bold; }
.narrow { margin: 5px 25px 10px 25px; }
.institutions-reverse { margin: 0 25px; padding: 5px 7px; background-color: #F1F1F1; border: 1px solid #D7DEE4; list-style: none; color: #003F7F; font-weight: bold; line-height: 1.8em; }
.institutions-reverse li { position: relative; }
.coursedetails { padding: 0 10px 0 0; float: right; background: url(/img/coursedetails.gif) no-repeat 100% 50%; }


/* What is Pathways */

.what-is-pathways { color: #fff; text-decoration: none; }
.what-is-pathways:hover { color: #fff; text-decoration: none; cursor: pointer; }

.other-college { color: #A6002E; font-weight: bold; } 

/* =s-content
--------------------------------------------------------------------------*/


/* =footer
--------------------------------------------------------------------------*/

#copyright_idaho, #poweredby { margin-left: 16px; }
#copyright_idaho a, #poweredby a { color: #838385; }
#gmsa { margin-right: 16px; float: right; }

#footer .left a { color: #838385; margin: 0 1px 0 1px; }

/* Danny - 17 Sept 2008 */

.all-subject-text
{
	display:block;
	padding-bottom:10px;
}

a.coursedetails-title:link
{
	color:#144C88;
}

a.coursedetails-title:visited
{
	color:#888;
}

a.coursedetails-title:hover
{
	color:#A90834;
}

fieldset.survey ol
{
	list-style-type:none;	
}

fieldset.survey ol li
{
	float:left;
	margin-right:8px;
}

fieldset.survey ol li label
{
	margin-left:4px;
	vertical-align:top;
}

h2.survey
{
	border:none;
	color:#000;
	font-size:1.1em;
}