/* CSS Document */
/* Default Style Sheet for all the Standard Site Styles */
/* Sets the style for all menus, general site layout and default styles for all elements */
/* Elements */
/* Fonts */
/* ------------------------------------------------------------------------------------- */
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, ol, p, td, th, ul {
font-size: 1em;
font-family: arial, verdana, sans-serif;
}
/* Real styles */
/* ------------------------------------------------------------------------------------- */
a {
cursor: pointer;
font:bold 8pt arial;
color: #c00;
background: transparent;
text-decoration: none;
}
a:active {color: black; text-decoration: none}
a:hover {
font: bold 8pt arial;
color: #c00;
text-decoration: underline;
}
address {margin: 0em 0% 0em 0%; font: italic 1em/1 sans-serif}
big {font-size: 1em}
blockquote {margin: 0em 0% 0em 0%; line-height: 1}
body {
margin: 0em 0% 0em 0%;
padding:0px 40px 5px 40px;
font: 1em/1 arial;
background: #fff;
cursor: default;
text-align:center;
}
button {cursor: auto}
caption {margin: 0em 0% 0em 0%; line-height: 1}
code {font-size: 1em; font-family: monospace}
div {margin: 0em 0% 0em 0%; line-height: 1}
dd {margin: 0em 0% 0em 0%; line-height: 1}
dl {
font:bold 8pt arial;
color:#555;
margin: 0px 0% 0em 0%;
}
dt {margin: 0em 0% 0em 0%; line-height: 1}
em {word-wrap:break-word; margin:0px;}
h1 {
font: bold 9pt arial, helvetica, sans-serif;
color:#555;
margin:10px 0px 5px 0px;
}
h2 {
font: bold 10pt arial, helvetica, sans-serif;
color: #495154;
margin:0px 0px 3px 0px;
}
h3 {margin: 0em 0% 0em 0%; font: 1.5em/1 arial}
h4 {
font: normal 8pt arial, helvetica, sans-serif;
color:#5b7d88;
text-align:center;
width:90px;
margin: 0em 0% 0em 0%;
}
h5 {
font: normal 7pt arial, helvetica, sans-serif;
color:black;
text-align:center;
width:90px;
}
h6 {margin: 0em 0% 0em 0%; font: 1em/1 arial}
hr {
margin: 5px 0px 5px 0px;
height:1px;
color:#ccc;
width:417px;
}
html {margin: 0; background: #fff;}
input {cursor: auto}
kbd {font: 1em monospace}
li {
font:normal 8pt arial;
color:#555;
margin: 0em 0% 0em 0%; line-height: 1em}
ol {margin: 0em 0% 0em 5%; list-style: decimal}
ul ul ol ol, ul ol ul ol, ol ul ol ol, ol ol ul ol, ol ul ol, ol ol {list-style: lower-alpha}
ol ul ol ol, ol ol ul ol, ul ol ol ol, ol ol ol {list-style: lower-roman}
ol ol ol ol {list-style: decimal}
p {
font: normal 8pt arial, helvetica;
color:#888;
line-height:1.3em;
margin:0px 0px 10px 0px;
}
pre {margin: 0em 0% 0em 0%; font: 1em/1 monospace}
samp {font: 1em monospace}
small {font-size: 1em}
sub {font-size: 1em}
sup {font-size: 1em}
table, tr, td {
font: normal 8pt arial, helvetica;
color:#555;
line-height:1.3em;
margin:0px 0px 10px 0px;
}
td {line-height: 1}
textarea {cursor: text}
th {font: bold 1em/1 sans-serif}
tt {font: 1em monospace}
ul {margin: 0em 0% 0em 5%; list-style: disc}
ul ul, ol ol ul ul, ol ul ol ul, ul ol ol ul, ol ul ul, ul ol ul {list-style: circle}
ol ul ul ul, ul ol ul ul, ul ul ol ul, ul ul ul {list-style: square}
ul ul ul ul {list-style: disc}
form {margin:0px;}
fieldset {
border:0px solid transparent;
margin:0px;
padding:0px;
}
select {
font: 7pt verdana, arial, san-serif;
color:#333;
background: #fff;
margin:0px;
padding:2px 2px;
border: 1px solid #999;
}
input {
font: 7pt verdana, arial, san-serif;
color:#333;
background: #fff;
margin:0px 0px 0px 5px;
padding:2px 5px 2px 5px;
width:125px;
border: 1px solid #999;
}
textarea {
font: 8pt verdana, arial, san-serif;
color:#333;
background: #e2eaed;
margin:0px 0px 0px 5px;
padding:2px 5px;
width:125px;
border: 1px solid #999;
}
/* ----------------------------------- */
/* Standard classes and id tags */
/* ------------------------------------------------------------------------------------- */
* html body {}
#page {text-align:center; padding:0px; margin:0px; overflow:visible;}
/* The whole white area of the page*/
#full {
background:white;
padding: 0px 30px 20px 30px;
margin: 0px auto;
text-align:left;
position:relative;
overflow:hidden;
/*hack */
width: 844px; /*IE 5.5 width - Tantek hack */
voice-family: "\"}\"";
voice-family:inherit;
width: 780px; /*real width*/
}
html>body #full{width:780px;}
/* ---------------------------*/
#topimg {
width:780px;
height:92px;
float:left;
padding:10px 0px;
margin: 0px 0px 1px 0px;
}
#topimg img {
margin:0px;
padding:0px;
border:none;}
#toptitle {
padding:0px;
margin:5px 0px 0px 10px;
border:1px solid #fff;
letter-spacing: -0.07em;
position:relative;
width:72px;
height:72px;
/*Hack for FireFox */
overflow: hidden;
}
#toptitle img {
width:70px;
height:51px;
padding:0px;
margin:16px 4px 10px 3px;
}
/*New CSS for Initial Menu in Branding bar (#topimg)*/
ul#initialmenu {
display:block;
list-style:none;
position:absolute;
padding:0px;
margin:0px;
top:11px;
left:135px;
}
ul#initialmenu li {
float:left;
padding:0px 7px;
}
ul#initialmenu li a{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
/* The login bar at the top of the page*/
.form {
margin:0px;
padding:0px;
width:350px;
position:absolute;
top:10px;
right:52px;
}
#login {
position:absolute;
top:0;
right:0;
padding:0px;
margin:0px;
text-align:right;
width:350px;
}
#login div.inputs {
margin:1px 0px 0px 0px;
padding:0px;
float:right;
clear:right;
}
#login div.email {
width:135px;
float:left;
padding:0px 0px 0px 10px;
}
#login div.pass {
width:135px;
float:left;
clear:right;
padding:0px 0px 0px 10px;
}
#login div.links {
margin:0px;
padding:0px;
float:right;
clear:both;
width:200px;
}
#login div.links img {
vertical-align:middle;
margin:0px 2px 0px 5px;
}
#login div.reg {
float:right;
text-align:right;
}
#login div.logon {
margin:0px 0px 0px 5px;
float:right;
text-align:right;
}
#login p {
font: normal 8pt arial;
text-align:left;
color: #fff;
padding: 0px 0px 1px 0px;
margin: 0px;
}
#login input {
padding: 2px 5px 2px 5px;
margin: 0px;
}
#login a {
font: normal 8pt verdana, arial, san-serif;
color:#fff;
padding:0px;
}
#login a:hover {
font-weight: normal;
text-decoration:underline;
color:#fff;
}
/* ---------------------------*/
/* Same place as the login bar, but sets the style of the "logged-in" text */
#loggedin {
position:absolute;
top:0;
right:0;
padding:0px;
margin:0px;
text-align:left;
}
#loggedin div.inputs {
font: normal 8pt Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
margin:1px 0px 0px 0px;
padding:0px;
float:left;
clear:right;
position:relative;
}
#loggedin div.links {
margin:0px;
padding:0px;
float:left;
clear:both;
text-align:left;
position:relative;
}
#loggedin div.links img {
vertical-align:middle;
padding:0px;
margin:0px 2px 0px 5px;
}
#loggedin div.profile {
float:left;
text-align:left;
vertical-align:middle;
margin:0px;
padding:0px;
}
#loggedin div.logoff {
margin:0px 0px 0px 5px;
vertical-align:middle;
float:left;
text-align:left;
}
#loggedin p {
font: normal 8pt arial;
text-align:left;
color: #fff;
padding: 0px 0px 1px 0px;
margin: 0px;
}
#loggedin input {
padding: 2px 5px 2px 5px;
margin: 0px;
}
#loggedin a {
font: normal 8pt verdana, arial, san-serif;
color:#fff;
padding:0px;
}
#loggedin a:hover {
font-weight: normal;
text-decoration:underline;
color:#fff;
}
/* ---------------------------*/
#bodyblock{
overflow:hidden;
margin:0px;
padding:0px;
clear:both;
width:780px;
}
/* Set's the style for the RHS bar which holds the search bar and menu amongst others */
#side {
width: 182px;
position:relative;
margin:0px 0px -15000px 0px;
padding:0px 0px 15030px 0px;
right:0;
top:0;
float:right;
z-index:900;
overflow:hidden;
clear:right;
background:#f7f7f7;
}
*html #side {
overflow:hidden;
}
#side p {
font: bold 8pt arial;
text-align:left;
}
/* ---------------------------*/
/* The "Searchbar" */
#searchbar {
padding:1px 0px 5px 20px;
margin: 0px;
width:100%;
text-align:left;
background:#425B6D;
}
#searchbar p {
font: Normal 8pt Arial, Helvetica, sans-serif;
color: #fff;
text-align:left;
padding: 0px;
margin:5px 0px 0px 0px;
}
#searchbar form {
margin:0px 0px 5px 0px;
text-align:left;
}
#searchbar input {
font: 8pt verdana, arial, san-serif;
color:#333;
background:#eee;
padding:0px 0px 0px 3px;
width:110px;
height:15px;
margin:0px 2px 0px 0px;
}
#searchbar a {
font: bold 8pt Arial, Helvetica, sans-serif;
color:#fff;
vertical-align:middle;
padding:1px 0px 1px 3px;
text-align:left;
}
#searchbar a img {
border:none;
vertical-align:middle;
}
#searchbar a:hover {
font-weight: bold;
color:#C6CDD3;
text-decoration: none;
}
#searchbar h4 {
font: bold 9pt Arial, Helvetica, sans-serif;
text-align:left;
color: white;
padding: 2px 5px 0px 1px;
color: white;
margin:0px 0px 2px 0px;
}
/* ---------------------------*/
.xhtml
{
margin:0px;
padding:0px;
position:relative;
}
.xhtml a {
margin:0px;
padding:0px;}
.xhtml a div.global {margin:0px;}
/* Big Links */
.global, .global_book, .global_find, .global_eupdates, .global_enquiries, .global_directory, .global_myprofile, .global_mybasket {
margin:0px;
position:relative;
background:#546E85;
border-bottom: 1px solid #fff;
width:100%;
line-height:20px;
}
.global p, .global_book p, .global_find p, .global_eupdates p, .global_enquiries p, .global_directory p, .global_myprofile p, .global_mybasket p {
margin:0px;
}
.global_book a {background:url(/images/booknow.gif) 2px 50% no-repeat #546E85;}
.global_find a {background:url(/images/findcourse.gif) 2px 50% no-repeat #546E85;}
.global_eupdates a {background:url(/images/e-updates.gif) 2px 50% no-repeat #546E85;}
.global_enquiries a {background:url(/images/enquiries.gif) 2px 50% no-repeat #546E85;}
.global_directory a {background:url(/images/senddirectory.gif) 2px 50% no-repeat #546E85;}
.global_myprofile a {background:url(/images/myprofile.gif) 2px 50% no-repeat #546E85;}
.global_mybasket a {background:url(/images/mybasket.gif) 2px 50% no-repeat #546E85;}
.global a, .global_book a, .global_find a, .global_eupdates a, .global_enquiries a, .global_directory a, .global_myprofile a, .global_mybasket a {
font: normal 11px Arial, Helvetica, sans-serif;
line-height: 20px;
color:#fff;
display:block;
width:152px;
padding:0px 5px 0px 23px;
}
.global p a:hover, .global_book p a:hover, .global_find p a:hover, .global_eupdates p a:hover, .global_enquiries p a:hover, .global_directory p a:hover, .global_myprofile p a:hover, .global_mybasket p a:hover{
text-decoration:underline;
line-height:20px;
color:#fff;
}
.global img, .global_book img, .global_find img, .global_eupdates img, .global_enquiries img, .global_directory img, .global_myprofile img, .global_mybasket img {
border:0px;
margin:0px;
padding:0px;
vertical-align:middle;
}
/* ---------------------------*/
/* The top border between the biglinks and main menu */
#side p.blank {
padding:10px;
margin:0px;
background:#8095A8;
color: #52656B;
border-bottom: 0px solid #8DA8AF;
}
/* ---------------------------*/
/* The main menu */
/* HERE formatting */
#side div.here div.global_book a {background:url(/images/booknow.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_find a {background:url(/images/findcourse.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_eupdates a {background:url(/images/e-updates.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_enquiries a {background:url(/images/enquiries.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_directory a {background:url(/images/senddirectory.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_myprofile a {background:url(/images/myprofile.gif) 2px 50% no-repeat #546E85;}
#side div.here div.global_mybasket a {background:url(/images/mybasket.gif) 2px 50% no-repeat #546E85;}
#side div.here p {
background:#fff no-repeat;
position:relative;
}
/*area, etc.. */
.area {margin:0px; background: #c6cdd3; position:relative;}
.area p {
margin: 0px;
position:relative;
}
.area p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
text-align:left;
color: #425B6D;
background: transparent;
border-bottom: 1px solid #425B6D;
text-decoration:none;
background: transparent;
padding: 2px 8px 2px 24px;
display:block;
}
.area a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
/* The Main Menu: The terms submenu including terms and conditions amongst others */
.page p {
margin: 0px;
background: #D4E0E4;
position:relative;
}
.page p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
text-align:left;
color: #425B6D;
background: transparent;
border-bottom: 1px solid #425B6D;
text-decoration:none;
background: transparent;
padding: 2px 8px 2px 24px;
display:block;
}
.page a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
/* The terms submenu including terms and conditions amongst others */
.bottom {background: #e3e7e9;}
.bottom p {
margin: 0px;
padding: 0px 0px 0px 0px;
position:relative;
}
.bottom p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
color: #425B6D;
background: transparent;
border-bottom: 1px solid #425B6D;
text-align:left;
text-decoration:none;
padding:2px 8px 2px 24px;
position:relative;
margin:0px;
display:block;
}
.bottom a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
/* ---------------------------*/
/* ---------------------------*/
/*The bit of colored bar under the menu */
#space {
background:#F7F7F7;
padding:20px;
}
/*class holding logos at bottom of menu */
.menulogo {
background:#fff!important;
text-align:center;
padding:5px 0px 5px 0px;
margin:0px;
width:100%;
}
/* ---------------------------*/
/* The "Sitemap" links under the menu (area) bar */
#sitemapwrap {
position: absolute;
top: -25px;
width: 182px;
height: 25px;
right: 0;
background:#fff;
margin:0px;
padding:0px;
}
/* \*/
* html #sitemapwrap {
top: -24px;
t\op: -25px;
}
#sitemap {
margin:0px;
padding:0px;
width:182px;
}
/* */
#sitemap p {
font: normal 8pt verdana !important;
text-align:left;
background:#F7F7F7;
color: #999;
border-bottom: none !important;
margin:0px;
padding:5px 3px 5px 20px;
}
#sitemap p a {
font-size:7pt;
color:#999;
}
#sitemap p a.subhome {
font-weight:bold;
color:#999;
}
#sitemap p a:hover {
color:#c00;
text-decoration:none;
}
/* ---------------------------*/
/* Encases the Title. Content and What's Hot sections */
#main {
width: 420px;
padding:0px;
text-align:left;
background:#fff;
float:left;
}
/* ---------------------------*/
/* Sets the style for the top image (.headImg) and grey (#box) and text (#box h2)*/
#title {
padding: 0px;
margin: 0px;
position:relative;
z-index:150;
}
.headImg {
/* margin:0px 0px -26px 0px;*/
margin:0px;
padding:0px;
position:relative;
z-index:100;
}
#title span.pgtitle {
font: bold 10pt arial, helvetica, san-serif;
color:white;
background: transparent;
padding:5px 10px 6px 10px;
margin:0px 0px 5px 0px;
position:relative;
z-index:200;
height:26px;
display:none;
}
/* ---------------------------*/
/* The "What's Hot" section near the bottom of the page*/
#whatshot {
margin:0px;
padding:0px;
width:596px;
clear:both;
}
#whatshot h1 {
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#33495a;
background:#dde1e5;
line-height:31px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0px;
margin:0px;
width:100%;
clear:both;
}
#whatshot h1 a{
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#33495a;
padding-left:20px;
line-height:31px;
}
#whatshot h1 a:hover{
color:#556e82;
text-decoration:none;
}
#whatshot hr {display:none;}
#whatshot h4 {
font: bold 13px arial;
color: #33495a;
text-align:left;
padding-top:10px;
margin:0px;
width:100%;
}
#whatshot h4 a{
font: bold 13px arial;
color: #33495a;
text-align:left;
padding-top:10px;
margin:0px;
}
#whatshot p {
font: normal 8pt Arial, Helvetica, sans-serif;
color: #999;
margin: 0px;
padding-bottom:5px;
width:100%;
}
/* 5 different colour schemes for the "what's hot" item boxes */
#whatshot table {width:598px; margin:0px;}
#whatshot table a {color: #445f74;}
#whatshot td {
margin:0px;
padding:0px 20px;
vertical-align:top;
text-align:left;
}
#whatshot td.space {border-right:1px solid #ccc; width:5px; padding:0px;}
#whatshot td.topic1 {width:154px;}
#whatshot td.topic2 {width:152px;}
/* violet blue */ /* red - dark red */ /* dark grey */
#whatshot td.topic3, #whatshot td.topic4, #whatshot td.topic5 {border:none;}
/* ---------------------------*/
/* The "Footer" section at the bottom of the page*/
html #footer-wrapper {
position: relative;
width: 100%;
padding-top:0px;
margin-right:10px;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: #fff;
z-index:1000;
}
#footer {
font: normal 8pt arial, helvetica, san-serif;
text-align:left;
color:#fff;
margin: 0px;
padding:5px 0px 5px 10px;
position:relative;
background:#425B6D;
}
#footer hr {width:590px;}
#footer img {
vertical-align:middle;
border:none;
padding:0px 2px 0px 5px;
}
#footer img.reedcouk {
vertical-align:top;
float:right;
}
#footer a {
font:normal 8pt arial, helvetica, san-serif;
text-decoration:none;
color:#fff;
}
#footer a span.callback{
font:bold 8pt arial, helvetica, san-serif;
}
#footer a:hover {
color:#fff;
text-decoration:underline;
}
.reedsfoot {
font-weight: bold;
color:#fff;
}
.callback {color:#fff;}
.foothead {
font: bold 8pt Arial, Helvetica, sans-serif;
color:#fff;
padding:0px 0px 0px 5px;}
/* ---------------------------*/
/* NEW RIGHTSIDE NAV ITEMS FOR COURSE PAGE */
#side div.promotion , #side div.discount, #side div.recommended {
position:relative;
padding:20px;
background:#e7e8eb;
}
#side div.recommended {
overflow:hidden;
}
#side div.promotion h4{
font:normal 13px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#4e5a68;
text-align:left;
width:auto;
}
#side div.promotion p, #side div.discount p, #side div.recommended p {
font:normal 13px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#4e5a68;
}
#side div.discount p {
margin-top:5px;
}
#side div.promotion p a, #side div.discount p a, #side div.recommended p a {
font:normal 13px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#aab4bd;
}
#side div.promotion p a:hover, #side div.discount p a:hover, #side div.recommended p a:hover {
color:#394555;
text-decoration:none;
}
#side div.recommended p.linkthru{
padding:0px;
margin:0px;
float:none;
clear:none;
}
#basket_module
{
float: right;
color: white;
font-family: Arial,verdana,sans-serif;
font-size: 8pt;
width: 280px;
margin-right: 20px;
text-align: right;
}
#basket_module a.basket_link
{
color: white;
font-family: Arial,verdana,sans-serif;
font-size: 8pt;
background-image: url(/images/booking/basket_green.gif);
background-repeat: no-repeat;
padding: 0 0 0 18px;
}
/* CSS Document */
/* Default Site Content Style Sheet */
/* Sets the style for all the areas that make up the site's content */
/* last updated: 14:38 23-11-07*/
/* ----------------------------------------------------------------------------------------------------- */
/* .Content-specific tags */
/* ----------------------------------------------------------------------------------------------------- */
/* Hide special styles in all other pages by default */
.hidefromold {display:none;}
em {
font-style: italic;
text-align: justify;
}
/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
The problem is that those properties together make IE force the container wider,
which in this type of floated layout causes a float drop. Pre-IE6 gets "width: 100%"
and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which
is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
to see the "height: 1%" to give it some kind of box dimension. Browser coddling
we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
If you don't need justified and italicized text then forget all these fixes ***/
/* \*/
* html em {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
#reed_design_2 #title {display:none; visibility:hidden; height:0px; margin:0px;}
#content{margin:0px 0px 0px -5px;
padding:0px 0px 0px 5px;
width:596px;
clear:both;
position:relative;
}
#content div#intro {
width:596px;
margin:0px;
padding:0px;
font: normal 8pt Arial, Helvetica;
color:#888;
line-height:1em;
}
#content div#contenthead{
background:#445D71;
margin:0px;
padding:0px;
position:relative;
overflow:hidden;
}
#content div#contenthead h1 {
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
line-height:64px;
height:64px;
padding:0px 0px 0px 20px;
margin:0px;
}
#content div#contenthead p.back {
position:absolute;
right:2px;
top:3px;
}
#content div#content_area {padding-bottom:20px;}
#content div#content_area div#contenthead{
height:147px;
background:#334859;
}
#content div#content_area div#contenthead h1{
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Verdana, Arial, Helvetica, sans-serif;
padding-top:40px;
margin-bottom:5px;
height:auto;
}
#content div#content_area div#contenthead p {
font:normal 12px Verdana Arial, Helvetica, sans-serif;
color:#fff;
padding:0px 10px 0px 20px;
}
#content div#content_area div#contenthead p a{color:#fff; text-decoration:underline;}
#content div#content_area div#contenthead p a:hover {color:#fff; text-decoration:none;}
* html #content div#content_area div#contenthead p {width/**/:367px;}
#content div#content_area div#contenthead p.back {padding-right:0px;}
#content div#content_area div#contenthead p#strapline {
font:normal 14px Verdana Arial, Helvetica, sans-serif;
}
/*Size of heading for Transport directions one point too small.*/
h1.welcome {font-weight:normal;}
h1.welcome strong {font-weight:bold;}
h1.faculty {
font-weight: bold;
margin: 5px 0px 12px 0px;
}
h1.faculty small {font:normal 8pt Arial;}
h1.thesuppliers {margin:0px !important;}
h1.pgtitle{
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
padding:10px 0px 0px 20px;
}
#content h1.coursepgtitle {
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
padding:30px 0px 0px 20px;
margin:0px;
}
#content h1.clearh1L {
clear:left;
margin:40px;
}
#content h1.clearh1R {
clear:right;
margin:40px;
}
#content h2.subtitle {
font: Bold 9pt Arial;
color:#869598;
height: 14px;
margin: 0px 0px -18px 0px;
}
#content h2.bottomhead {
font:normal 12pt Arial;
color: #c00;
text-align: center;
margin: 10px;
clear:right;
}
#content h2.fachead {
font: bold 10pt Arial;
color: #495154 ;
background:#E2EAEE;
border-bottom:1pt solid #ccc;
border-top:1pt solid #ccc;
padding:2px 0px 2px 10px;
margin:0px 0px 10px -10px;
}
#content h2.slogan {
font: italic 11pt Arial;
color:#6e9556;
padding:2px 0px 2px 10px;
margin:10px 0px 10px -10px;
width:400px;
}
#content h2.slogan2 {
font: normal italic 10pt Arial;
color:#6e9556;
padding:2px 0px 2px 10px;
margin:-5px 0px 10px -10px;
}
#content h3.ctitles {
font: bold 9pt Arial;
color:#33495a !important;
margin:0px 0px 5px 0px;
}
#content h3.ctitles2 {
font: bold 9pt Arial;
color: #999 !important;
margin:0px 0px 5px 0px;
border-bottom:1px dashed #ccc;
}
#content h3 {
font: bold 9pt Arial;
color: #507781;
padding:2px 0px 2px 0px;
margin:10px 0px 0px 0px;
}
#content h3.trainer {font:bold 10pt Arial;color: #c00 !important;}
/*Alternate paragraph styles*/
#content p.here {
color:#c00;
line-height:1.3em;
}
#content p.par1 {color:#555;} /*from REP.css */
#content p.dload {/*from REP.css */
font: normal 8pt Arial;
color: white;
text-align: left;
background:#5F636E;
padding:5px 0px 5px 10px;
margin:5px 0px 5px 0px;
position:relative;
}
#content p.blank {
padding:5px;
margin:0px;
}
#content p.dload a {
font: bold 8pt Arial;
color: white;
}
#content p.traintxt {padding:10px 0px 2px 20px;}
#content p.last {margin: 2px 0px 20px 0px;}
#content p.links {
font: normal 8pt Arial;
color: #495154;
margin: 2px 0px 2px 0px;
}
#content p.lastlink {
font: normal 8pt Arial;
color: #495154;
margin: 2px 0px 20px 0px;
}
#content p.subtext {
font: normal 8pt Arial;
color: #555;
text-align:left;
padding:0px 0px 20px 20px;
}
/*-------------*/
#intro p {margin:0;}
#content div.intro a {color:#FF0F15;}
/*HR styling*/
#content hr.clearhrr {
clear:right;
margin:5px 0px 0px 0px;
}
#content hr.clearhrl {
clear:left;
margin:5px 0px 0px 0px;
}
#content hr.hrbreak {margin:0px !important;}
.hrwidth {width: 420px; margin: 0px; clear:both;}
/*--------------*/
#content div.artimg {
margin:5px 3px 0px 3px;
position:relative;
float:right;
}
#content div.trainimg {
margin:0px 3px 0px 3px;
float:left;
clear:left;
}
/* MainContent */
/* Found in RL */
.empimg img{
margin:0px 3px 20px 0px;
float:right;
position:relative;
/*Hack for FireFox */
overflow: hidden;
}
.empcontent {
margin:0px;
width: 200px;
}
.empcontent h4 {
font: bold 10pt Arial, Helvetica, sans-serif;
text-align:left;
}
.empcontent h5 {
font: normal 8pt Arial, Helvetica, sans-serif;
color:#555;
text-align:left;
margin:0px 0px 20px 0px;
}
.empcontent p {
margin:0px 0px 10px 0px;
}
/* ContentMain */
/* Found in REP */
#content div.contentmain {
width: 397px;
margin: 0px;
padding:0px;
float:right;
position:relative;
border-left:1px solid #ccc;
}
#content div.contentmain p {padding: 5px 0px 0px 2px;}
#content div.contentmain h1 {margin: 0px 0px 0px 2px;}
#content div.contentmain h2 {margin: 0px 0px 0px 2px;}
/*courses home page */
/*courses home page */
/* ----------------------------------------------------------------------------------------------------- */
/* Classes within the .Content tag */
/* ----------------------------------------------------------------------------------------------------- */
/* LEFT and RIGHT general styling*/
.left {
padding:2px 8px 2px 0px;
border-right:1px solid #ccc;
margin:0px;
width:183px;
}
.right {
padding:0px 2px 0px 8px;
margin:0px;
width:183px;
float:right;
}
/* INTRO */
/* Holding Div Tag */
.intro {
margin:0px;
padding:0px;
}
.details {
font:normal 8pt Arial;
color:#557E89;
}
.details input, .details select {margin:0px;}
.details a {
background:#C4D7DD;
margin:0px;
padding:2px;
vertical-align:baseline;
}
/* 4 COLUMNS */
/* Found in: ABOUT US:Personnel page */
/* Columns for use within the content area as on the about page. Used for personnel listing */
/* ----------------------------------------------------------------------------------------------------- */
table.tbl_teams {
width:100%;
}
.col {
vertical-align:top;
margin: 0px 5px 20px 5px;
width:96px;
text-align:center;
}
.colend {
vertical-align:top;
margin: 0px 5px 10px 5px;
float:left;
clear:right;
width:90px;
text-align:center;
}
.col img, .colend img {text-align:center; border:0px;}
.col H4, .colend h4 {
font: normal 9pt Arial, Helvetica, sans-serif;
color:#5B7D88;
text-align:center;
margin: 5px 0% 0em 0%;
word-wrap:break-word;
}
.col H5, .colend h5 {
font: normal 8pt Arial, Helvetica, sans-serif;
color:black;
text-align:center;
margin: 0em 0% 20px 0%;
}
/* NAV */
/* Found in: ABOUT US:Indiv Personnel page and others */
/* ----------------------------------------------------------------------------------------------------- */
.nav {
font: bold 8pt Arial, Helvetica, sans-serif;
text-align:right;
float:none;
color:#fc6f0f;
position:relative;
overflow:hidden;
margin:5px 0px 0px 0px;
padding:0px 2px 0px 0px;
width:auto;
}
.nav a {
color:#33495a;
text-decoration:none;
font-weight:bold;
}
div#content div.contentmain_nofloat div.nav a:hover, div.nav a:hover {
color:#fc6f0f;
text-decoration:none;
font-weight:bold;
}
div#content div.contentmain_nofloat div.nav a {color:#64a821;}
.nav ul {margin:0px; padding:0px; list-style:none; border-left:1px solid #ccc; float:right;}
.nav ul li {float:left; line-height:14px; font-weight:bold; color:#33495a;}
.resultlist div.nav {margin-top:5px; clear:left; float:none; display:inline;}
.courselist div.nav {margin-top:5px; clear:left; float:none;}
.coursenav {float:right;}
/* QUESTIONS */
/* Found in: ABOUT US:Personnel page */
/* Styling for the questionaire */
/* ------------------------------------------------------------------------------< Possible problem----------------------- */
#questions p a {
color:#444;
line-height:1.3em;
}
#questions p a:hover {
color:#061A7B;
font-weight:bold;
text-decoration:none;
line-height:1.3em;
}
#questions {
background:#E2EAEE;
border-top: 1px solid #8DA8AF;
border-bottom: 1px solid #8DA8AF;
width:414px;
}
#questionhead {
background:#F3F7F8;
border-top: 1px solid #8DA8AF;
padding:5px 0px;
width:414px;
}
#questionhead h2{
font: bold 9pt Arial, Helvetica, sans-serif;
color:#879192;
margin:0px 0px 0px 10px;
}
#questions p.qu {
font-weight:bold;
color:#5E7074;
margin:5px 0px 0px 15px;
}
#questions p.ans{
color:#6F7477;
margin:0px 0px 10px 25px;
}
/* STYLE OF FORM SHEETS FOR ALL THE FORM-SPECIFIC PAGES */
/* Controls the styles of input boxes, etc and general layout of forms within the Content section */
/* ----------------------------------------------------------------------------------------------------- */
.formHead {
margin:0px 0px 5px -10px;
padding:0px;
width:100%;
}
#content div.formHead h3 {
font:bold 9pt arial;
color: #263A43;
background: #EDF2F8;
border-top: 0px solid #EDF2F8;
border-bottom: 0px solid #EDF2F8;
margin:0px;
padding:5px 0px 5px 10px;
}
#content div.formHead h6 {
font: normal 8pt arial;
color:#4C717E;
background:transparent;
margin: 0px;
text-align:right;
padding: 5px 10px 5px 0px;
float:right;
}
.formHead h6 strong {
font: normal 8pt arial;
color:#c00 !important;
background:transparent;
}
.formBoxHead {
margin:0px;
padding:0px;
width:100%;
background: #D9E0ED;
border-top: 1px solid #A1B3D4;
border-bottom: 1px solid #657085;
}
div#logon_form div.formBoxHead, div#myprofile_form div.formBoxHead, div#generic_form div.formBoxHead{
margin:10px 0px 0px 0px;
padding: 0px;
background: transparent;
border:none;
}
div#logon_form div.formBoxHead h2, div#myprofile_form div.formBoxHead h2, div#generic_form div.formBoxHead h2, div.formBoxHead h2{
font:bold 9pt arial;
color:#33495a;
margin:0px 0px 0px 5px;
padding:5px 0px 5px 5px;
}
.formBoxHead h3 {
font:bold 9pt arial !important;
color:#700 !important;
margin:0px;
padding:5px 0px 5px 10px;
background: #EDF2F8;
border-top: 0px solid #EDF2F8;
border-bottom: 0px solid #EDF2F8;
}
.formBoxHead h6 {
font: normal 8pt arial;
color:#4C717E;
background:transparent;
margin: 0px;
text-align:right;
padding: 5px 5px 3px 0px;
float:right;
}
div#logon_form div.formBoxHead h6 {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#D75700;
background:transparent;
}
div#myprofile_form div.formBoxHead h6, div#generic_form div.formBoxHead h6{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#888;
background:transparent;
margin: 0px 0px 20px 10px;
text-align:left;
padding: 0px;
float:none;
}
.formBoxHead h6 strong {
font: normal 8pt arial;
color:#c00 !important;
background:transparent;
}
.formBoxHead p {
font:normal 9pt arial !important;
color:#4C717E !important;
margin:0px !important;
padding:0px 0px 0px 10px;
}
div#logon_form div.formBoxHead a, div#myprofile_form div.formBoxHead a {
font:normal 12px Verdana, Arial, Helvetica, sans-serif !important;
color:#D75700 !important;
margin:0px;
padding:1px 0px 1px 0px;
}
div#logon_form div.formBoxHead a:hover, div#myprofile_form div.formBoxHead a:hover {
font:normal 12px Verdana, Arial, Helvetica, sans-serif !important;
color:#007 !important;
margin:0px;
padding:1px 0px 1px 0px;
}
.formBoxHead p a {
font:bold 9pt arial !important;
color:#700 !important;
margin:0px;
padding:1px 0px 1px 0px;
}
.formBoxHead p a:hover {
font:bold 9pt arial !important;
color:#007 !important;
margin:0px;
padding:1px 0px 1px 0px;
}
/*click*/
.formbox {
font:normal 8pt arial;
color:#263A43;
background:#EDF2F8;
margin:0px 0px 20px 0px;
padding:5px 0px 10px 5px;
border-bottom: 1px solid #657085;
width:591px;
height:100%;
clear:both;
/*hack */
overflow:hidden;
}
* html .formbox {
height: 0;
overflow: visible
}
.formbox h3 {
font: bold 9pt arial;
color:#263A43;
margin:0px;
padding:5px 0px 5px 10px;
}
.formbox h2 {
font: bold 8pt arial;
color:#888;
margin:0px;
clear:both;
padding:15px 0px 5px 5px;
}
.formbox p {
font: bold 8pt arial;
text-align:left;
margin:5px 0px -14px 5px;
width:105px;
}
.formbox p.chkbxspc {
padding:0px 0px 0px 25px;
}
.formbox h6 {
font: normal 8pt arial;
text-align:left;
margin:5px 0px 20px 5px !important;
}
.errormsg {
font:normal 7pt arial;
color:#c00;
margin:0px 0px 0px 5px;
}
.top_errormsg p {
font:normal 7pt arial;
color:#c00;
margin:10px 0px 10px 5px;
}
/*..help message...*/
.helpmsg {
margin:5px 0px 10px -5px;
padding:0px 0px 10px 0px;
}
/*hack */
.helpmsg {
overflow: hidden;
}
* html .helpmsg {
height: 0;
overflow: visible
}
.formbox p.txtarea {
margin: 0px 0px 0px 5px;
}
.formbox textarea {
font:normal 8pt arial;
color:#444;
margin:15px 0px 20px 5px;
width:245px;
}
.formbox input.remme {
width:20px;
margin:0px 0px 5px 0px;
vertical-align:middle;
}
#content div.formbox div.helpmsg p {
margin: 0px 0px 5px 0px;
padding:0px 0px 10px 0px;;
float:left;
width:110px;
}
.helpmsg span.errormsg {
margin: 0px 0px 0px 5px;
}
#content div.formbox div.helpmsg p.msg {
font:normal 7pt arial;
color:#555 !important;
margin: 0px 0px 10px 0px;
float:left;
clear:left;
width:110px;
}
#content div.formbox div.helpmsg p.vipmsg {
font:normal 7pt arial;
color:#555 !important;
margin: 0px 0px 10px 0px;
float:left;
clear:left;
width:390px;
}
.helpmsg input, .helpmsg select {
margin: 0px;
}
/*...help message ends...*/
span.errormsg, {
margin: 0px 10px 0px 5px;
vertical-align:top;
}
div.errormsg {
margin:0px 0px 10px 120px;
}
.formMargin {
margin:0px 0px 5px 120px;
}
.formMargin2 {
margin:0px 0px 5px 118px;
}
.formMarginLong {
margin:0px 0px 5px 185px;
}
.formMarginNone {
margin:0px 10px 5px 0px;
padding:1px 0px 1px 0px;
clear:right;
}
.formMarginNoneR {
margin:0px 10px 5px 0px;
padding:1px 0px 1px 0px;
float:right;
clear:right;
}
.submitIt {
cursor:pointer;
margin:20px 0px 5px -5px;
}
.submitIt2 {
cursor:pointer;
clear:both;
margin:10px 0px 5px 0px;
}
.submitItR {
cursor:pointer;
text-align:right;
clear:both;
margin:10px 0px 5px 0px;
}
.button {cursor:pointer;}
.buttondead {
cursor:default;
font: 7pt verdana, arial, san-serif;
color:#999;
background: #F8FAFB;
margin:0px 0px 0px 5px;
padding:2px 5px;
width:125px;
border: 1px solid #A0A6A4;
}
.submitIt a p {
cursor:pointer;
font: bold 8pt arial;
color:#fff !important;
width:250px;
background: url(/images/formsubmit.gif) #BE050A no-repeat;
text-align:right;
margin:0px;
padding:1px 10px 1px 0px;
}
.submitIt a:hover p {
font: bold 8pt arial;
text-decoration:none;
color:#fff !important;
background: url(/images/formsubmit_over.gif) #444 no-repeat;
text-align:right;
margin:0px;
padding:1px 10px 1px 0px;
}
p.terms {
text-align:left;
margin:20px 0px 0px 5px !important;
}
p.terms a {
font: bold 8pt arial;
color:#666 !important;
}
p.terms a:hover {
color:#c00 !important;
}
input.chkbx, table.chkbx td input, table.areaofinterest td input {
width:20px;
margin:0px 5px 0px 0px;
vertical-align:middle;
}
p.formDetails {
margin:0px 0px 2px 0px !important;
}
.formstyle {
margin:0px 10px 0px 5px;
}
.interestarea {
}
.interestarea p.left {
}
.interestarea p.right {
}
span.errormsgChkbx {
margin: 0px 10px 0px -8px;
vertical-align:top;
color:#c00;
}
.go {
margin:10px 115px 0px 0px;
text-align:right;
}
.seldelegate {
margin: 20px 0px 10px 0px;
width:410px;
}
.newdelegate {margin: 20px;
width:410px;
}
.newdelegate p {
font: bold 9pt Arial;
margin: 0px 0px -14px 10px;
}
/* QUOTE */
/* Controls the style of quote blocks found generally just below the header image (headImg) */
/* ----------------------------------------------------------------------------------------------------- */
/* wide quote styling */
#content div.quote {
background: url(/images/quotebg_wide.gif) #F2F2F2 no-repeat center;
margin:0px;
padding:10px 0px 10px 0px;
height:42px;
width:594px;
clear:both;
}
#content div.quote h1 {
font: bold 9pt Arial;
margin: 0px 40px 0px 25px;
padding: 0px;
color:#7A9AA3;
width:400px;
text-align:right;
}
#content div.quote p {
font: bold 7pt Arial;
margin: 0px 25px 0px 24px;
padding: 0px;
width:400px;
text-align:right;
}
/* LOGIN LINKS */
/* links to login tables within the Content section - links in following format: '> delegates login' */
/* ----------------------------------------------------------------------------------------------------- */
p.loginlink {
margin:0px 0px 0px -10px !important;
padding:1px 0px 1px 0px;
}
#content p.loginlink a {
color:#698A93;
margin:0px 0px 0px 10px !important;
background: url(/images/here.gif) no-repeat !important;
padding: 0px 0px 0px 14px;
}
/* COURSE SELECT LINKS */
/* Very similar to Login Links. Just becomes inline to the previous /
element. format: '> course select' */
/* ----------------------------------------------------------------------------------------------------- */
p.courseselect {
margin: 0px !important;
padding:0px;
text-align:left;
}
#content p.courseselect a {
color:#698A93 !important;
margin:0px 0px 0px 10px !important;
background: url(/images/here.gif) no-repeat !important;
padding: 2px 0px 0px 14px;
}
.tbl_coursedetails {
margin:10px 0px 0px 0px;
padding:0px;
font:normal 8pt Arial;
color:#888;
}
.tbl_invoicedetails {
margin: 10px 0px 10px -5px;
font: 8pt Arial;
color:#888;
}
tbl_interests {
margin: 10px 0px 10px 20px;
padding: 10px;
font: 8pt Arial;
color:#888;
}
.tbl_buttons {
width:410px;
margin:0px 0px 10px 0px;
border:none;
padding:0px;
}
.tbl_coursedates {
width:410px;
margin:0px 0px 10px 0px;
border:none;
padding:0px;
}
.tbl_coursedates td{
font:normal 8pt Arial;
color:#555;
text-align:left;
margin:0px;
border:none;
padding:2px 0px 2px 0px;
}
.tbl_totalprice {
width:200px;
margin:10px 0px 10px 0px;
background:#EFF3F6;
border:1px solid #999;
text-align:center;
}
.tbl_totalprice td.title{
text-transform:capitalize;
}
.tbl_invoicedetails td.title {width:120px;}
.tbl_coursedetails td.option {}
td.title {
font-weight:bold;
width:65px;
text-decoration:none;
}
td.detail {width:275px; text-align:left;}
td.date {width:50px; font-weight:bold;}
td.venue {width:80px;}
td.cost {width:130px;}
td.select {margin: 0px 10px 0px 0px;}
td.price {font: bold 12pt Arial; padding: 4px 0px 4px 0px;}
.formbuttons {text-align:right; margin:10px 0px 0px 0px;}
.formbuttons2 {text-align:right; margin:20px;}
.coursedetails {
margin:0px;
padding:0px;
}
.coursedetails p {
font:normal 8pt Arial;
margin:0px;
padding:3px 0px 3px 0px;
}
/* PROFESSIONAL QUALIFICATIONS */
div#qualification_template {
clear:both;
position:relative;
min-height:430px;
height:auto !important;
height:430px;
}
/* LHS NAVIGATION BAR INCL LOCATIONS AND SCHOOL THINK */
/*from/found in REP */
/* Sets the style for the left hand "venues in UK" and School Think bar in REP page */
/* ------------------------------------------------------------------------------------- */
.leftnav {
width:198px;
margin: 0px;
padding:0px;
border-right:none;
}
#reed_design_2 div.leftnav {width:195px;}
.leftnavfloat {
width:198px;
margin: 0px;
padding:0px;
border-right:1px solid #ccc;
float:left;
}
div#qualification_template div.leftnavfloat {border:none; width:199px;}
ul.location, .location, .location ul {
margin:0px;
padding:0px;
list-style:none;
border-bottom:none;
}
#qualification_template ul.location{
margin-bottom:300px;
}
.location_2 {
border-bottom:1px solid #ccc;
padding:10px 0px 10px 2px;
}
#content div.leftnav div.location h2,
#content div.leftnavfloat div.location h2,
#content div.leftnav div.location strong,
div#content div.leftnavfloat ul.location h2 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
border-bottom:1px solid #ccc;
margin:0px;
line-height:26px;
}
div#qualification_template div.leftnavfloat ul.location li a:hover {color:#589220;}
#content div.schoolthink {
margin: 10px 0px 0px 10px;
padding: 0px;
}
#content div.schoolthink div.stinfo {
height:130px;
width:110px;
background: url(/images/schoolthink.gif) no-repeat;
margin: 0px 0px 0px -10px;
}
#content div.schoolthink div.stinfo p {
font:normal 8pt arial;
color:#333;
text-decoration:none;
background:transparent;
text-align:center;
width:100px;
padding: 50px 0px 6px 15px;
margin: 5px 0px 0px -10px;
}
#content div.schoolthink p {
font:normal 8pt arial;
color:white;
text-decoration:underline;
background:#888;
text-align:center;
width:107px;
padding: 6px 0px 6px 0px;
margin: 1px 0px 0px -8px;
}
#content div.schoolthink p a{
font:bold 8pt arial;
color:white;
text-decoration:underline;
background:#888;
text-align:center;
}
#content div.schoolthink p a:hover{
font:normal 8pt arial;
color:white;
text-decoration:none;
background:#888;
text-align:center;
}
/*-------Logo List-------------- */
.logolist {display: none;}
.logolist p
{
font: normal 8pt arial;
margin:5px 5px 0px 5px;
text-align:center;
}
.logolist img
{
display:block;
margin:5px auto;
}
/*------------------------------ */
/*2 RED TABBED BUTTONS AT THE TOP OF THE CONTENT SECTION */
/*from/found in REP */
/* looking tabs - class - for the red tabs just under header.. */
/* ------------------------------------------------------------------------------------- */
.lookingtabL {
font: bold 10pt Arial;
line-height:11pt;
color:white;
background:#c00;
width:201px;
padding:5px 0px 5px 10px;
margin: 5px 0px 0px -7px;
clear:left;
float:left;
}
.lookingtabR {
font: bold 10pt Arial;
line-height:11pt;
color:white;
background:#c00;
width:201px ;
padding:5px 0px 5px 10px;
margin: 5px 0px 0px 3px;
float:left;
clear:right;
}
.lookingtabL a {
font: bold 8pt Arial;
line-height:11pt;
color:white;
}
.lookingtabR a {
font: bold 8pt Arial;
line-height:11pt;
color:white;
}
.lookingtabL a:hover {font: bold 8pt Arial; line-height:11pt; color:white; text-decoration:underline;}
.lookingtabR a:hover {font: bold 8pt Arial; line-height:11pt; color:white; text-decoration:underline;}
/* COURSE HEAD / SURVEY LINK */
/*from/found in REP */
/* CourseHead - class - mostly for the "Take part in our survey.." links */
/* ------------------------------------------------------------------------------------- */
.courseHead {
margin: 10px 0px;
padding: 0px 0px 0px 5px;
background: #EFF3F6;
border-top: 1px solid #BCBDC1;
border-bottom: 1px solid #BCBDC1;
width:417px !important;
position:relative;
}
/*hack (for fixing: when FF doesn't contain a floated object, but ie does (and you need it to) */
.courseHead {
overflow: hidden;
}
* html .courseHead {
height: 0;
overflow: visible;
}
.cHborder {
margin:0px 0px 0px -10px;
padding:0px;
width:400px;
}
#content div.courseHead h1 {
font:bold 10pt arial;
color: #3D7183;
padding:2px 0px 2px 0px;
margin:0px;
float:left;
}
#content div.courseHead h1 a {
font:bold 10pt arial;
color: #105060;
text-decoration:underline;
}
#content div.courseHead h1 a:hover {
font:bold 10pt arial;
color: #828F9A;
text-decoration:none;
}
.courseHead h2 {
font:normal 8pt arial;
color: #3D7183;
padding:2px 0px 2px 10px;
margin:0px;
float:left;
}
.courseHead h2 strong {
font:bold 8pt arial;
color: black;
}
#content div.courseHead h3 {
font:bold 8pt arial;
color: #555;
padding:2px 0px 2px 0px;
margin:0px;
float:left;
}
.courseHead h4 {
font:normal 10pt arial;
color: #c00;
text-align:left;
padding:2px 0px 2px 10px;
margin:0px;
float:left;
}
.courseHead h4 strong {
font:bold 10pt arial;
color: #555;
float:left;
}
.courseHead h5 {
font:bold 9pt arial;
color: #333;
padding:2px 0px 2px 10px;
margin:0px;
float:left;
}
.courseHead p {
font:normal 8pt arial;
color: #ccc;
text-align:right;
padding:4px 5px 4px 10px;
margin:0px;
}
.courseBox {
font:normal 8pt arial;
color:#263A43;
background:transparent;
margin:0px 0px 20px -10px;
padding:0px;
border-bottom: 1px solid #BCBDC1;
width:413px;
height:100%;
}
.courseHead2 {
margin: 10px 0px 10px 5px;
padding: 2px 0px 2px 5px;
background: #EFF3F6;
border-top: 1px solid #BCBDC1;
border-bottom: 1px solid #BCBDC1;
width:273px;
position:relative;
clear:both;
}
/*hack */
.courseHead2 {
overflow: hidden;
}
* html .courseHead2 {
height: 0;
overflow: visible;
}
.courseHead2 h2
{
font:bold 8pt Arial;
color: #3D7183;
}
.boxLight {background:#F8F9FB; margin:0px !important; padding:10px 0px 10px 5px;}
.boxDark {background:#E8EDF0; margin:0px; padding:10px 0px 10px 5px;}
.courseBox p {
font: normal 8pt arial;
text-align:left;
margin:0px 0px 0px 5px !important;
}
.pdf {
margin:0px 0px 0px 250px;
float:right;
width:120px;
}
.pdf img {
margin:0px 5px 0px 0px !important;
vertical-align:middle;
padding: 0px;
border:none;
}
.pdf a {
font: bold 8pt arial;
color:#c00;
text-align:left;
margin:0px 0px 0px 3px !important;
padding:1px 0px 1px 0px;
}
.pdf a:hover {
font: bold 8pt arial;
color:#c00;
text-align:left;
text-decoration:underline;
margin:0px 0px 0px 3px;
padding:1px 0px 1px 0px;
}
.courseBox p strong {
font: bold 9pt arial;
color:#3D7183;
text-align:left;
margin:0px 5px 0px 3px !important;
padding:1px 0px 1px 0px;
}
.courseBox p a {
font: normal 8pt arial;
color:#c00 !important;
text-align:left;
margin:0px 5px 0px 3px !important;
padding:1px 0px 1px 0px;
}
.courseBox h6 {
font: bold 9pt arial;
text-align:left;
color:#3D7183;
margin:5px 0px 5px 5px !important;
padding: 0px !important;
}
.courseBox h3 {
font: bold 9pt arial;
text-align:left;
color:#555;
margin:15px 0px 5px 5px !important;
padding: 0px !important;
}
.courseBox h3 small {
font: normal 8pt arial;
text-align:left;
color:#666;
}
.courseBox h3 small a:link {
font: normal 8pt arial;
text-align:left;
color:#c00 !important;
}
.courseBox h3 small a:hover {
font: bold 8pt arial;
text-align:left;
color:#c00 !important;
text-decoration: none;
}
/* TRAINING CATEGORIES */
/*from/found in REP */
/* Catagory - class - styling for the education catagories */
/* ------------------------------------------------------------------------------------- */
.train-cat {
margin: 7px 0px 5px 5px;
padding: 0px;
}
.train-cat img
{
float:left;
padding:0px 5px 0px 0px;
margin:0px;
background:#fff;
}
#content div.train-cat h3{
font: bold 9pt Arial;
color:#666;
margin:0px 0px 3px 0px;
padding:0px;
border-bottom: 1px solid #ccc;
}
#content div.train-cat p{
margin: 0px 0px 15px 0px;
text-align:left;
position:relative;
}
#content div.train-cat p.go{
text-align:right;
margin: 0px;
padding:0px 0px 2px 0px;
float:right;
}
/* .categorybot {
margin: 8px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#content div.categorybot h3{
font: bold 9pt Arial;
color:#666;
margin:0px 0px 0px 15px;
}
*/
/* ------------ICONS ---------------- */
img.iconimg
{
float:left;
padding:0px 5px 0px 0px;
margin:-5px 0px 0px 0px;
vertical-align:bottom;
}
/* ---------------------------------- */
/* EDUCATION CATEGORIES */
/*from/found in REP */
/* Catagory - class - styling for the education catagories */
/* ------------------------------------------------------------------------------------- */
.category {
margin: 8px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #eee;
}
#content h3.category {
font: bold 9pt Arial;
color:#666;
margin:0px;
border-bottom:none;
}
#content div.contentmain p.category {
font: normal 8pt Arial;
color:#888;
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px solid #eee;
}
#content div.contentmain div.category p{
font: normal 8pt Arial;
color:#888;
margin:0px;
padding:0px;
border-bottom:none;
}
#content div.category h3{
font: bold 9pt Arial;
color:#666;
margin:0px;
}
.categorybot {
margin: 8px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#content div.categorybot h3{
font: bold 9pt Arial;
color:#666;
margin:0px;
}
/* 2-columned Notice-board */
/* from/found in RTP */
/* Styling for the Notices area on Training Professionals.. */
/* ------------------------------------------------------------------------------------- */
.notice {
padding:0px;
margin:0px;
border-bottom:1px solid #ccc;
vertical-align:top;
width:100%;
float:left;
clear:both;
}
#content div.notice h3 {
font: bold 9pt Arial;
color: #333;
margin:0px 0px 5px 0px;
}
#content div.notice p {
font: normal 8pt Arial;
color: #999;
}
.notice img {
float:left;
margin: 2px 4px 3px 0px;
}
.noticebot {padding:5px 0px 5px 0px;}
.noticeR {
padding:7px 2px 7px 8px;
border-left:1px solid #ccc;
margin:0px 0px 0px -1px;
width:289px;
float:right;
clear:right;
}
.noticeL {
padding:7px 8px 7px 0px;
border-right:1px solid #ccc;
margin:0px;
width:288px;
float:left;
}
/* COURSE STYLE */
/* Found in Public Courses */
/* ------------------------------------------------------------------------------------- */
.courses {margin:0px; position:relative;}
#content div.courses h1 {
font: bold 10pt Arial;
color:#c00
}
#content div.selsearch {
background: #828F9A;
width:410px;
clear:both;
margin:0px 0px 10px 0px;
float:left;
}
#content div.selsearch p{
font: bold 10pt Arial;
color:#fff;
background:#828F9A;
margin:0px;
padding:3px 3px 3px 3px;
align:center !important;
float: left;
}
#content div.selsearch p.chosen{
color:#000;
background:#E0E3E6;
border-right:3px solid #C1C7CD;
width: 120px;
align:center !important;
}
#content div.selsearch p.choice{
color:#fff;
background:#828F9A;
width: 121px;
}
body div#content div.selsearch p a{
font: bold 10pt Arial;
color:#fff;
margin:0px;
padding:5px 5px 5px 5px;
}
body div#content div.selsearch p a:hover{
font: bold 10pt Arial;
color:#c00;
margin:0px;
padding:5px 5px 5px 5px;
}
.formalign {
vertical-align:middle;
padding:0px 0px 0px 10px;
}
.venuesearch {
clear:left;
margin:0px;
}
.venuesearch input.formMargin {
margin:0px 0px 5px 120px;
}
#content div.venuesearch p {
color:#555;
margin: 0px 0px -15px 0px;
width:119px;
}
.c_date {
float:left;
clear:left;
width:75px;
margin:0px;
text-align:left;
}
.c_name {
float:left;
width:220px;
margin:0px;
text-align:left;
}
.c_venue {
float:left;
width:100px;
margin:0px;
text-align:left;
}
.c_date h3, .c_name h3 {margin:0px 0px 20px 0px;}
.c_date p {color:#666; margin:1px 0px 1px 0px;}
.c_name p, .c_venue p {margin:1px 0px 1px 0px;}
#content div.c_name p a {
font:normal 8pt Arial;
color:#999;
text-decoration:underline;
}
#content div.c_name p a:hover {
color:#999;
text-decoration:none;
}
.streamsearch {margin: 10px 0px 10px 0px;
}
.s_nameR {
float:left;
width:200px;
margin:0px 0px 1px 0px;
text-align:left;
}
.s_nameL {
float:left;
clear:left;
width:200px;
margin:0px 0px 1px 0px;
text-align:left;
}
.s_nameL p, .s_nameR p {margin:0px;}
#content div.s_nameL p a, #content div.s_nameR p a {
font:normal 8pt Arial;
color:#999;
text-decoration:underline;
}
#content div.s_nameL p a:hover, #content div.s_nameR p a:hover {
color:#999;
text-decoration:none;
}
/* SITEMAP STYLES */
/*from/found in RL Sitemap */
/* Styling for the sitemap */
/* ------------------------------------------------------------------------------------- */
/* SITEMAP STYLES */
/*from/found in RL Sitemap */
/* Styling for the sitemap */
/* ------------------------------------------------------------------------------------- */
.siteMapStyle {
width:400px;
position:relative;
}
.siteMapStyle h3.expamd {
width:400px;
}
.siteMapStyle a {
cursor:pointer;
}
.siteMapStyle p {width: 380px;}
#content div.siteMapStyle div.here p {
background: url(/images/here.gif) #fff no-repeat;
}
/*area, etc.. */
.siteMapStyle div.area {
width:400px;
position:relative;
}
.siteMapStyle div.area p {
padding: 0px 0px;
margin: 0px;
width:400px;
position:relative;
}
.siteMapStyle div.area p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
text-align:left;
text-decoration:none;
padding: 2px 15px;
}
.siteMapStyle div.area p a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
/* The Main Menu: The terms submenu including terms and conditions amongst others */
.siteMapStyle div.page p {
padding: 0px 0px;
margin: 0px;
width:400px;
}
.siteMapStyle div.page p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
text-align:left;
text-decoration:none;
padding: 2px 0px 2px 25px;
}
.siteMapStyle div.page p a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
/* The terms submenu including terms and conditions amongst others */
.siteMapStyle div.bottom p {
padding: 0px 0px;
margin: 0px;
width:400px;
}
.siteMapStyle div.bottom p a {
font: normal 8pt Arial, Helvetica, sans-serif !important;
text-align:left;
text-decoration:none;
padding: 2px 0px 2px 15px;
}
.siteMapStyle div.bottom p a:hover {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
text-decoration:none;
}
.siteMapStyle div.navigation_promo {
display:none;
}
.siteMapStyle div.global_book,
.siteMapStyle div.global_find,
.siteMapStyle div.global_eupdates,
.siteMapStyle div.global_enquiries,
.siteMapStyle div.global_directory
{
display:none;
}
/* VENUE STYLES */
/*from/found in Venue Specific pages */
/* Styling for the venues page */
/* ------------------------------------------------------------------------------------- */
.thevenue {
margin:20px;
padding: 0px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
clear:both;
}
.mediadloads {
float:right;
width:140px;
height:148px;
background:#F9FBFB;
border-left: 1px solid #ccc;
margin:0px;
padding:0px;
position:relative;
}
.availcourses {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
float:right;
clear:right;
text-align:center;
width:140px;
margin: -35px 0px 0px 0px;
padding: 5px 3px 5px 3px;
}
.availcourses a {
color:#555;
line-height:0.7em;
}
.availcourses a:hover {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#555;
line-height:0.7em;
text-decoration:underline;
}
.mediatop {
border-bottom: 1px solid #ccc;
margin:0px 0px 5px 0px;
padding:20px 0px 23px 0px;
background:#F3F7F7;
}
.media {
text-align:left;
margin: 0px;
padding: 0px;
}
.media img {
margin:0px 5px 0px 0px !important;
vertical-align:middle;
padding: 0px;
border:none;
}
#content div.mediadloads p a {
font: bold 8pt arial;
color:#c00;
text-align:left;
text-decoration:none;
}
#content div.mediadloads p a:hover {
font: bold 8pt arial;
color:#c00;
text-align:left;
text-decoration:underline;
}
.venuepic {
width:275px;
height:121px;
margin: 0px;
padding: 19px 0px 9px 0px;
}
#content img.ven {vertical-align:top; border:1px solid #999}
/*Venue List Styling */
.venuelist {}
.venueItem {clear:left; width:100%; padding:4px 0px; border-bottom:1px solid #ccc; overflow:hidden;}
.venueItem img{float:left;}
.venueItem div.info {
float:left;
margin:20px 0px 0px 20px;
width:440px;
}
.venueItem div.info h2 {color:#324859;}
.venueItem div.info p {
color:#666;
margin:5px 0px 10px 0px;
}
.venueItem ul.venuemenu {
margin:0px;
padding:0px;
list-style:none;
}
.venueItem ul.venuemenu li {
float:left;
padding-right:5px;
}
.venueItem ul.venuemenu li a {color:#62A820;}
.venueItem ul.venuemenu li a:hover {color:#324859; text-decoration:none;}
.venues {
margin: 0px 0px 0px 5px;
padding:0px;
float:right;
width:440px;
vertical-align:top;
}
.venuesD {
padding:10px 3px 10px 3px;
border-bottom:1px solid #ccc;
}
.venuesL {
margin:0px;
padding:10px 3px 10px 3px;
border-bottom:1px solid #ccc;
}
/*hack */
.venuesL {
overflow: hidden;
}
* html .venuesL {
height: 0;
overflow: visible
}
.venues h2 {
padding:0px;
font: bold 8pt Arial;
color:#405E66;
}
.venues p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
margin:0px;
}
.venues img {
padding:0px;
margin:0px;
}
#content div.venues p a {
font: bold 8pt Arial;
color:#c00;
padding:0px ;
}
#content div.venues p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
.address {
width:160px;
float:right;
margin:0px;
padding:0px;
clear:right;
}
.map {text-align:center; vertical-align:top;}
.map img {
border:1px solid #ccc;
padding:2px;
}
#content div.address p {
text-align:right;
}
#content div.address p a {
font:normal 8pt arial;
color: red;
}
.addressbox {
padding:10px 5px 10px 5px;
background: #F0F3F4;
width:150px;
}
.addressbox table {
padding:0px;
width:150px;
}
#content div.address div.addressbox p.adleft {
font:bold 8pt Arial;
color:#405E66;
text-align:left;
margin:0px;
}
#content div.address div.addressbox p.adright {
font:normal 8pt Arial;
color:#444;
text-align:left;
margin: 0px 0px 10px 5px;
width:150px;
}
#content div.address div.addressbox p.adright a {
font:normal 6.5pt Arial;
width:150px;
}
.directions {
margin:0px 2px 0px 1px;
max-width:210px;
text-align:left;
clear:left;
}
.dirhead {
font: bold 9pt Arial;
color:#c00;
max-width:210px;
width:50%;
background: #F0F3F4 /*#c00*/;
padding: 3px 0px 3px 5px;
margin: 0px 10px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.directions h2 {
padding:10px 0px 0px 0px;
font: bold 9pt Arial;
color:#405E66;
}
.directions p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
/* NEWS ITEM STYLES */
/*from/found in Reed Business School News and Events */
/* Styling for the news and events page */
/* ------------------------------------------------------------------------------------- */
#content img.news {vertical-align:top; align:right;}
.newsItem {
margin: 0px;
padding: 0px;
float:left;
width:440px;
vertical-align:top;
}
.newsItemD {
padding: 10px 0px 4px 10px;
width:586px;
border-bottom:1px solid #ccc;
margin:0px;
background:#97b4bd;
}
/*hack (for fixing: when FF doesn't contain a floated object, but ie does (and you need it to) */
.newsItemD {
overflow: hidden;
}
* html .newsItemD {
height: 0;
overflow: visible;
}
.newsItemL {
width:586px;
padding: 10px 0px 4px 10px;
margin:0px;
background:#e1e9ec;
border-bottom:1px solid #ccc;
}
/*hack (for fixing: when FF doesn't contain a floated object, but ie does (and you need it to) */
.newsItemL {
overflow: hidden;
}
* html .newsItemL {
height: 0;
overflow: visible;
}
.newsItem h2 {
padding:0px;
font: bold 8pt Arial;
color:#000;
}
.newsItem p {
font: normal 8pt Arial;
padding: 0px;
}
.newsItemD p {color:#fff;}
.newsItemL p {color:#000;}
#content div.newsItem p a {
font: bold 8pt Arial;
color:#000;
padding: 0px;
text-decoration:underline;
}
#content div.newsItem p a:hover {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
text-decoration:none;
}
/* FAQ PAGE STYLES */
/*from/found in FAQ */
/* Styling for the faq page */
/* ------------------------------------------------------------------------------------- */
.FAQ_Q p {
background: url(/images/turqarrow.gif) no-repeat;
padding:0px 0px 5px 15px;
margin:0px;
width:365px;
}
.FAQ_Q p a {
font: bold 8pt arial;
background: url(/images/imjustadummy.gif) transparent no-repeat;
color:#555;
}
.FAQ_Q p a:hover {
font: bold 8pt arial;
color:#c00;
}
.FAQ_A {
margin:0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat;
width:390px;
vertical-align:top;
}
.FAQ_AD {
padding:10px 3px 10px 13px;
margin:0px 0px 0px -10px;
background:#D0DEE1;
border-bottom:1px solid #ccc;
}
.FAQ_AL {
padding:10px 3px 10px 13px;
margin:0px 0px 0px -10px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
}
.FAQ_A h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
}
.FAQ_A p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
#content div.FAQ_A p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.FAQ_A p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
.userhist {
background: #617880;
margin:0px 0px 0px -10px;
padding: 4px 0px 4px 10px;
}
.attendqu {
background: #6e9556;
margin:0px 0px 0px -10px;
padding: 4px 0px 4px 10px;
}
.attendqu2 {
margin:0px 0px 0px -10px;
padding: 4px 0px 4px 10px;
}
.accred {
background: #727789;
margin:0px 0px 20px -10px;
padding:4px 0px 4px 10px;
float:left;
clear:both;
width:420px;
}
.pdfdload {
background: #6e9556;
margin:0px 0px 5px 0px;
padding: 1px 0px 1px 10px;
float:left;
clear:both;
width:400px;
}
.pdfdload p a {
font: bold 9pt Arial;
color:#fff;
text-align:right;
float:left;
padding: 3px 0px 0px 10px;
width:347px;
}
.pdfdload p a:hover {
font: bold 9pt Arial;
color:#fff;
text-decoration:underline;
}
.pdfdload img {
background:white;
padding: 1px 3px 1px 1px;
margin:0px 0px 0px 10px;
border:none;
}
.hilight p {
font: normal 8pt Arial;
color:#fff;
margin: 0px 0px 2px 0px;
}
.hilight p strong {
font: bold 10pt Arial;
color:#fff;
}
.hilight p.accr {
font: normal 9pt Arial;
color:#fff;
float:left;
padding: 10px 0px 0px 10px;
}
.hilight img {float:left; margin:0px 0px 0px 10px;}
.hilight p a {
font: normal 8pt Arial;
color:#fff;
margin: 0px;
}
.hilight p a:hover {
font: normal 8pt Arial;
color:#fff;
text-decoration:underline;
margin: 0px;
}
.benefits p {
font: normal 8pt Arial;
color:#617880;
padding:0px 0px 5px 10px;
}
.benefits ul {
padding:0px;
margin:0px 0px 0px 0px;
}
.benefits li {
font: normal 8pt Arial;
color:#617880;
list-style:url(/images/olivedot.gif);
padding:0px;
margin:0px 0px 5px 10px;
}
.benefits p strong {
font: bold 8pt Arial;
color:#6e9556;
}
.attendqu2 div.hilight p strong { color:#6E9556;}
.attendqu2 div.hilight p { color:#555;}
.c-box1 {margin:0px 0px 10px 0px; padding:0px; width:410px; border: 1px solid #555; float:left; clear:both;}
.c-box2 {margin:0px 0px 10px 0px; padding:0px; width:410px; border: 1px solid #687f85; float:left; clear:both; }
.c-box3 {margin:0px 0px 10px 0px; padding:0px; width:410px; border: 1px solid #6e9556; float:left; clear:both;}
.c-box4 {margin:0px 0px 10px 0px; padding:0px; width:410px; border: 1px solid #DCDCDA; float:left; clear:both;}
.c-box5 {margin:0px 0px 10px 0px; padding:0px; width:410px; border: 1px solid #6C7B5A; float:left; clear:both;}
.passrate {margin:0px 0px 0px -5px; padding:0px; width:415px; float:left; clear:both;}
.reslib-box {margin:0px 5px 10px 0px; padding:0px; width:202px; border: 1px solid #89A0A6; float:left;}
.uflinks-box {margin:0px 0px 10px 0px; padding:0px; width:202px; border: 1px solid #9BB9C3; float:left; clear:right;}
.c-box1_head, .c-box2_head, .c-box3_head, .c-box4_head, .c-box5_head {
margin:0px; padding:0px;}
.reslib-box_head, .uflinks-box_head, .passrate_head {
margin:0px; padding:0px;}
#content div.c-box1_head h3 {font:bold 9pt Arial; color:#fff !important; background:#555; margin:0px; padding:4px 0px 4px 15px;}
#content div.c-box2_head h3 {font:bold 9pt Arial; color:#fff !important; background:#687f85; margin:0px; padding:4px 0px 4px 15px;}
#content div.c-box3_head h3 {font:bold 9pt Arial; color:#fff !important; background:#6e9556; margin:0px; padding:4px 0px 4px 15px;}
#content div.c-box4_head h3 {font:bold 9pt Arial; color:#6A7A60 !important; background:#DCDCDA; margin:0px; padding:4px 0px 4px 15px;}
#content div.c-box5_head h3 {font:bold 9pt Arial; color:#fff !important; background:#6C7B5A; margin:0px; padding:4px 0px 4px 15px;}
#content div.reslib-box_head h3 {font:bold 9pt Arial; color:#fff !important; background:#89A0A6; margin:0px; padding:4px 0px 4px 15px;}
#content div.uflinks-box_head h3 {font:bold 9pt Arial; color:#fff !important; background:#9BB9C3; margin:0px; padding:4px 0px 4px 15px;}
#content div.passrate_head h3 {font:bold 9pt Arial; color:#fff !important; background:#8DADB5; margin:0px; padding:4px 0px 4px 15px;}
.c-box1_body, .c-box2_body, .c-box3_body, .c-box4_body, .c-box5_body {padding:5px 5px 5px 5px; clear:right;}
.uflinks-box_body {padding:5px 5px 5px 5px; height:150px; clear:right; text-align:center;}
.reslib-box_body {padding:10px 5px 5px 15px; height:145px; clear:right;}
.passrate_body {padding:10px 5px 5px 15px; clear:right; background:#788A8E;}
.c-box1_body_lhs {padding:5px 0px 5px 5px; float:left; clear:left;width:200px;}
.c-box1 img {float:left; clear:right;}
.c-box2 img {padding: 0px 0px 10px 0px; vertical-align:middle;}
.c-box3 img {float:right; clear:right;}
.c-box2_body_lhs, .c-box4_body_lhs {padding:1px 0px 1px 8px; float:left; clear:left;width:130px;}
.c-box2_body_rhs, .c-box4_body_rhs {padding:1px 0px 1px 0px; float:left; width:240px;}
.c-box2_body_rhs div.book {
text-align:left;
margin:5px 0px 0px 0px;
}
.c-box2_body_rhs div.book select {
margin:0px;
text-align:left;
}
.c-box2_body_rhs div.book p {
text-align:left;
margin:0px;
padding:5px 0px 5px 0px;
}
box2b_body_lhs, .c-box4b_body_lhs {padding:5px 10px 5px 5px; float:left; clear:left;width:250px;}
#content div.c-box2_body div.c-box2_body_lhs p {font:bold 8pt Arial; color:#697B7B; margin:0px;}
#content div.c-box2_body p {font:normal 8pt Arial; color:#555; margin:0px;}
#content div.c-box4_body div.c-box4_body_lhs p {font:bold 8pt Arial; color:#697B7B; margin:0px;}
#content div.c-box4_body p {font:normal 8pt Arial; color:#555; margin:0px;}
#content div.passrate_body p {font:normal 8pt Arial; color:#fff;}
.passrate_body p strong {font:bold 8pt Arial; color:#fff;}
.reslib-box_body p {font:bold 8pt Arial; color:#555; margin:0px;}
.uflinks-box_body p {font:bold 8pt Arial; color:#555; text-align:left; margin:0px;}
.passrate_body a {font:bold 8pt Arial; color:#fff; margin:0px;}
.passrate_body a:hover {font:bold 8pt Arial; color:#fff; margin:0px; text-decoration:underline;}
.reslib-box_foot {margin:0px; padding:5px 0px 0px 0px; background:#89A0A6;}
.uflinks-box_foot {margin:0px; padding:5px 0px 0px 0px; background:#9BB9C3;}
.endorsedby {clear:both; padding: 0px 0px 0px 10px }
.endorsedby img {float:left;}
.endorsedby p {
float:left;
font: bold 9pt Arial;
color:#555;
padding:3px 0px 0px 10px;
}
.endorsedby p a {
font: normal 9pt Arial;
color:#c00;
}
.endorsedby p a:hover {
font: normal 9pt Arial;
color:#c00;
text-decoration:underline;
}
/* Case Studies */
.cs_cats {}
.cs_cats p {margin: 0px;}
.cs_cats a {font:normal 8pt Arial;}
.cs_cats a:hover{text-decoration:underline;}
.cstudyL .cs_pdf {background:#fff; width:100px; margin:0px; clear:right; height:140px;}
.cstudyD .cs_pdf {background:#6a757a; width:100px; margin:0px; height:140px;}
.cstudyL .cs_pdf p, .cstudyD .cs_pdf p {text-align:center;}
.cstudyL .cs_pdf img, .cstudyD .cs_pdf img {text-align:center; border:none; padding:40px 0px 0px 30px;}
.cstudy {
margin:0px 0px 0px 5px;
padding:10px 3px 10px 3px;
float:left;
width:250px;
vertical-align:top;
}
.cstudyD {
padding:0px;
margin:0px;
background:#8e9ca3;
border-bottom:1px solid #ccc;
width:417px;
overflow:hidden;
}
.cstudyL {
padding:0px;
margin:0px;
background:#e8ebed;
border-bottom:1px solid #ccc;
width:417px;
overflow:hidden;
}
.cstudyD h2 {
font: bold 8pt Arial;
color:#fff;
padding:0px;
}
.cstudyL h2 {
font: bold 8pt Arial;
color:#000;
padding:0px;
}
.cstudyD p {
font: normal 8pt Arial;
color:#fff;
padding: 0px;
}
.cstudyL p {
font: normal 8pt Arial;
color:#000;
padding: 0px;
}
#content div.cstudyL a {
font: bold 8pt Arial;
color:#000;
text-decoration:underline;
padding: 0px;
}
#content div.cstudyD a {
font: bold 8pt Arial;
color:#fff;
text-decoration:underline;
padding: 0px;
}
#content div.cstudyL a:hover {
font: bold 8pt Arial;
color:#000;
text-decoration:none;
padding: 0px;
}
#content div.cstudyD a:hover {
font: bold 8pt Arial;
color:#fff;
text-decoration:none;
padding: 0px;
}
.repcats {
margin: 0px;
padding: 0px 0px 10px 0px;
position:relative;
}
.repcats h2 {
margin: 0px 0px 5px 0px;
padding: 2px 0px 2px 10px;
}
.repcats p {
padding: 1px 0px 1px 10px;
margin:0px;
}
.resList {
margin: 0px 0px 0px 10px;
vertical-align:top;
}
.resListD {
padding:5px 3px 5px 3px;
margin:0px 0px 2px -10px;
background:#E2EAEE;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
clear:both;
width:410px;
}
.resListL {
padding:5px 3px 2px 3px;
margin:0px 0px 2px -10px;
background:#F4F8F9;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
clear:both;
width:410px;
}
.resList img {
padding:0px 5px;
float:right;
width:100px;
}
.resList h2 {
padding:0px;
font: bold 9pt Arial;
color:#777;
}
.resList p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
.sup_cats p {
margin:0px;
}
.sup_cats p a {
font: normal 8pt Arial;
color:#555;
}
.sup_cats p a:hover {
font: normal 8pt Arial;
color:#c00;
}
.sup_cats img {
padding: 0px;
float:right;
}
.sup-platinum {
background: #ada99b;
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 5px;
}
.sup-gold {
background:#ad8e23;
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 5px;
}
.sup-silver {
background:#b4bac0;
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 5px;
}
.sup-platinum h2, .sup-gold h2, .sup-silver h2{color:#fff;}
.supplier {
padding:5px 3px 5px 0px;
margin:0px;
background:#f6f7f8;
border-bottom:1px solid #ccc;
width:594px;
float:left;
clear:both;
}
.sup_expand {
padding:5px 3px 5px 3px;
margin:0px 0px 0px -10px;
width:410px;
clear:right;
}
.sup_info {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
vertical-align:top;
}
.sup_info h2 {
padding:0px;
font: bold 8pt Arial;
color:#555;
}
.sup_info p {
font: normal 8pt Arial;
color:#777;
padding: 0px 0px 0px 5px;
}
.sup_info p.link {
text-align:right;
}
.sup_logo {
float:left;
margin:0px 10px 0px 4px;
}
.sup_exp_logo {
width:100px;
float:right;
margin:0px;
position:relative;
}
.defterms {clear: both;}
.defterms p {
float:left;
padding:2px 0px 0px 5px;
}
.defterms input.chkbx{
float:left;
margin: 0px 0px 0px 10px;
}
.teachernews {
margin:0px;
padding:0px;
background:#E8170F;
}
#content div.teachernews h3 {
font: Bold 9pt Arial;
color:#fff;
margin:0px;
padding:3px 0px 3px 10px;
background:#8B3137;
}
.teachernews p {
font: normal 8pt Arial;
color:#fff;
margin:0px;
padding:5px 5px 10px 10px;
}
.teachernews p a{
font: bold 8pt Arial;
color:#fff;
}
.teachernews p a:hover{
font: normal 8pt Arial;
color:#fff;
}
.newsresources {
margin:20px;
padding:0px;
background:white;
}
#content div.newsresources h3 {
font: bold 9pt Arial;
color:#fff;
margin:0px;
padding:3px 0px 3px 10px;
border-top:1px solid #768A8B;
background:#9BB9C3;
}
.newsresources p {
font: normal 8pt Arial;
color:#555;
margin:0px;
padding:0px 5px 0px 10px;
}
.newsresources p a{
padding:0px 5px 10px 10px;
margin:0px 0px 10px 0px;
}
.latestnews {
padding:10px 0px 10px 0px;
border-top:9px solid #E4ECEE;
border-bottom:9px solid #E4ECEE;
}
.remem {
padding:10px 0px 10px 0px;
}
.remem p strong {
font: normal 8pt Arial;
color:#c00;
}
.dloadpdf {
background:#8E9CA3;
text-align:right;
padding:2px 10px 2px 10px;
}
.dloadpdf a:hover {
font:bold 8pt Arial;
color:#000;
}
.dloadpdf img {
border:none;
padding:0px 5px 0px 5px;
vertical-align:middle;
}
.proqual_expand {
padding:5px 3px 5px 3px;
margin:0px 0px 0px -10px;
clear:right;
}
.proqual_info {
margin: 0px 0px 0px 10px;
vertical-align:top;
}
.proqual_info h2 {
font: bold 10pt Arial;
color:#555;
padding:0px;
}
.proqual_info p {
font: normal 8pt Arial;
color:#777;
padding: 0px 0px 0px 5px;
}
.proqual_exp_logo {
float:right;
margin:0px;
}
.proqual-expand.dloadpdf {
background:#D4E0E4;
text-align:right;
padding:2px 10px 2px 10px;
clear:both;
}
.proqual_expand.course h1 {
font:bold 9pt Arial;
color:#c00;
}
/* 2-columned Reference list */
/* from/found in RBS Pro Qual */
/* Styling for the Refernce: Materials:Tutors for the RBS Pro Qual, ie ACCA, etc. */
/* ------------------------------------------------------------------------------------- */
.references {
margin:0px 0px 5px -10px;
padding:5px 0px 5px 0px;
border-top:1px solid #ccc;
background:#F4F8F9;
vertical-align:top;
width:418px;
}
#content div.references h3 {
padding:0px 0px 0px 10px;
font: bold 9pt Arial;
color: #666;
}
#content div.references p {
padding:0px 0px 0px 10px;
font: normal 8pt Arial;
color: #999;
}
.references img {padding:0px; float:right;}
/*
.noticebot img {padding:0px; float:right;}
.noticebot {
padding:5px 0px 5px 0px;
}
*/
.materials {
padding:2px 8px 2px 0px;
margin:0px;
width:198px;
float:left;
}
.tutors {
padding:0px 2px 0px 8px;
border-left:1px solid #ccc;
margin:0px;
width:198px;
clear:right;
}
.downloads {
margin:0px 0px 10px 0px;
background:#FCFDFE;
}
#content div.downloads h3 {
margin:0px 0px 0px;
}
.accrcert ul {
margin: 0px 0px 20px 5%;
}
.links p {
margin: 0px;
}
.links {margin: 0px 0px 20px 0px;}
/* 2-coloured rows */
/* from/found in RTP Questionnaire */
/* 2-coloured (light and dark) row styling for questionnaire listing. */
/* ------------------------------------------------------------------------------------- */
.q_list {
margin:0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat;
width:390px;
vertical-align:top;
}
.quest_D {
padding:10px 3px 10px 3px;
margin:0px 0px 10px 0px;
background:#D0DEE1;
border-bottom:1px solid #ccc;
width:411px;
}
.quest_L {
padding:10px 3px 10px 3px;
margin:0px 0px 10px 0px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
width:411px;
}
.q_list h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
}
.q_list p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
#content div.q_list p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.q_list p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
/* 2-coloured rows */
/* from/found in RBS Accredited Certificates */
/* 2-coloured (light and dark) row styling for accredited certificate listing. */
/* ------------------------------------------------------------------------------------- */
.ac_list {
margin:0px;
padding:0px 0px 0px 13px;
background:url(/images/greyarrow.gif) 0px 4px no-repeat;
width:390px;
vertical-align:top;
float:left;
clear:right;
}
.accrcert_D {
padding:10px 3px 10px 13px;
margin:5px 0px 5px 0px;
background:#D0DEE1;
border-bottom:1px solid #999;
border-top:1px solid #999;
position:relative;
float:left;
clear:both;
}
.accrcert_L {
padding:10px 3px 10px 13px;
margin:5px 0px 5px 0px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
position:relative;
float:left;
clear:both;
}
.ac_list img {
padding:0px 5px;
float:left;
border:none;
}
.ac_list h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
}
.ac_list p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
#content div.ac_list p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.ac_list p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
/* 2-coloured rows */
/* from/found in Downloads */
/* 2-coloured (light and dark) row styling for file download listing. */
/* ------------------------------------------------------------------------------------- */
.dl_list {
margin:0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat;
width:390px;
vertical-align:top;
}
.dloads_D {
padding:10px 3px 10px 3px;
margin:5px 0px 5px 0px;
background:#D0DEE1;
border-bottom:1px solid #999;
border-top:1px solid #999;
width:411px;
}
.dloads_L {
padding:10px 3px 10px 3px;
margin:5px 0px 5px 0px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
width:411px;
}
.dl_list h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
}
.dl_list p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
margin:0px;
}
#content div.dl_list p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.dl_list p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
/* 2-coloured rows */
/* from/found in Polls */
/* 2-coloured (light and dark) row styling for poll listing. */
/* ------------------------------------------------------------------------------------- */
.p_list {
margin:0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat;
width:390px;
vertical-align:top;
}
.polls_D {
padding:10px 3px 10px 13px;
margin:0px 0px 10px -10px;
background:#D0DEE1;
border-bottom:1px solid #999;
border-top:1px solid #999;
}
.polls_L {
padding:10px 3px 10px 13px;
margin:0px 0px 10px -10px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
.p_list h2 {
font: bold 9pt Arial;
color:#922;
padding:0px;
}
#content div.p_list h3 {
font: bold 8pt Arial;
color:#507781;
padding:0px 0px 10px 0px;
}
.p_list p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
margin:0px;
}
#content div.p_list p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.p_list p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
.polloptions {
margin:0px;
padding:10px 0px 10px 0px;
}
.polloptions p {
font:bold 8pt Arial;
margin:0px;
padding:2px 0px 2px 0px;
}
.polloptions input {
margin:0px 10px 0px 0px;
}
.pollsubmit {
margin:0px;
padding:10px 0px 10px 0px;
text-align:right;
}
.pollsubmit input{
width:80px;
margin:0px 30px 0px 0px;
padding:2px 0px 2px 0px;
}
/* 2-coloured rows */
/* from/found in RTP Partnerships */
/* 2-coloured (light and dark) row styling for file download listing. */
/* ------------------------------------------------------------------------------------- */
.pship_list {
margin:0px;
padding:0px 0px 0px 15px;
background:no-repeat;
width:375px;
vertical-align:top;
}
.partner_D {
padding:10px 3px 10px 13px;
margin:0px 0px 10px -10px;
background:#D0DEE1;
border-bottom:1px solid #999;
border-top:1px solid #999;
}
.partner_L {
padding:10px 3px 10px 13px;
margin:0px 0px 10px -10px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
.pship_list h1 {
padding:0px;
font: bold 10pt Arial;
color:#555;
}
.pship_list h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
}
#content div.pship_list h3 {
font: bold 8pt Arial;
color:#507781;
padding:0px;
}
.pship_list p {
font: normal 8pt Arial;
color:#777;
padding: 0px 0px 10px 0px;
margin:0px;
}
#content div.pship_list p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.pship_list p a:hover {
font: normal 8pt Arial;
color:#c00;
padding: 0px;
}
.pship_list.jobs {
margin:0px;
padding:0px 0px 10px 0px;
}
.pship_list.jobs p{
margin:0px;
padding:0px;
}
/* Contact Details style */
/* from/found in Notice Indiv page */
/* styling for the contact details. */
/* ------------------------------------------------------------------------------------- */
.contactdet {}
.contactdet h3 {
font:bold 9pt Arial;
color:#555;
margin:0px;
}
.contactdet table {
}
.contactdet th {
font:bold 8pt Arial;
color:#8BABB6;
text-align:left;
padding:0px 10px 0px 0px;
}
.contactdet td {
font:normal 8pt Arial;
color:#555;
}
.contactdet td a{
font:normal 8pt Arial;
color:#555;
text-decoration:underline;
}
.contactdet td a:hover{
font:normal 8pt Arial;
color:#c00;
}
.imgmargin {
margin:0px 0px 0px -10px;
}
/* Colouring and styling of links */
/* from/found in About List page */
/* styling for the Team Catagories links. */
/* ------------------------------------------------------------------------------------- */
.theteams {}
.theteams h2 {
font: bold 9pt Arial;
color:#7D9FA8;}
.theteams p {
margin:0px;}
.theteams p a {
font:normal 8pt Arial;
color:#555;
}
.theteams p a:hover {
font:normal 8pt Arial;
}
/* Lloyd Heading */
/* from/found in Lloyds page */
/* styling for the Lloyd heading and catch phrase. */
/* ------------------------------------------------------------------------------------- */
.lloydhead {
margin:0px;
padding:5px 0px 5px 0px;
border-top: 1px solid #CDD6DD;
border-bottom: 1px solid #CDD6DD;
}
.lloydhead h2 {
font:Bold 9pt Arial;
color:#666;
}
.lloydhead p {
font:italic 8pt Arial;
color:#555;
}
/* Partners Listing */
/* from/found in REP Partnership Listing page */
/* styling for the Partnership listing. */
/* ------------------------------------------------------------------------------------- */
.partnerlist {
margin: 0px;
vertical-align:top;
clear:both;
width:590px;
}
.light {
padding:5px 3px 2px 0px;
margin:0px 0px 10px 0px;
background:#F4F8F9;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
clear:both;
width:590px;
}
.partnerlist div.details {
width:580px;
padding:0px 0px 0px 10px;
margin:0px;
}
.partnerlist img {
padding:0px 5px;
float:left;
}
.partnerlist h2 {
padding:0px;
margin: 20px 0px 5px 0px;
font: bold 9pt Arial;
color:#777;
}
.partnerlist p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
margin:0px;
}
.partnerlist p.more {
padding:0px 10px 0px 5px;
margin:0px;
width:570px;
clear:both;
text-align:right
}
.partnerlist td a {
color:#415C66;
}
.partnerlist td a:hover {
color:#f00;
}
/*ends... */
.accrimgs {
border-bottom:2px solid #D4E0E4;
border-top:2px solid #D4E0E4;
}
.accrimg {
border:1px solid #296A6D;
}
.accrimgs td.L {
padding: 0px 5px 0px 0px;
border-right:2px solid #D4E0E4;
}
.accrimgs h6{
font:bold 9pt Arial;
color:#296A6D;
background:#D4E0E4;
text-align:left;
padding:2px 5px 2px 5px;
border-bottom:1px solid #296A6D;
}
.accrimgs img{
padding:4px;
margin:0px;
text-align:left;
}
.certby {
border:1px solid #296A6D;
width:100%;
}
.certby td.L {
padding: 0px 5px 0px 0px;
}
.certby h6{
font:bold 9pt Arial;
color:#296A6D;
background:#D4E0E4;
text-align:left;
padding:2px 5px 2px 5px;
border-bottom:1px solid #296A6D;
}
.certby img{
padding:2px;
margin:0px;
verticle-align:middle;
}
.proqualimg {margin:0px 5px 2px 0px; float:left;}
.proqualinfo {margin:10px 0px 4px 0px;}
/* 2-columned Notice-type styling */
/* from/found in Course indiv page */
/* Styling for the Notices area on Course indiv.. */
/* ------------------------------------------------------------------------------------- */
.courseinfo {
padding:10px 0px 10px 0px;
margin:0px 0px 5px 0px;
background:#F2F2F2;
vertical-align:top;
width:410px;
}
.courseinfo div.module {
padding:0px 10px 0px 10px;
vertical-align:top;
clear:both;
}
.courseinfo div.left {
width:187px;
padding-right:5px;
}
.courseinfo div.right {
width:183px;
}
#content div.courseinfo h3 {
font: bold 9pt Arial;
color: #333;
}
#content div.courseinfo p {
font: normal 8pt Arial;
color: #999;
}
.courseinfo img {padding:0px; float:right;}
.courseinfo div.bottom img {padding:0px; float:right;}
.courseinfo div.bottom {
padding:5px 0px 5px 0px;
}
#content div.courseinfo div.quote {
padding:0px;
margin:0px;
width:172px;
}
#content div.courseinfo div.quote h1 {
font: bold 9pt Arial;
margin: 0px 0px 0px 35px;
padding: 0px;
color:#7A9AA3;
width:137px;
text-align:left;
}
#content div.courseinfo div.quote p {
font: bold 7pt Arial;
margin: 5px 0px 0px 35px;
padding: 0px;
width:137px;
text-align:left;
}
/* as above..
/* Styling for the Course Details (Benefits and Description) area on Course indiv.. */
/* ------------------------------------------------------------------------------------- */
.courseindivdetails{
padding:10px 0px 0px 10px;
margin:0px 0px 5px -10px;
vertical-align:top;
width:410px;
position:relative;
}
.courseindivdetails.module {
padding:0px;
vertical-align:top;
clear:both;
}
.courseindivdetails div.left {
border-right:none;
padding:0px;
width:204px;
}
.courseindivdetails div.right {
width:202px;
padding:0px;
margin:0px;
float:right;
}
#content div.courseindivdetails div.module h3.oviewhead {
color:#fff !important;
background:#6A7D5F;
padding:5px 0px 5px 10px;
margin:0px 0px 5px 0px;
}
#content div.courseindivdetails div.module h3.benefitshead {
color:#fff !important;
background:#6E9556;
padding:5px 0px 5px 10px;
margin:0px 0px 5px 0px;
}
.followup {border-top:1px solid #ccc;}
/* search results */
/* from/found in Search results page */
/* Styling for the search results area*/
/* ------------------------------------------------------------------------------------- */
.searchkeywords{
margin:20px;
}
.courseHead p.search_specs {
font:normal 8pt Arial, Helvetica, sans-serif;
color:#555;
}
.search_results {
padding:10px 3px 10px 13px;
margin:0px 0px 0px -10px;
width:390px;
vertical-align:top;
}
.search_results div.dark {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat #D0DEE1;
border-bottom:1px solid #ccc;
}
.search_results div.light {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 15px;
background:url(/images/greyarrow.gif) no-repeat #F0F4F5;
border-bottom:1px solid #ccc;
}
.search_results h2 {
padding:0px;
font: bold 8pt Arial;
color:#922;
line-height:1.0em;
}
#content div.search_results h2 a {
font: bold 8pt Arial;
color:#922;
padding: 0px;
line-height:1.5em;
}
#content div.search_results h2 a:hover {
font: bold 8pt Arial;
color:#c00;
text-decoration:underline;
padding: 0px;
line-height:1.5em;
}
.search_results p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
#content div.search_results p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.search_results p a:hover {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
.branchnews{
clear:both;
}
.branchnews img{
float:left;
margin:0px 10px 0px 0px;
}
/* VENUE SELECT TABLE */
.tbl_venues {
margin:10px 0px 10px -5px;
font:normal 8pt Arial;
}
td.c_date {
width:65px;
margin:0px;
text-align:left;
}
td.c_name {
width:330px;
margin:0px;
text-align:left;
}
td.c_date h3, td.c_name h3 {margin:0px 0px 20px 0px;}
td.c_date p {color:#666; margin:1px 0px 1px 0px;}
td.c_name p, .c_venue p {margin:1px 0px 1px 0px;}
#content td.c_name p a {
font:normal 8pt Arial;
color:#999;
text-decoration:underline;
}
#content td.c_name p a:hover {
color:#999;
text-decoration:none;
}
.bookcourse {
text-align:left;
margin:5px 0px 5px 0px;
}
/* Client Listing style */
.clientlist {
padding:10px 0px 10px 0px;
margin:0px;
width:410px;
vertical-align:top;
}
.clientlist div.module {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 15px;
background:#F0F4F5;
border-bottom:1px solid #ccc;
}
.clientlist img {
border:none;
padding:5px;
float:right;
}
.clientlist h2 {
padding:5px 0px 3px 0px;
margin:0px 0px 2px 0px;
font: bold 9pt Arial;
color: #3D7183;
line-height:1.0em;
}
.clientlist a {
font: bold 8pt Arial;
color:#922;
padding: 0px;
line-height:1.5em;
}
.clientlist a:hover {
font: bold 8pt Arial;
color:#3D7183;
text-decoration:none;
padding: 0px;
line-height:1.5em;
}
.clientlist p {
font: normal 8pt Arial;
color:#777;
padding: 0px;
}
#content div.clientlist p a {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
#content div.clientlist p a:hover {
font: bold 8pt Arial;
color:#c00;
padding: 0px;
}
/*Individual Client style */
.clientindiv {
padding:10px 0px 10px 0px;
margin:0px;
width:410px;
vertical-align:top;
}
.clientindiv img {
border:none;
padding:5px 10px 5px 5px;
float:left;
}
/* new layout for Download PDF link for Course page 2 */
.pdfdload2 {
margin:0px 0px 5px 0px;
padding:5px 0px 5px -10px;
border:1px solid #ccc;
width:410px;
position:relative;
height:1.5em;
}
.pdfdload2 p {
text-align:right;
float:left;
padding: 0px 0px 0px 10px;
}
.pdfdload2 p a {
font: bold 8pt Arial;
color:#555;
}
.pdfdload2 p a:hover {
font: bold 8pt Arial;
color:#555;
text-decoration:underline;
}
.pdfdload2 img {
background:white;
padding: 1px 3px 1px 1px;
margin:0px 0px 0px 1px;
border:none;
float:right;
}
.pdfdload2 p.bookcourse {
text-align:center;
background:#ccc;
margin:0px;
float:left;
padding: 5px 5px 5px 5px;
border-right:none;
width:185px;
}
.findcourse div.pdfdload2 {
margin:0px 0px 5px 0px;
padding:5px 0px 5px -10px;
border:1px solid #ccc;
width:418px;
position:relative;
height:1.5em;
}
.findcourse div.pdfdload2 p {
text-align:center;
background:#ccc;
margin:0px;
float:left;
padding: 5px 5px 5px 5px;
border-right:none;
width:185px;
}
/* Italics Justified Fixes */
/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */
/* Drop down choice for course select*/
.dropdownlink {
clear:both;
margin:0px 0px;
padding:5px 0px 5px 30px;
}
.dropdownlink h2 {
font:bold 8pt Arial, Helvetica, sans-serif;
position:relative;
clear:both;
padding:0px 0px 0px 1px;
}
.dropdownlink select, .dropdownlink input {
float:left;
margin:0px 0px 10px 0px;
}
.dropdownlink p{
float:left;
clear:right;
margin:0px 0px 0px 2px;
}
#content div.dropdownlink p a{
float:left;
clear:right;
margin:0px 0px 0px 2px;
padding:2px;
}
#content div.dropdownlink p a:hover{
padding:2px;
color:#f00;
}
/* Course Pick on Find a Course page 2 */
h1.coursepick {text-align:center; margin:5px 0px 5px 0px; padding:0px; border:none;}
.coursepick {
margin: 0px;
padding:5px 0px 10px 10px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
position:relative;
width:410px;
}
/*hack */
.coursepick {
overflow: hidden;
}
* html .coursepick {
height: 0;
overflow: visible
}
.coursepick input, .coursepick select {
margin:5px 0px 0px 0px;
float:left;
}
.coursepick p {
float:left;
margin:0px;
padding:7px 5px 4px 5px;
}
.coursepick p a {
padding:2px 5px 2px 5px;
margin:0px;
background:#C4D7DD;
}
.coursepick div.clear {
clear:both;
margin:0px 0px 5px 0px;
padding:0px;
position:relative;
}
/*Course Results after Course Pick */
.resultlist {
margin: 0px;
padding:0px;
}
.resultlist p {
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
.resultlist div.result {
margin: 0px;
padding:10px 5px 5px 10px;
background:#EEF3F4;
border-bottom:1px solid #999;
width:405px;
}
.resultlist div.result p{
margin:0px;
padding:0px;
}
.resultlist div.result p span.coursename {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#4D6F7A;
padding:0px;
margin:0px 5px 0px 0px;
}
p.linkthru{
padding:0px 5px;
margin:10px 0px 0px 0px;
float:right;
clear:none;
}
.resultlist div.clear {clear:both;}
#content div.form {
margin:0px;
padding:0px;
width:410px;
position:relative;
top:0px;
right:0px;
}
/* ------Course Listing for Course Home Page----- */
/*Course Results after Course Pick */
.contentmain_nofloat {
margin: 0px 0px 0px -1px;
padding:0px;
width:395px;
float:left;
border-left:1px solid #ccc;
}
.streaminfo {
margin:10px 0px 0px 0px;
padding:0px;
}
.streaminfo h2 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
margin:0px 0px 0px 10px;
}
.streaminfo p {margin:0px 0px 10px 10px;}
div.streaminfo p a{color:#33495a;}
.courselist {
margin:0px 0px 20px 0px;
padding:0px;
overflow:hidden;
width:100%;
border-top:1px solid #ccc;
}
.courselist p {
margin: 0px;
padding:0px 0px 0px 15px;
}
.courselist div.course {
margin: 0px;
padding:10px 5px 9px 10px;
background:transparent;
border-bottom:1px solid #ccc;
float:none;
overflow:hidden;
width:100%;
}
.courselist div.course p span.coursename {
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:#33495a;
background: transparent;
padding:0px;
margin:0px 5px 0px 0px;
}
.courselist img.certlogo
{
float:right;
height:50px;
}
.courselist div.course p{
margin:0px;
padding:0px;
}
.courselist div.course p.coursename {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#4D6F7A;
padding:0px;
margin:0px 5px 0px 0px;
}
p.linkthru{
padding:0px 5px;
margin:10px 0px 0px 0px;
float:right;
clear:none;
}
.courselist div.clear {clear:both;}
/* ------END CONTENT HR--------- */
HR.endcontent
{
margin: 5px 0px 5px 0px;
height:1px;
color:#ccc;
clear:both;
width:410px;
}
/*------------------------------ */
/* --- NAVIGATION PROMO STYLING --- */
#side div.navigation_container div.navigation_promo {
font-weight: normal;
text-align: left;
margin: 0px;
padding: 5px;
width: 159px;
border-top:1px solid #fff;
padding:10px 0px 8px 20px;
}
#side div.navigation_container div.navigation_promo p {
font: normal 8pt Arial, Helvetica, sans-serif;
text-align: left;
margin:1px 0px;
padding:0px 20px 0px 0px;
line-height:1.5em;
}
#side div.navigation_container div.navigation_promo p a {
font-weight:bold;
text-decoration:none;
text-align:center;
color:#999;
border:none;
margin:0px;
padding:0px;
display:inline;
}
#side div.navigation_container div.navigation_promo a {
color:#999;
}
#side div.navigation_container div.navigation_promo p a:hover {
border: none;
font-weight:bold;
text-decoration:underline;
color:#999;
background:none;
}
#side div.navigation_container div.navigation_promo a p {
border-style: none;
}
#side div.navigation_container div.navigation_promo a.promo_book {
color:#33495a;
}
#side div.navigation_container div.navigation_promo a:hover {
border-style: none;
font-weight: bold;
text-decoration: underline;
}
.otg_nav_promo {
width:182px;
height:75px;
background:#000;
padding:5px;
}
.otg_nav_promo img {
background:#000;
margin:0px;
}
#side div.navigation_container div.discount_promo {background:url(/images/icon_nav_discount.gif) 96% 8px no-repeat #e8e8ec;}
#side div.navigation_container div.back_1{background:url(/images/icon_nav_1.gif) 96% 8px no-repeat #e8e8ec;}
#side div.navigation_container div.back_2{background:url(/images/icon_nav_2.gif) 96% 8px no-repeat #e8e8ec;}
#side div.navigation_container div.back_3{background:url(/images/icon_nav_3.gif) 96% 8px no-repeat #e8e8ec;}
#side div.navigation_promo span.promo_subheader {
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#9FAFBE;
display:block;
padding:10px 0px 0px 0px;
}
#side div.navigation_promo br {line-height:0; margin:0px;}
.nav_promo {
width:182px;
height:75px;
padding:2px;
text-align:center;
}
.nav_promo img {
margin:0px;
}
/*New CSS for Initial Menu in Branding bar (#topimg)*/
/*NEW REDESIGN AUGUST 2007*/
/* ---------- MAIN CONTENT /LEFT AND RIGHT ----------- */
div.maincontent {width:596px;}
div.maincontent h1 {font:normal 14pt arial; color:#445f73; padding:0px 0px 0px 30px;}
div.mainleft {float: left; padding: 0px 15px 0px 30px; width: 261px; margin:0px; }
img.mainleft {width: 261px; margin: 0px 0px 0px 30px;}
div.logo {margin: 10px; float:left; text-align:center; width:87px; height:60px;}
div.logo img {}
div#mainright {width: 265px; float:right; padding: 0px 20px 10px 0px;}
div#mainright p {padding: 0px 0px 0px 6px; color: #445f73; font-size:8pt arial; background: White;}
div#mainright ul {margin:0px; padding: 0px 0px 0px 20px;}
/*Discount Bar Styling*/
ul.discountbar {
width:598px;
margin:0px 0px 1px 0px;
padding:0px;
position:relative;
overflow:hidden;
clear:left;
}
ul.discountbar li {
float:left;
width:198px;
list-style:none;
line-height:28px;
height:28px;
border-right:1px solid #fff;
}
ul.discountbar li a {
font:bold 14px Arial, Helvetica, sans-serif;
padding:0px 0px 0px 20px;
color:#fff;
background:transparent;
display:block;
line-height:28px;
}
ul.discountbar li.l1 {background:#fc791f; color:#fff;}
ul.discountbar li.l2 {background:#d65802; color:#fff;}
ul.discountbar li.l3 {background:#fb8a3c; color:#fff;}
ul.discountbar li.l1 a:hover, ul.discountbar li.l2 a:hover, ul.discountbar li.l3 a:hover {
font:bold 14px Arial, Helvetica, sans-serif;
background:#ae4802;
color:#fff;
text-decoration:none;
line-height:28px;
}
/* Streams List Page */
div.leftnavfloat p.testimonial {
font: bold 13px "OfficinaSerif", Georgia, "Times New Roman", Times, serif;
color:#5a3a7b;
padding:40px 20px 0px 20px;
}
div.leftnavfloat p.testimonial strong{
padding:0px 10px 0px 0px;
color:#b396d1;
}
div.leftnavfloat ul.location li,
div.leftnavfloat div.location p,
div.leftnav div.location p,
div.leftnav div.location ul li {
border-bottom:1px solid #ccc !important;
padding:2px 0px 2px 18px;
margin:0px;
font-weight:bold;
color:#64a821;
}
div.leftnavfloat ul.location li { line-height:14px;}
#content div.leftnavfloat ul.location li a,
#content div.leftnavfloat div.location p a,
#content div.leftnav div.location p a,
#content div.leftnav div.location ul li a{
font: bold 8pt Arial;
color:#33495a;
display:block;
padding:0px;
}
#content div.leftnavfloat ul.location li a:hover,
#content div.leftnavfloat div.location p a:hover,
#content div.leftnav div.location p a:hover,
#content div.leftnav div.location ul li a:hover{
font: bold 8pt Arial;
color:#fc6f0f;
text-decoration:none;
}
#content div.leftnav img {
margin:35px 0px 0px 20px;
}
div#content div.leftnav h2,
div#content div.leftnavfloat h2,
ul.location h2
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
background: url(/images/eyeglass.gif) 3px 6px transparent no-repeat;
padding:0px 0px 0px 20px;
margin:0px;
line-height:26px;
vertical-align:middle;
border-bottom:none;
}
div#content div.leftnav h2 a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
line-height:26px;
background: url(/images/eyeglass.gif) 2000px 10px transparent no-repeat;
}
div#content div.leftnavfloat div.location h2,
div#content div.leftnav div.location h2,
div#content div.leftnavfloat ul.location h2 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
border-bottom:1px solid #ccc;
margin:0px;
line-height:26px;
}
div#content div.leftnavfloat div.location_2 {
margin:5px 0px 0px 0px;
padding:0px;
border:none;
}
#content div.leftnav div.location_2 h2,
#content div.leftnav div.location_2 strong {
font:bold 10pt Arial, Helvetica, sans-serif;
color:#4D6F7A;
}
#content div.leftnavfloat div.location_2 h2 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
background:transparent;
margin:0px;
border:none;
}
div#content div.leftnavfloat div.location_2 p {
margin:0px 10px 0px 20px;
}
div#content div.leftnavfloat div.location_2 a {color:#64a821;}
div.reedtrain {margin:0px; padding:0px;}
div.reedtrain div.contentmain {
background:url(/images/reedtrainbg.gif) no-repeat;
margin:0px;
padding:0px;
border-top:1px solid #fff;
height:518px;
position:relative;
}
div.locationselector {
font:bold 11px Arial, Helvetica, sans-serif;
color:#33495a;
margin:0px 0px 10px 10px;
background: url(/images/eyeglass.gif) no-repeat left center;
padding:0px 0px 0px 16px;
position:relative;
height:20px;
}
div.locationselector label {
font:bold 11px Arial, Helvetica, sans-serif;
color:#33495a;
display:block;
margin:0px;
}
div.locationselector label span {
font:bold 11px Arial, Helvetica, sans-serif;
color:#33495a;
background: transparent;
display:block;
float:left;
margin:5px 5px 0px 0px;
line-height:11px;
}
div.locationselector select {
font:bold 11px Arial, Helvetica, sans-serif;
color:#33495a;
}
div.locationselector select option.unavailable {color:#ccc; font-style:italic; font-weight:normal;}
div.courselist div.course p.linkthru {
float:left;
padding:0px 5px 0px 0px;
}
div.courselist div.course a {color:#64a821;}
div.courselist div.course a:hover {text-decoration:none; color:#fc6f0f; }
ul.searchselect {margin:0px; list-style:none; clear:right; padding:0px; overflow:hidden;}
ul.searchselect p {font-weight:bold; color:#33495a; float:left; padding:0px 10px 0px 0px;}
ul.searchselect li {
float:left;
padding:0px 10px 0px 15px;
background:url(/images/eyeglass.gif) no-repeat;
}
ul.searchselect li a{color:#fc6f0f;}
/* Course Page */
div#head_info h1 small {
display:block;
font:bold 12px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
}
div#head_info h2 {
font:normal 15px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
margin:15px 0px 0px 20px;}
ul.courseinformation {
margin:0px; list-style:none; clear:right; overflow:hidden;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
ul.courseinformation li {float:left; padding:0px 15px 0px 0px;}
/* Training Home */
div.reedtrain div.contentmain h1 {
text-transform:uppercase;
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif bold;
line-height:1em;
letter-spacing:1px;
color:#336;
margin:0px;
padding:0px;
}
div.reedtrain div.contentmain h1 a {
text-transform:uppercase;
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif bold;
line-height:1em;
letter-spacing:1px;
color:#336;
}
div.reedtrain div.contentmain h1 a:hover{
color:#556e82; text-decoration:none;
}
div.reedtrain div.contentmain p {
margin:0px;
padding:0px;
width:160px;
font:normal 11px Arial, Helvetica, sans-serif;
}
div.reedtrain div.contentmain p a{
font:normal 11px Arial, Helvetica, sans-serif;
color:#336;
}
div.reedtrain div.contentmain p a:hover{
color:#556e82; text-decoration:none;
}
div.section1 {position:absolute; left:40px; top:60px;}
div.section2 {position:absolute; left:270px; top:190px;}
div.section3 {position:absolute; left:40px; top:320px;}
div.reedtrain div.contentmain ul {
margin:0px;
padding:0px;
list-style:none;
}
div.reedtrain div.contentmain li {
color:#415A6C;
}
div.reedtrain div.contentmain li a {
color:#C6210F;
}
div.reedtrain div.contentmain li.alt a {
color:#FE8E27;
}
div.reedtrain div.section2 p{width:120px;}
/* Navigation Promos */
/* ----------------- */
/* Promo images */
/*RL Professional Qualifications */
div#qualification_template h1 {
display:block;
background:#F3F4F6;
color:#33495a;
font: 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif bold;
margin:0px;
padding:5px 20px;
border-bottom:1px solid #ccc;
width:556px;
}
div#qualification_template div.contentmain {
width: 396px;
margin: 0px;
padding:0px;
float:right;
position:relative;
border-left:1px solid #ccc;
}
div#qualification_template div.contentmain div.itemrow {
width:396px;
border-bottom:1px solid #ccc;
clear:left;
overflow:hidden;
padding:0px;
position:relative;
}
div#qualification_template div.contentmain div.diplomaitem {
float:left;
width:197px;
border-left:1px solid #ccc;
margin:0px 0px 0px -1px;
padding:10px 0px 100px 0px;
}
div#qualification_template div.contentmain div.diplomaitem h2{
font: bold 14px Arial, Helvetica, sans-serif;
color:#4c8a10;
padding:0px 5px 10px 10px;
margin:0px;
}
div#qualification_template div.contentmain div.diplomaitem h2 a {
font: bold 14px Arial, Helvetica, sans-serif;
color:#4c8a10;
}
div#qualification_template div.contentmain div.diplomaitem p{
padding:0px 5px 0px 10px;
}
div#qualification_template div.contentmain div.diplomaitem p.partner {
position:absolute;
bottom:0px;
margin:0px 0px 0px -1px;
padding:0px 0px 10px 10px;
border-left:1px solid #ccc;
}
div#qualification_template div.contentmain div.diplomaitem p.partner strong{color:#33495a;}
div#qualification_template div.contentmain div.diplomaitem p.partner img{display:block; margin:10px 0px 0px 0px; border:none;}
/* New Page Styles */
#course_template, #venue_template, #logon_form, #myprofile_form, #generic_form, #content_area {background:url(/images/coursebg.gif) repeat-y; overflow:hidden;}
div#extrainfo{
width:198px;
float:left;
margin:0px 1px 0px 0px;
background:transparent;
}
div#extrainfo h3{
font:bold 12px Arial, Helvetica, sans-serif;
color:#fc6f0f !important;
margin:10px 0px 5px 0px;
}
div#extrainfo p{
color:#666;
}
div#extrainfo div#addressDetails {
padding:0px 10px 0px 20px;
border-bottom:1px solid #ccc;
}
div#extrainfo div#addressDetails p strong{
display:block;
color:#33495a;
}
div#extrainfo div#addressDetails p a{
color:#fc6f0f;
font-weight:normal;
}
/*p.back new styles*/
p.back{text-align:right; margin:5px 10px 0px 0px; padding:0px;}
p.back a {
color:#fff;
background:url(/images/backarrow.gif) no-repeat 0px 2px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0px 0px 0px 15px;
}
p.back a:hover {color:#fff; text-decoration:underline;}
p.back a span{border-bottom:none;}
p.back a:hover span{}
/*course head, venues head*/
#course_template div#coursehead, #venue_template div#venueshead{
margin:0px;
overflow:hidden;
width:598px;
}
#venue_template #extrainfo p.pdf {
margin:10px 0px 0px 10px;
float:none;
width:auto;
}
#venue_template #extrainfo p.pdf a {
background:url(/images/pdflogo.gif) no-repeat;
padding:5px 0px 0px 28px;
line-height:20px;
height:20px;
display:block;
color:#fc6f0f;
font:normal 8pt Arial, Helvetica, sans-serif;
}
#course_template div#coursehead img#courseimg, img#headimg, #venueshead img{display:block; float:left; border-bottom:1px solid #fff;}
#course_template div#coursehead div#coursehead_info, div#venueshead div#head_info{
height:148px;
width:398px;
background:#445d71;
float:left;
margin:0px;
padding:0px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
}
#course_template p.hearmore {margin:0px;}
#course_template p.hearmore a{
display:block;
font:bold 14px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
padding:5px 0px 5px 20px;
color:#fff;
background:#556e82;
margin:0px;
}
#course_template p.hearmore a:hover{background:#fc6f0f; text-decoration:none;}
#extrainfo div.more_modules{
position:relative;
background:#F0F1F3;
border-top:1px solid #ccc;
padding:0px 0px 10px 20px;
overflow:hidden;
width:177px;
}
#extrainfo div.navigation_promo {
position:relative;
border-top:1px solid #ccc;
padding:5px 0px 10px 20px;
background:#e8e8ec;
overflow:hidden;
}
#extrainfo div.navigation_promo a {color:#33495a;}
#extrainfo div.discount_promo {background:url(/images/icon_nav_discount.gif) 97% 5px no-repeat #e8e8ec;}
#extrainfo div.nearlyfull_promo {background:url(/images/icon_nav_2.gif) 97% 5px no-repeat #e8e8ec;}
#extrainfo div.more_modules a{color:#666;}
#extrainfo div.more_modules a img {border:none;}
#extrainfo div.navigation_promo p,
#extrainfo div.more_modules p{
padding:0px 50px 0px 0px;
margin:0px;
}
#extrainfo div.more_modules p.endorsedlogos {
margin:10px 0px 0px 0px;
padding:0px;
vertical-align:top;
}
#extrainfo div.more_modules p.endorsedlogos img{
vertical-align:top;
padding:0px 0px 2px 2px;
text-align:left;
border:none;
}
#extrainfo div.more_modules p.endorsedlogos a img{
vertical-align:top;
padding:0px 10px 0px 0px;
border:none;
}
#extrainfo div.more_modules img.mp3img{
padding:10px 0px 0px 0px;
}
#extrainfo div.navigation_promo h3,
#extrainfo div.more_modules h3{
font:bold 13px Arial, Helvetica, sans-serif;
margin:8px 0px 0px 0px;
padding:0px 50px 0px 0px;
color:#fc6f0f !important;
}
#extrainfo div.navigation_promo h4,
#extrainfo div.more_modules h4{
font:bold 15px Arial, Helvetica, sans-serif;
color:#33495a;
text-align:left;
width:100%;
padding:0px 50px 0px 0px;
}
#logon_form div#extrainfo {margin-right:1px;}
#extrainfo img.icon{position:absolute; top:5px; right:6px;}
#extrainfo img.more_img{display:block; float:left; margin: 0px 5px 0px 0px;}
#extrainfo p.more_txt{float:left; width:50px;}
#logon_form div#primaryinfo{padding-top:70px; background:url(/images/headbg.gif) repeat-x; width:397px; margin:0px;}
div#primaryinfo{
width:396px;
float:left;
margin:0px;
padding:0px;
}
div#primaryinfo div#intro{
width:396px;
}
div#primaryinfo div#intro p{
margin:10px 20px 0px 10px;
padding:0px;
}
div#primaryinfo h1{
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#556e82;
padding:0px 0px 0px 20px;
}
div#primaryinfo h2{
font:normal 15px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#556e82;
margin:20px 20px 10px 20px;
}
div#details h1{
font:bold 13px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
margin:5px 0px;
color:#556e82;
padding:0px 0px 0px 20px;
}
div#details p{
padding:0px 0px 0px 20px;
}
div#directions {
padding:0px 20px;
overflow:hidden;
border-bottom:1px solid #ccc;
}
div#primaryinfo div#directions h2{
font:bold 13px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
margin:5px 0px;
}
div#map {overflow:hidden; margin:20px 20px;}
div#map img#mapimg {display:block; margin:0px 0px 30px 0px;}
div#map a{color:#fc6f0f; font-weight:normal;}
#course_template ul.bookinginfo{
list-style:none;
margin:0px 0px 10px 0px;
padding:5px 0px 5px 20px;
width:360px;
overflow:hidden;
}
#course_template ul.bookinginfo li{float:left; padding:0px 10px 0px 0px;}
#course_template ul.bookinginfo li strong{font-weight:bold; color:#33495a;}
#course_template ul.bookinginfo p {margin:2px 0px 0px 0px;}
#course_template ul.bookinginfo p a {color:#fff;}
#course_template h2.slogan {
color:#33495a;
font-style:normal;
font-weight:bold;
margin:20px 0px 0px 10px;
width: 90%;
}
#course_template div.description {padding: 0px 0px 5px 20px; border-bottom:1px solid #ccc;}
#course_template div#primaryinfo div.description h2,
#course_template div#primaryinfo div.overview h2,
#course_template div#primaryinfo div.deliverables h2{
font:bold 12px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#445d71;
margin:20px 0px 5px 0px;
}
#course_template div#primaryinfo div.description p{
padding:0px 20px 0px 0px;
margin:0px;
color:#666;
}
#course_template div.overview {border-bottom:1px solid #ccc;}
#course_template div.deliverables, #course_template div.overview{padding:0px 0px 5px 20px;}
#course_template div.overview h2, #course_template div.deliverables h2 {margin:10px 0px 10px 20px;}
#course_template div.overview ul, #course_template div.deliverables ul {
list-style:none;
padding:0px 5px 0px 0px;
margin:0px 0px 0px 2px;
}
#course_template div.deliverables p, #course_template div.overview p{
background:transparent;
line-height:16px;
margin:0px;
}
#course_template div.overview li, #course_template div.deliverables li {
background:url(/images/bullet_orange.gif) no-repeat 0px 4px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
#course_template div.coursefoot{clear:both; overflow:hidden; }
#whatsnew {
background:#dde1e5;
border-right:1px solid #fff;
height:31px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0px 0px 0px 20px;
width:577px;
clear:both;
}
#whatsnew a{
font:bold 16px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#33495a;
line-height:31px;
}
#whatsnew a:hover{
color:#556e82;
text-decoration:none;
}
/* My Profile */
#logon_form h1 {
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
line-height:63px;
background:#33495a;
padding:0px 0px 0px 20px;
margin:0px;
}
#content #myprofile_form h1{
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
line-height:63px;
background:#33495a;
padding:0px 0px 0px 20px;
margin:0px;
}
#content #generic_form h1 {
font:bold 21px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
line-height:63px;
background:#33495a;
padding:0px 0px 0px 20px;
margin:0px;
}
/*click*/
div.helpmsg select.areaofinterest{margin-left:10px;}
div.formbox textarea.formMargin {margin:-14px 0px 0px 120px;}
div#reed_design_2 div#content div.helpmsg p.vipmsg {width:550px; margin:0px 0px 0px 30px}
* html div#reed_design_2 div#content div.helpmsg p.vipmsg {width:510px;}
div#content div#myprofile_form div.formbox div.helpmsg p.vipmsg {width:370px; margin:10px 0px 0px 0px;}
div#logon_form div.formbox, div#myprofile_form div.formbox, div#generic_form div.formbox {
background:transparent;
padding:5px 0px 15px 0px;
border-bottom: 1px solid #ccc;
width:100%;
height:100%;
clear:both;
}
div#generic_form div.formbox {margin-bottom:30px;}
div#generic_form div.formbox fieldset {
border:solid 0 transparent;
margin:10px 0px;
padding:0px;
}
div#content div#generic_form div.formbox div.helpmsg p.vipmsg {width:340px; margin:15px 10px 0px 20px;}
* html div#content div#generic_form div.formbox div.helpmsg p.vipmsg { width/**/: 320px; }
div#logon_form div.formbox h6, div#myprofile_form div.formbox h6 {width:370px; padding-left:15px;}
div#logon_form div.formbox h3, div#myprofile_form div.formbox h3 {
font: bold 9pt arial;
color:#263A43;
margin:0px;
padding:5px 0px 5px 10px;
}
div.formbox h2 {padding-left:0px;}
div#logon_form div.formbox h2, div#myprofile_form div.formbox h2 {
font: normal 8pt arial;
color:#888;
margin:0px;
clear:both;
padding:15px 0px 5px 5px;
}
div#logon_form div.formbox p {
font: normal 8pt arial;
color:#666;
text-align:left;
margin:5px 0px -14px 5px;
padding:0px 0px 0px 15px;
width:50px;
}
div#myprofile_form div.formbox p, div#generic_form div.formbox p {
font: normal 8pt arial;
color:#666;
text-align:left;
margin:5px 0px -14px 0px;
padding:0px 0px 0px 10px;
width:90px;
}
div#logon_form div.formbox input {
width:220px;
border:1px solid #ccc;
padding:4px;
margin-left:80px;
}
div#logon_form div.errormsg {
margin-left:80px;
}
div#myprofile_form div.formbox input, div#generic_form div.formbox input {
width:220px;
border:1px solid #ccc;
padding:4px;
margin-left:110px;
}
div#myprofile_form div.formbox select, div#generic_form div.formbox select {margin-left:110px;}
div#myprofile_form span.formMargin {
margin:-14px 0px 5px 110px;
display:block;
line-height:14px;
height:14px;
}
div#generic_form span.formMargin {
margin:0px 0px 5px 110px;
display:block;
line-height:14px;
height:14px;
}
div#myprofile_form span.formMargin input, div#generic_form span.formMargin input {width:auto; margin:0px; padding:0px; border:none;}
div#generic_form div.formbox fieldset#myroles p {
margin:5px 0px;
width:auto;
font-weight:bold;
}
div#generic_form div.formbox fieldset.copytext p {
margin:5px 0px;
width:auto;
}
div#generic_form div.formbox fieldset#additionalinformation p {
width:90px;
float:left;
clear:left;
}
div#generic_form div.formbox fieldset#myroles label{
margin:0px;
padding:0px 0px 0px 10px;
display:block;
width:auto;
}
div#generic_form div.formbox fieldset#myroles label span{
width:105px;
display:block;
line-height:18px;
color:#666;
float:left;
clear:left;
margin-left:5px;
}
div#generic_form div.formbox fieldset#myroles input.chkbx{
padding:0px;
margin:0px;
height:18px;
width:auto;
border:none;
}
div#generic_form div.formbox fieldset#additionalinformation textarea {
margin:5px 0px 0px 10px;
}
div#logon_form div.formbox span.formMargin {margin-left:0px;}
#content div#myprofile_form div.formbox div.helpmsg,
#content div#generic_form div.formbox div.helpmsg{padding:10px 0px 0px 15px; margin:0px;}
div#myprofile_form div.helpmsg table.areaofinterest input,
div#generic_form div.helpmsg table.areaofinterest input {width:auto; border:none; margin:0px; padding:0px; margin-right:2px;}
div#myprofile_form table.areaofinterest, div#generic_form table.areaofinterest {
clear:left;
width:373px;
margin:5px 0px 0px 0px;
padding:0px 0px 15px 20px;
border-bottom: 1px solid #ccc;
}
div#myprofile_form table.areaofinterest td {
width:186px;
margin:0px;
padding:2px 0px;
}
div#myprofile_form table.areaofinterest td input {width:auto; border:none; margin:0px;}
div#myprofile_form table.areaofinterest td label {
font:bold 11px Arial, Helvetica, sans-serif;
color:#33495a;
padding: 0px 0px 0px 5px;
}
div#logon_form div.formbox span.formMargin input.remme,
div#myprofile_form div.formbox span.formMargin input.remme {width:15px; border:none; display:inline;}
div#myprofile_form div.formbox span.formMargin input.chkbx {width:auto; border:none; margin:0px;}
nobr a span.WebFormButtonOK,nobr a span.WebFormButtonCancel {
font:11px Arial, Helvetica, sans-serif;
color:#333;
background:#eee;
border:1px solid #ccc;
line-height:20px;
margin:0px;
padding:3px 5px;
position:absolute;
bottom:10px;
}
nobr a span.WebFormButtonOK{left: 515px;}
nobr a span.WebFormButtonCancel{left: 550px;}
a span.WebFormImageOK img, a span.WebFormImageCancel img {
border:none;
}
#content div#generic_form div.formbox div.helpmsg {padding-left:0px; margin-left:10px;}
#content div#generic_form div.formbox div.helpmsg p {
padding:5px 0px 10px 0px;
margin:0px;
width:auto;
}
#content div#myprofile_form div.formbox div.helpmsg p.vipmsg a,
#content div#generic_form div.formbox div.helpmsg p.vipmsg a {
color:#fc6f0f;
line-height:16px;}
div#logon_form div.submitIt, div#generic_form div.submitIt {
cursor:pointer;
margin:20px 0px 5px 0px;
float:right;
}
div#myprofile_form div.submitIt, div#generic_form div.submitIt {
margin:0px;
float:none;
width:100%;
padding:10px 0px 0px 0px;
overflow:hidden;
}
div#myprofile_form div.submitIt p, div#generic_form div.submitIt p {margin-left:0px; width:100%;}
div#myprofile_form div.submitIt input, div#generic_form div.submitIt input{
cursor:pointer;
float:right;
width:auto;
margin: 0px 20px 20px 0px;
}
div#logon_form div.submitIt a,
div#myprofile_form div.submitIt a,
div#generic_form div.submitIt a {
display:block;
line-height:23px;
background:#D75700;
padding:5px 10px 5px 10px;
}
div#logon_form div.submitIt a:hover,
div#myprofile_form div.submitIt a:hover,
div#generic_form div.submitIt a:hover{
display:block;
text-decoration:none;
color:#fff;
line-height:23px;
background:#33495a;
padding:5px 10px 5px 10px;
}
div#logon_form div.submitIt a p,
div#myprofile_form div.submitIt a p,
div#generic_form div.submitIt a p {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
display:inline;
background: url(/images/gt_login.gif) no-repeat right center #D75700;
text-align:right;
padding:0px 12px 0px 0px;
}
div#logon_form div.submitIt a:hover p,
div#myprofile_form div.submitIt a:hover p,
div#generic_form div.submitIt a:hover p{
color:#fff;
text-decoration:none;
display:inline;
background: url(/images/gt_login_over.gif) no-repeat right center #33495a;
text-align:right;
padding:0px 12px 0px 0px;
width:100%;
}
#content div.courseHead {
width:592px !important;
}
#content div.ac_list, .q_list, .dl_list {
width:566px;
}
.quest_D, .quest_L, .dloads_L, .dloads_D {width:589px;}
hr {width:592px;}
.theteams {}
#reed_design_2 div.coursepick {width:585px;}
#reed_design_2 div.resultlist div.result {width:580px;}
#reed_design_2 div#content div.contentmain h3 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#33495a !important;
border-bottom:1px solid #ccc;
clear:left;
padding:0px 0px 0px 10px;
margin:0px;
line-height:30px;
}
/* div.courselistselector,
ul.discountbar {display:none; visibility:hidden;} */
/*REP-Mainly - Home page news feature */
#newsfeature {
position:relative;
z-index:1000;
padding-left:199px;
width:397px;
height:129px;
clear:both;
overflow:auto;
}
#newsfeature img#mainimg {
position:absolute;
left:1px;
top:0px;
}
#newsfeature h2{
font:bold 14px 'FSAlbertAlt Bold', FSAlbertAlt, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
background:#FE8E27;
padding:0px 0px 0px 20px;
height:24px;
line-height:24px;
}
#newsfeature p{
margin:10px 0px 5px 20px;
color:#666;
}
/* New Form Styles */
#profile_details {
margin:20px 0px;
}
#profile_details fieldset h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#33495a;
padding:0px;
margin:0px 0px 20px 20px;
}
#profile_details p {
color:#666;
margin-left:20px;
}
#profile_details fieldset {
border:solid 0 transparent;
border-bottom:1px solid #ccc;
margin:20px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#profile_details fieldset p {
width:100%;
float:left;
}
#profile_details label {
width:95px;
float:left;
margin:0px;
padding:0px;
line-height:18px;
height:18px;
}
#profile_details em.requiredField {
color:#D35903;
font-size:1em;
font-style:normal;
padding-left:0.5em;
}
#profile_details input {
color:#666;
background:transparent;
width:220px;
float:left;
margin:0px;
border:1px solid #ccc;
padding-top:3px;
height:20px;
}
#profile_details select {
width:auto;
float:left;
margin:0px;
border:1px solid #ccc;
color:#666;
background:transparent;
}
#profile_details fieldset#desiredroles p {
width:210px;
float:left;
line-height:normal;
margin-bottom:3px;
}
#profile_details fieldset#desiredroles p label {
line-height:normal;
padding:0px;
margin:0px;
}
#profile_details fieldset input.chkbx {
width:auto;
padding:0px;
margin:0px 5px 0px 0px;
border:none;
}
#profile_details fieldset#desiredroles p.alt {
width:150px;
float:left;
margin-left:0px;
}
#profile_details fieldset#desiredroles p.additioninfo {
width:100%;
float:none;
clear:left;
}
#profile_details fieldset#desiredroles p.additioninfo label {
width:100%;
display:block;
margin-top:20px;
}
#profile_details fieldset#desiredroles p.additioninfo textarea {
width:315px;
height:60px;
margin-left:0px;
background:transparent;
}
#profile_details fieldset#otherinfo p label#moreinfo {
width:370px;
}
#profile_details fieldset#formactions {
border:none;
}
#profile_details fieldset#formactions label {
text-indent:-5000px;
}
#profile_details fieldset#formactions input {
width:auto;
float:right;
margin-right:20px;
height:auto;
cursor:pointer;
}
#contentbottom {
border-top:1px solid #999;
background:#E2E3E7;
height:30px;
}
.promo_altdesign {
padding:20px 40px 20px 20px;
border-bottom:1px solid #ccc;
}
.teacherstoolkit {background: url(/images/teachtoolkit.gif) no-repeat 97% 50%;}
.eupdates {background: url(/images/e-updates_promo.gif) no-repeat 97% 50%;}
.promo_altdesign h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#f60;
margin:0px;
padding:0px;
}
.promo_altdesign p{
font:normal 11px Arial, Helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
.promo_altdesign p a{color:#33495a;}
.promo_altdesign p a:hover{color:#f60; text-decoration:none;}
/* Current Offers Styling + Default styling for new default list */
#contentbody {}
#contentbody p {
margin-left:20px;}
#content #contentbody h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#33495a;
}
#contentbody fieldset#coursestreams{
border:solid 0 transparent;
padding:0px;
margin:0px 0px 0px 20px;
}
#contentbody fieldset#coursestreams label {
font:normal 11px Arial, Helvetica, sans-serif;
color:#666;
float:left;
}
#contentbody fieldset#coursestreams select {
width:200px;
margin:0px 0px 0px 5px;
padding:0px;
float:left;
}
#contentbody fieldset#coursestreams label span{
display:block;
text-indent:-50000px;
}
#contentbody fieldset#coursestreams a{
color:#64A821;
}
#contentbody fieldset#coursestreams a:hover{
color:#f60;
text-decoration:none;
}
#contentbody div.nav {float:right; padding:0px 10px 0px 0px; margin:0px;}
#contentbody div.nav a {color:#64A821;}
#contentbody div.nav a:hover {color:#f60;}
#stdList {
border-top:1px solid #ccc;
margin:10px 0px 0px 0px;
padding:0px;
clear:both;
}
ul#stdList {
margin:10px 0px;
padding:0px;
list-style:none;
}
#stdList li {
margin:0px;
padding:10px 0px 10px 20px;
border-bottom:1px solid #ccc;
}
* html #stdList li {padding-bottom/**/:25px;}
#stdList li h2{
margin:0px 10px 5px 0px;
padding:0px;
}
#stdList li ul li {
border:none;
padding:0px;
}
#stdList li ul.details {
margin:0px 0px 10px 0px;
padding:0px;
width:375px;
list-style:none;
clear:both;
overflow:hidden;
}
#stdList li ul.details li {
float:left;
width:100px;
}
#stdList li ul.details li.deal {
float:right;
text-align:right;
width:160px;
padding-right:5px;
color:#f60;
}
#stdList li ul.itemNav {
margin:0px;
padding:0px;
list-style:none;
clear:both;
overflow:hidden;
}
#content ul.itemNav li {
float:left;
width:auto;
margin-right:5px;
line-height:1.5em;
}
#content ul.itemNav li a{color:#64A821;}
#content ul.itemNav li a:hover{color:#f60; text-decoration:none;}
#primaryinfo div#intro{
width:426px;
}
/* ALPINE PAGE STYLES */
#alpine {width:590px;}
#alpine p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#777;
line-height:1.5em;
}
#alpine #columns {
background:url(/images/alpinebg.gif) repeat-y;
float:left;
position:relative;
width:590px;
}
#alpine #alpinehead {
background:#4A79A6;
height:224px;
}
#alpine #extrainfo {float:left; clear:none;}
#alpine #primaryinfo {width:320px;}
#alpine #extrainfo #alpinehead h1{
margin:0px;
padding:45px 0px 5px 20px;
font:bold 20px FSAlbertAlt, Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
line-height:1em;
}
#alpine #extrainfo #alpinehead h1 span{
color:#9DC338;
}
#alpine p#strapline {
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#BDE1FB;
margin:0px 0px 5px 20px;
}
#alpine p#price {
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin:0px 0px 5px 20px;
}
#alpine #courseoutline {
padding:10px 15px 10px 20px;
}
#alpine #courseoutline h2{
float:left;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#777;
line-height:1.5em;
padding:0px 5px 0px 0px;
margin:0px;
}
#alpine #courseoutline p{
padding:0px 0px 0px 0px;
}
#alpine .moreinfo {
border-top:1px solid #ccc;
background:#ebf7f9;
padding:0px 0px 0px 0px;
position:relative;
bottom:0px;
left:0px;
width:198px;
}
#alpine .moreinfo p {
margin:0px;
background:url(/images/icon_page.gif) no-repeat 20px 10px #ebf7f9;
}
#alpine .moreinfo p a{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#5C7886;
background:transparent;
line-height:45px;
display:block;
padding:0px 0px 0px 50px;
}
#alpine .moreinfo p a:hover{
color:#569cbb;
text-decoration:none;
}
#alpine div.module {
border-top:1px solid #ccc;
float:left;
width:396px;
}
* html #alpine div.module {width/**/:385px;}
#alpine #primaryinfo h2, #alpine #leaderprofile h2 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#354857;
letter-spacing:0em;
width:90px;
padding:18px 0px 15px 42px;
margin:0px;
float:left;
}
* html #alpine #primaryinfo h2 {width/**/:85px;}
#alpine #primaryinfo .module_body {float:left; width:238px; padding:20px 0px 0px 20px}
#alpine #primaryinfo .module_body a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#9DC338;
}
#alpine #primaryinfo .module_body p {
padding:0px 0px 0px 0px;
}
#alpine #primaryinfo .module_body p strong {
font-weight:bold;
}
#alpine #primaryinfo #photogallery {border:none;}
#alpine #primaryinfo #photogallery #mainpic {overflow:hidden; width:380px;}
#alpine #primaryinfo #photogallery h2 {
background:url(/images/icon_photogallery.gif) 10px 15px no-repeat;
width:90px;
}
#alpine #primaryinfo #photogallery .module_body {width:248px; padding:0px 0px 0px 5px;}
#alpine #primaryinfo #photogallery .module_body #picker {margin-top:10px;}
#alpine #primaryinfo #openday h2 {background:url(/images/icon_openday.gif) 10px 15px no-repeat;}
#alpine #primaryinfo #competition h2 {background:url(/images/icon_competition.gif) 10px 12px no-repeat;}
#alpine #primaryinfo #movie h2 {background:url(/images/icon_playmovie.gif) 10px 13px no-repeat;}
#alpine #primaryinfo #movie .module_body {padding:10px 0px 10px 20px;}
#alpine #leaderprofile {
clear:left;
border-top:1px solid #ccc;
}
#alpine #leaderprofile #lp_head {float:left; width:199px;}
#alpine #leaderprofile #lp_head h2 {background:url(/images/icon_leaderprofile.gif) 10px 15px no-repeat;}
#alpine #leaderprofile #lp_head img.profilepic {
display:block;
clear:left;
padding:0px 0px 0px 10px;
}
#alpine #leaderprofile #lp_body {
margin:15px 5px 0px 10px;
float:left;
width:376px;
}
#alpine #leaderprofile #lp_body p#testimonial {
font:15px Georgia, "Times New Roman", Times, serif;
color:#549414;
margin:0px 0px 0px 0px;
}
#alpine #leaderprofile #lp_body p#bywhom {
font:15px Georgia, "Times New Roman", Times, serif;
color:#97B928;
}
/* --------------------------------- RED BAR//RED BOX ---------------------------------- */
.redbox {
}
.redbar {
position:relative;
width: 596px;
background: #d80015;
}
.redbar_txt {
position:absolute;
top: 12px;
left: 15px;
}
.redbar_txt p {
margin:0px;
}
.redbar_txt a {
Font:normal 14pt arial;
color:#FFFFFF;
}
.redbar_txt a:hover {
Font:normal 14pt arial;
color:#FFFFFF;
text-decoration: none;
}
img.red_img {
background: #d80015;
width: 596px;
height: 46px;
border: none;
}
/* --------------------------------------------------------- */
/*
NEW COLOURS:
Orange: #fc6f0f
Green: #64A821
Dark Blue: #334859
*/
/* advanced search styles */
/* general styles */
input.radio {width:auto; border:none; padding:0px; background:transparent;}
#advancedsearch{}
#advancedsearch a{color:#64A821;}
#advancedsearch fieldset, #advancedsearchresults fieldset {
border: 0px solid transparent;
padding:20px;
}
#advancedsearch fieldset fieldset {padding:0px;}
#advancedsearch h2{
margin-bottom:15px;
}
#content #contentbody fieldset#search_std h2,
#content #contentbody fieldset#search_adv h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#33495a;
}
#advancedsearch p {
color:#666;
margin:0px;
}
#advancedsearch label span.inputlabel {
font:normal 11px Arial, Helvetica, sans-serif;
color:#666;
line-height:20px;
height:20px;
width:100px;
display:block;
float:left;
cursor:pointer;
}
#advancedsearch input, #advancedsearch select {
width:200px;
line-height:17px;
height:17px;
padding:3px 0px 0px 5px;
display:block;
float:left;
clear:right;
}
span#simpleSearchTermSection {display:inline; float:left;}
#advancedsearch #stdsearch,
#advancedsearch #stdsearch label {overflow:hidden;}
span#simpleSearchTermSection input {}
#advancedsearch input {cursor:text;}
#advancedsearch input.radio {width:auto; border:none; padding:0px; margin-right:5px; cursor:pointer;}
#advancedsearch input#searchstd_submit, #advancedsearch input#searchadv_submit,
#advancedsearch span#simpleSearchButtonSection input, #advancedsearch span#advancedSearchButtonSection input,
#advancedsearch div#searchadv_submit_contain input {
width:auto;
height:20px;
line-height:normal;
padding:0px;
margin:0px 15px 0px 38px;
cursor:pointer;
}
#advancedsearch span#advancedSearchButtonSection input {margin-left:25px;}
* html #advancedsearch span#simpleSearchButtonSection input,
* html #advancedsearch span#advancedSearchButtonSection input { margin/**/: 0px 0px 0px 10px;
}
* html #advancedsearch #stdsearch, * html #advancedsearch #search_adv{
width/**/:550px;
}
* html #advancedsearch #stdsearch span.inputlabel, * html #advancedsearch #search_adv span.inputlabel{
width/**/:60px;
}
/* Search Standard Fieldset */
#advancedsearch fieldset#search_std, #advancedsearch fieldset#search_adv {border-bottom: 1px solid #ccc;}
fieldset#search_std .search_area, fieldset#search_adv .search_area {
clear:left;
margin:0px 0px 0px 100px;
padding-top:10px;
overflow:hidden;
}
fieldset#search_std .search_area label,
fieldset#search_adv .search_area label{
font:11px Verdana, Arial, Helvetica, sans-serif;
width:90px;
display:block;
float:left;
line-height:16px;
}
fieldset#search_std .search_area input,
fieldset#search_adv .search_area input{display:block; float:left; clear:none;}
fieldset#search_std input#searchstd_submit,
fieldset#search_adv input#searchstd_submit {margin:1px 15px 0px 30px;}
/* Search Advanced Fieldset */
#advancedsearch fieldset#search_extra_options label,
#advancedsearch fieldset#search_extra_options p {clear:left; padding-bottom:10px; overflow:hidden;}
#advancedsearch fieldset#search_extra_options #searchadv_dates {clear:both; float:none;}
#advancedsearch fieldset#search_extra_options #searchadv_dates span.inputlabel {width:30px;}
#advancedsearch fieldset#search_extra_options #searchadv_dates p.fieldsetlabel {
width:100px;
float:left;
line-height:20px;
height:20px;
}
#advancedsearch fieldset#search_extra_options #searchadv_dates p {float:left; clear:right; padding:0px;}
#advancedsearch fieldset#search_extra_options #searchadv_dates p#search_end_container {
clear:left;
margin-left:100px;
padding-top:3px;
float:none;}
#advancedsearch fieldset#search_extra_options #searchadv_dates label {width:33px; clear:none;}
#advancedsearch fieldset#search_extra_options #searchadv_dates label#searchadv_end_label {}
#advancedsearch fieldset#search_extra_options #searchadv_dates input {width:135px; margin-right:10px;}
#advancedsearch div#searchadv_submit_contain {margin-left:350px;}
#advancedsearch div#searchadv_submit_contain input {margin:10px 15px 0px 0px;}
/* Advanced Search Results */
/* Search Std in Content Head */
#extra_info {margin:5px 0px;}
* html #content #contenthead {
float/**/:left;
}
#contenthead #extra_info {float:right; padding-top:3px; margin-right:10px;}
#contenthead #extra_info a{
color:#fff;
font-weight:normal;
text-decoration:underline;
}
#extra_info a:hover{
text-decoration:none;
}
/* Search Summary */
#search_summary {background:#E2E3E7; color:#334859; clear:left; overflow:hidden; padding:2px 10px 2px 20px;}
#search_summary p {color:#334859;}
#search_summary p.searchterm {float:left; width:400px;}
#search_summary p.searchterm strong{font-weight:bold;}
#search_summary p.currentresults {float:right;}
/* Search Results */
#advancedsearch #contentbody a {
color:#334859;
font-weight:normal;
}
#advancedsearch #contentbody a:hover {}
#advancedsearch #contentbody h2,
#advancedsearch #contentbody h2 a,
#advancedsearch #contentbody .searchresult .resultbody a span.resulthead {
font:bold 14px Arial, Helvetica, sans-serif;
color:#64A821;
background:transparent;
}
#advancedsearch #contentbody h2 a,
#advancedsearch #contentbody .searchresult .resultbody a span.resulthead {text-decoration:underline;}
#advancedsearch #contentbody h2 a:hover,
#advancedsearch #contentbody .searchresult .resultbody a:hover span.resulthead,
#advancedsearch #contentbody .searchresult .resultbody a:hover
{text-decoration:none; border-bottom:none;}
#advancedsearch #contentbody .promotedresult {
background:#F0F1F3;
padding:3px 20px;
margin:10px 0px;
}
#advancedsearch #contentbody .searchresult {
padding:0px 0px 0px 0px;
margin:20px 0px;
clear:left;
overflow:hidden;
width:400px;
}
#advancedsearch #contentbody .searchresult p {color:#777;}
#advancedsearch #contentbody .searchresult .resultbody {overflow:hidden;}
#advancedsearch #contentbody .searchresult p.resultinfo {
color:#334959;
margin-top:5px;
}
#advancedsearch #contentbody .searchresult img {margin-right:20px; float:left;}
/* Search Result Navigation */
#advancedsearch #contentbody .nav {
padding-top:20px;
margin-bottom:30px;
border-top:1px solid #ccc;
color:#fc6f0f;
overflow:hidden;
width:588px;
}
#advancedsearch #contentbody .nav a{
color:#64A821;
font-weight:bold;
}
#advancedsearch #contentbody .nav a:hover{
color:#fc6f0f;
text-decoration:underline;
}
/* Search Result Hint */
#advancedsearch #contentbody #search_hint {
margin:15px 0px 25px 20px;
}
#advancedsearch #contentbody #search_hint a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#fc6f0f;
text-decoration:underline;
}
#advancedsearch #contentbody #search_hint a:hover{
text-decoration:none;
}
#advancedsearch #contentbody span.no_results p
{
margin: 10px 20px 40px 20px;
font-weight: bold;
font-size: 14px;
}
/* Unsubscribe Info */
#unsubscribe #contentbody {margin:25px 0px 30px 0px;}
#unsubscribe #contentbody h2 {margin:0px 0px 15px 20px;}
#unsubscribe #contentbody fieldset#unsub_continue {margin:0px 0px 15px 0px;}
#unsubscribe #contentbody fieldset label {
margin:0px 0px 0px 20px;
width:155px;
display:block;
float:left;
}
/*qualification template fixes*/
/*Course Schedule Information Styling */
p.properties span.name {font-weight:bold;}
p.properties span.value {padding-right:10px;}
#coursehead_info ul.bookinginfo li p.properties {color:#fff;}
/* CSS Document */
/* Front page style sheet */
/* Sets the style for the site's front page */
#full {
width: 780px;
/*hack */
width: 844px; /*IE 5.5 width - Tantek hack */
voice-family: "\"}\"";
voice-family:inherit;
width: 780px; /*real width*/
}
html>body #full{
width:780px;}
.logon, .reg, .logoff, .profile{
background-color: inherit;
padding:0px 0px 3px 5px;
margin:0px;
}
/* The login bar at the top of the page*/
.form {
width:350px;
}
#bodyblock{
width:780px;
}
#loggedin {
visibility:hidden;
display:none;
}
#sitemapwrap {
visibility:hidden;
display:none;
}
#login {
visibility:hidden;
display:none;
}
/* Sections to hide */
/*#whatshot , #searchbar h4 {display:none;}*/
/* Top Titles, Logos etc */
#topimg {
width:780px;
height: 80px;
background-color: #ffffff;
border-bottom: 1px solid #ccc;
}
#toptitle {
border-width: 0px;
height:65;
width:150px;
}
#toptitle img {
background: url(/images/lta_logo.gif) top left no-repeat;
width: 140px;
height: 65px;
padding:0px 0px 0px 0px;
margin:0px 4px 10px 7px;
}
.pgmainimg {
margin: 0px;
padding:0px;
position:relative;
}
/* Used classes and id tags */
/* ------------------------------------------------------------------------------------- */
#intro {width:596px; margin:0px; padding:0px;}
#title {
visibility: hidden;
display: none;
}
.headimg {
visibility: hidden;
display: none;
}
.pgtitle {
visibility: hidden;
display: none;
}
/* Side Styling */
#side {
width: 182px;
top:0px;
background:#FFF ;
border-left: 1px solid #ccc;
}
#side p {border-bottom: 1px solid #FFF;}
/* ---------------------------*/
/* The "Search Bar" */
#searchbar {
visibility: hidden;
display: none;
}
/* ---------------------------*/
/* Big Links */
/* ---------------------------*/
/* The top border between the biglinks and main menu */
#side p.blank {
background:#8095A8;
color: #52656B;
border-bottom: 0px solid #8DA8AF;
}
/* ---------------------------*/
/*Hover Color */
.area p a:hover, .page p a:hover, .bottom p a:hover {
color: #fff;
background:#425B6D;
}
/* The main menu */
.area {background: #fff;}
.area p.here {
background: url(/images/here.gif) #fff no-repeat;
color: #425B6D;
}
.area p a {
color: #425B6D;
background: transparent;
border-bottom: 1px solid #fff;
}
.area p.down a {background: url(/images/down.gif) #fff no-repeat;}
/* The page submenu for extended subsections within a main "area" section */
.page {background: #fff;}
.page p.here {
background: url(/images/here.gif) #fff no-repeat;
color: #425B6D;
}
.page p a {
color: #425B6D;
background-color: #fff;
border-bottom: 1px solid #fff;
}
.page p.down a {background: url(/images/down.gif) #fff no-repeat;}
p.here {background: url(/images/here.gif) #fff no-repeat;}
/* The terms submenu including terms and conditions amongst others */
.bottom {background: #fff;}
.bottom p a {
color: #425B6D;
background: transparent;
border-bottom: 1px solid #fff;
}
/* ---------------------------*/
/*The bit of colored bar under the menu */
#space {background:#fff;}
/* ---------------------------*/
/* front specific styles */
#content {width:596px;}
/* TOPIC MODULES */
#topics {margin:0px; width:596px; padding:0px; border-top:1px solid #ccc; position:relative;}
#topics table {width:596px; margin:0px;}
#topics td.space {width:1px; margin:0px; padding:0px;}
#topics h1 {
font: bold 12pt Arial, Helvetica, sans-serif;
text-align:left;
padding: 5px 10px;
margin:0px 0px 0px 0px;
}
#topics div.header {
width:96%;
padding:1px 5px 2px 0px;
}
/*hack (for fixing: when FF doesn't contain a floated object, but ie does (and you need it to) */
#topics div.header {
overflow: hidden;
}
* html #topics div.header {
height: 0;
overflow: visible;
}
#topics div.header img {
float:left;
}
#topics h6 {
font: normal 8pt arial;
margin: 5px 0px 0px 5px;
padding: 0px 0px 3px 0px;
}
#topics p {
font: normal 8pt arial;
margin: 0px 3px 0px 5px;
padding: 0px 0px 3px 10px;
}
#content div#topics p a {
color:#425B6D;
font: bold 8pt arial;
text-decoration:none;
}
#content div#topics p a:hover {
color:#425B6D;
font: bold 8pt arial;
text-decoration:underline;
}
td.topic1 {
vertical-align:top;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 10px;
width:172px;
border-right:1px solid #ccc;
}
.topic1 h1, .topic1 div.header {
color: #666;
}
.topic1 h6 {color: #666;}
.topic1 p {
color: #666;
background:url(/images/bullet-t1.gif) #fff left center no-repeat;
padding:0px 0px 0px 0px;
}
td.topic2 {
vertical-align:top;
background: #fff;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 10px;
width:178px;
border-right:1px solid #ccc;
}
.topic2 h1, .topic2 div.header {
color: #666;
}
.topic2 h6 {color:#666;}
.topic2 p {color: #666;
background:url(/images/bullet-t2.gif) #fff left center no-repeat;
padding:0px 0px 0px 0px;
}
td.topic3 {
vertical-align:top;
background: #fff;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 10px;
width:172px;
}
.topic3 h1, .topic3 div.header {
color: #666;
}
.topic3 h6 {color: #666;}
.topic3 p {
color: #666;
background:url(/images/bullet-t3.gif) #fff center left no-repeat;
padding:0px 0px 0px 0px;
}
/* NEWS BAR */
#news {
font: normal 8pt arial;
color:#5F6E73;
background: #F7F7F7;
padding:7px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom: none;
}
#news p.newstitle {
font: bold 8pt verdana;
color: #4C5E84;
text-align:left;
padding: 0px 5px 0px 20px;
border-bottom: none;
margin:0px 0px 0px 0px;
}
.home_news {
color:#5F6E73;
background: #F7F7F7;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 0px;
border-bottom: none;
}
#side div.home_news p {
font:normal 8pt arial;
margin: 0px 0px 0px 0px;
padding:0px 0px 5px 0px;
border-bottom: none;
text-align:left;
}
#side div.home_news p a {
font:bold 8pt arial;
color:#999;
text-decoration:none;
}
#side div.home_news p a:hover {text-decoration:underline;}
.newsdate {
font-weight: bold;
color:#4C5E84;
background:url(/images/bullet-news.gif) #f7f7f7 center left no-repeat;
padding:0px 0px 0px 10px;
display:block;
}
/* The "Sitemap" links under the menu (area) bar */
#sitemapwrap {
position: absolute;
top: -25px;
width: 182px;
height: 25px;
right: 0;
background:#fff;
margin:0px;
padding:0px;
}
/* \*/
* html #sitemapwrap {
top: -24px;
t\op: -25px;
}
#sitemap {margin:0px; padding:0px; width:182px}
/* Altered styling for classes found in sitestd.css */
/* ------------------------------------------------------------------------------------- */
/* The "Footer" section at the bottom of the page*/
html #footer-wrapper {
width: 100%;
}
#footer {color:#fff;}
#footer a:link {color: #fff;}
#footer a:hover {color: #39F;}
.foothead {color:#fff;}
.reedsfoot {color:#fff;}
/* ---------------------------*/
/* ourcourses-hotlink for front page */
.ourcourses-hotlink {
position:absolute;
margin:0px 0px 0px 10px;
top:90px;
left:0px;
}
.ourcourses-hotlink img {
margin:10px 0px 5px 0px;
}
.ourcourses-hotlink a img {
border:none;
margin:0px 0px 0px 0px;
vertical-align:middle;
}
.ourcourses-hotlink h1 {
font:bold 14pt Arial, Helvetica, sans-serif;
color:#333;
margin:10px 0px 0px 1px;
}
.ourcourses-hotlink h1 {
font:bold 14pt Arial, Helvetica, sans-serif;
color:#333;
margin:10px 0px 0px 1px;
}
.ourcourses-hotlink p {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#aaa;
margin:0px 0px 5px 2px;
}
.ourcourses-hotlink select {
background:#fff;
color:#777;
border:1px solid #ccc;
margin:5px 0px 0px 0px;
}
/* Altered styling for Content Specific Classes and id tags */
/* ------------------------------------------------------------------------------------- */
.courseHead {
width:420px;
background: #EFF3F6;
border-top: 1px solid #BCBDC1;
border-bottom: 1px solid #BCBDC1;
}
.courseHead h2 a:hover {
font:normal 8pt arial;
color:#c00;
text-decoration:none;
}
#content h3 {color: #555 !important;}
#content p.dload {text-align: center;}
.otg_nav_promo {
width:182px;
height:75px;
background:#000;
padding:5px;
}
.otg_nav_promo img {
background:#000;
margin:0px;
}
/* on the go body styles*/
#content p {color:#888;}
.otg_specials {
float:left;
padding:10px 0px 0px 10px;
margin:0px;
width:189px;
height:83px;
border-bottom:1px solid #ccc;
}
.otg_specials img {
margin:0px 0px 0px 0px;
border:none;
}
.otg_specials p a {
font: bold 8pt Arial, Helvetica, sans-serif;
color: #cc0033;
}
.otg_specials p a:hover{
font: bold 8pt Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.otg_sellingpoints {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
float:right;
height:83px;
width:381px;
margin:0px;
padding:10px 5px 0px 10px;
}
.otg_sellingpoints img{
float:right;
padding:15px 0px 0px 0px;
}
.otg_sellingpoints p{
margin:0px;
}
.otg_sellingpoints p a{
font: normal 8pt Arial, Helvetica, sans-serif;
color: #666;
}
.otg_sellingpoints p a:hover{
font: normal 8pt Arial, Helvetica, sans-serif;
color: #999;
text-decoration:underline;
}
.otg_sellingpoints p strong{
color:#445f73;
}
.otg_news {
float:left;
padding:40px 0px 0px 15px;
margin:0px;
width:140px;
height:83px;
}
.otg_news h2 {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#445f73;
margin: 10px 0px 0px 0px;
}
.otg_news p {
font:normal 8pt Arial, Helvetica, sans-serif;
color:#666;
margin:0px ;
}
.otg_content {
border-left:1px solid #ccc;
width:436px;
float:right;
margin:0px;
padding:0px;
}
.otg_main {
padding:10px 5px 5px 10px;
border-bottom:0px solid #ccc;
}
.otg_main h2{
font:normal 24pt Arial, Helvetica, sans-serif;
color:#999;
}
.otg_links {
}
.otg_links a img {
border:none;
margin:0px;
padding:0px;
}
.otg_links a h2 {
margin:0px;
padding:0px;
font:bold 8pt Arial, Helvetica, sans-serif;
color:#cc0033;
}
.otg_links p {
font:normal 8pt Arial, Helvetica, sans-serif;
color:#666;
}
.otg_link1 {
float:left;
width:116px;
height:104px;
padding:10px 0px 0px 15px;
border-right:0px solid #ccc;
border-left:1px solid #ccc;
margin-left:4px;
}
.otg_link2 {
float:left;
width:96px;
height:104px;
padding:10px 20px 0px 15px;
border-right:0px solid #ccc;
}
.otg_link3 {
float:right;
width:121px;
height:104px;
padding:10px 0px 0px 10px;
}
#whatshot {
visibility: hidden;
display: none;
}
.callback {
visibility: hidden;
display: none;
}
/* New Design Fix-up */
#header
{
float:none;
height: 80px;
}
#header-wrapper
{
background-image: none;
height:80px;
}
ul#initialmenu
{
display: none;
}
#loggedin #inputs
{
color: #114d7a;
}
#navigation
{
float: right;
margin: 103px 0 1px 0;
padding: 0;
}
#left_bar
{
display: none;
}
#bodyblock
{
clear: none;
width: 598px;
float: left;
}
#footer
{
width: 760px;
padding-right: 10px;
}
.otg_news
{
border: 0px;
}
#footer_right
{
display: none;
}
#navigation
{
position: absolute;
top: 0;
left: 600px;
width: 180px;
}
#navigation ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
#navigation li
{
list-style-type: none;
margin: 0;
padding: 0;
}