/* tabs CSS3  */

#navigation { width: 912px; float: left; padding: 0; margin: 0; border-bottom: 5px solid #639; }
#navigation ul { height: 26px; margin: 0; padding: 0; list-style: none; }
#navigation ul li { display: inline; position: relative; margin: 0; padding: 0; font-weight: normal; text-align: center; }
#navigation ul li a { float: left; display: block; text-align: center; background-color: #fff; color: #639; text-decoration: none; margin: 0 2px 0 0; padding: 5px 10px; height: 15px; border:1px solid #999; border-bottom: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li span.currentbranch0 a { background-color: #639; color: #fff; }

/* CSS 3 Lozenges */
.featurebox .strapline ul.lozenges,
.featurebox.links .strapline ul { margin: 5px 10px 0 0 !important; padding:0 10px 10px 10px !important; }

.featurebox .strapline ul.lozenges li,
.featurebox.links .strapline ul li { margin: 5px 0 0 0 !important; padding: 0 0 0 12px !important;  display: inline-block; height: 29px; list-style-type: none; line-height: 2.5em;  }
.featurebox .strapline ul.lozenges li a,
.featurebox.links .strapline ul li a { color: #fff; line-height: 2.5em; text-decoration: none; display: block; }
.featurebox .strapline ul.lozenges li a:hover,
.featurebox.links .strapline ul li a:hover { text-decoration: underline; }

.featurebox .strapline ul.lozenges li a,
.featurebox.links .strapline ul li a { color: #000; background: none; }

.featurebox.links .strapline ul.white li a { color: #609; }

.featurebox .strapline ul.lozenges li,
.featurebox.links .strapline ul li { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #f5f5f5; border: 1px solid #ccc; width:100%; }

.page-home .featurebox.links.columns3-span1 .strapline ul li { width: 260px; }
.page-home .featurebox.links.columns3-span2 .strapline ul li { width: 564px; }
.page-home .featurebox.links.columns4-span1 .strapline ul li { width: 184px; }
.page-home .featurebox.links.columns4-span2 .strapline ul li { width: 412px; }
.page-home .featurebox.links.columns4-span3 .strapline ul li { width: 640px; }
.page-home .featurebox.links.fullwidth .strapline ul li { width: 868px; }

.page-leader .featurebox.links.columns2-span1 .strapline ul li { width: 298px; }
.page-leader .featurebox.links.columns3-span1 .strapline ul li { width: 184px; }
.page-leader .featurebox.links.columns3-span2 .strapline ul li { width: 412px; }
.page-leader .featurebox.links.fullwidth .strapline ul li { width: 640px; }

.page-content .featurebox.links.columns2-span1 .strapline ul li { width: 298px; }
.page-content .featurebox.links.columns3-span1 .strapline ul li { width: 184px; }
.page-content .featurebox.links.columns3-span2 .strapline ul li { width: 412px; }
.page-content .featurebox.links.fullwidth .strapline ul li { width: 640px; }

.featurebox.purple .strapline ul.lozenges li,
.featurebox.purple.links .strapline ul li {
background-image: linear-gradient(bottom, #609 45%, #93f 99%);
background-image: -o-linear-gradient(bottom, #609 45%, #93f 99%);
background-image: -moz-linear-gradient(bottom, #609 45%, #93f 99%);
background-image: -webkit-linear-gradient(bottom, #609 45%, #93f 99%);
background-image: -ms-linear-gradient(bottom, #609 45%, #93f 99%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #609),
	color-stop(0.99, #93f)
);
}

.featurebox.links.purple ul.white li a { color: #609 !important; }

.featurebox.green .strapline ul.lozenges li,
.featurebox.green.links .strapline ul li {
background-image: linear-gradient(bottom, #060 45%, #693 99%);
background-image: -o-linear-gradient(bottom, #060 45%, #693 99%);
background-image: -moz-linear-gradient(bottom, #060 45%, #693 99%);
background-image: -webkit-linear-gradient(bottom, #060 45%, #693 99%);
background-image: -ms-linear-gradient(bottom, #060 45%, #693 99%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #060),
	color-stop(0.99, #693)
);
}

.featurebox.mauve .strapline ul.lozenges li,
.featurebox.mauve.links .strapline ul li {
background-image: linear-gradient(bottom, #909 45%, #c39 100%);
background-image: -o-linear-gradient(bottom, #909 45%, #c39 100%);
background-image: -moz-linear-gradient(bottom, #909 45%, #c39 100%);
background-image: -webkit-linear-gradient(bottom, #909 45%, #c39 100%);
background-image: -ms-linear-gradient(bottom, #909 45%, #c39 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #909),
	color-stop(0.99, #c39)
);
}

.featurebox.red .strapline ul.lozenges li,
.featurebox.red.links .strapline ul li {
background-image: linear-gradient(bottom, #900 45%, #c00 99%);
background-image: -o-linear-gradient(bottom, #900 45%, #c00 99%);
background-image: -moz-linear-gradient(bottom, #900 45%, #c00 99%);
background-image: -webkit-linear-gradient(bottom, #900 45%, #c00 99%);
background-image: -ms-linear-gradient(bottom, #900 45%, #c00 99%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #900),
	color-stop(0.99, #c00)
);
}

.featurebox.blue .strapline ul.lozenges li,
.featurebox.blue.links .strapline ul li {
background-image: linear-gradient(bottom, #03c 45%, #06f 99%);
background-image: -o-linear-gradient(bottom, #03c 45%, #06f 99%);
background-image: -moz-linear-gradient(bottom, #03c 45%, #06f 99%);
background-image: -webkit-linear-gradient(bottom, #03c 45%, #06f 99%);
background-image: -ms-linear-gradient(bottom, #03c 45%, #06f 99%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #03c),
	color-stop(0.99, #06f)
);
}

.featurebox.platinum .strapline ul.lozenges li,
.featurebox.platinum.links .strapline ul li {
background-image: linear-gradient(bottom, #666 45%, #999 99%);
background-image: -o-linear-gradient(bottom, #666 45%, #999 99%);
background-image: -moz-linear-gradient(bottom, #666 45%, #999 99%);
background-image: -webkit-linear-gradient(bottom, #666 45%, #999 99%);
background-image: -ms-linear-gradient(bottom, #666 45%, #999 99%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #666),
	color-stop(0.99, #999)
);
}

.featurebox .strapline ul.lozenges.white li,
.featurebox.links .strapline ul.white li {
background-image: linear-gradient(bottom, #fff 100%, #fff 100%);
background-image: -o-linear-gradient(bottom, #fff 100%, #fff 100%);
background-image: -moz-linear-gradient(bottom, #fff 100%, #fff 100%);
background-image: -webkit-linear-gradient(bottom, #fff 100%, #fff 100%);
background-image: -ms-linear-gradient(bottom, #fff 100%, #fff 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.99, #fff),
	color-stop(0.99, #fff)
);
}

a.applyUcas { padding: 5px 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #639; color: #fff; margin-left: -12px; text-decoration: none; }
a.applyUcas:visited { color: #fff; }
a.applyUcas:hover { text-decoration: underline; color: #fff; }

#courseprofile a#show-more-entry-requirements { padding: 5px 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #639; color: #fff; margin: 20px 0; text-decoration: none; }
#courseprofile a#show-more-entry-requirements:visited { color: #fff; }
#courseprofile a#show-more-entry-requirements:hover { text-decoration: underline; color: #fff; }

p.button { margin: 20px 0 !important; }
p.button a { padding: 5px 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #639; color: #fff; text-decoration: none; }
p.button a:visited { color: #fff; }
p.button a:hover { text-decoration: underline; color: #fff; }