@charset "UTF-8";


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Everything below was omitted from the above as they were hiding the table borders. Create classes for all the different tables
table, caption, tbody, tfoot, thead, tr, th, td  */

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* Spry Collapsible Panel Code */
/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #006600; 
	border-right: solid 1px #003300;
	border-top: solid 1px #003300;
	border-bottom: solid 1px #006600;
	font:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:20px; /* Set the text size for the panel headings */
	background-color:#FFFFB4;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: 0.7em sans-serif;
	background-color: #7BC66B;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {margin: 0px; padding: 0px;}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {color: pink; text-decoration: none;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {/*background-color: #CC66FF;*/}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #c4e6b6;}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #C9C66B;}

/* CSS Rollover Effect Code */
#list-menu {width: 200px;}
#list-menu ul{margin: 0; padding: 0; list-style-type: none;}
#list-menu li{margin: 4px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px;}
#list-menu a{display: block; width: 200px; height: 35px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; line-height: 35px; filter:blendTrans(duration=0.5);}
#list-menu a:link{color:#ffffb4; background: url(GreenButton.png);}
#list-menu a:visited{color:#ffffb4; background: url(GreenButton.png);}
#list-menu a:hover{color:#77a25b; background: url(YellowButton.png);}

#contact-forms a{width: 175px; height: 33px; filter:blendTrans(duration=0.5);}
#contact-forms a:link{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Feedback-Green.jpg);}
#contact-forms a:visited{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Feedback-Green.jpg);}
#contact-forms a:hover{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Feedback-Golden.jpg);}

#telephone-buttercups a{width: 299px; height: 33px; filter:blendTrans(duration=0.5);}
#telephone-buttercups a:link{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Phone-Green.jpg);}
#telephone-buttercups a:visited{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Phone-Green.jpg);}
#telephone-buttercups a:hover{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Phone-Golden.jpg);}

#email-buttercups a{width: 207px; height: 33px; filter:blendTrans(duration=0.5);}
#email-buttercups a:link{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Email-Green.jpg);}
#email-buttercups a:visited{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Email-Green.jpg);}
#email-buttercups a:hover{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Company-Banner-Email-Golden.jpg);}

a.PDFLink{display: block; width:200px; height:64px; text-decoration: none; float: right; background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Buttons/$File/Button-View-PDF-Green.gif);} 
a.PDFLink:hover{display: block; width:200px; height:64px; text-decoration: none; float: right; background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/Buttons/$File/Button-View-PDF-Yellow.gif);} 

body {background: url(http://www.Buttercups.co.uk/Website/Website.nsf/Setup/Images/$File/Corduroy-Background.gif); background-repeat:repeat; text-align:center;}

h1{font-size:22px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #609b49; text-align:left; margin: 10px 0px 10px 5px;}
h1.yellow{font-size:22px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #ffff99; text-align:left; margin: 10px 0px 10px 5px;}
h1.black{font-size:22px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #000000; text-align:left; margin: 10px 0px 10px 5px;}
h1.background{font-size:22px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #000; text-align:left; padding: 5px 0px 5px 5px; margin: 10px 0px 10px 5px; background:url('http://www.buttercups.co.uk/website/website.nsf/setup/images/$file/table-gradient.jpg');}
h1.yellow-background{font-size:22px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #ffff99; text-align:left; padding: 5px 0px 5px 5px; margin: 10px 0px 10px 5px; background:url('http://www.buttercups.co.uk/website/website.nsf/setup/images/$file/table-gradient.jpg');}
h2{font-size:16px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #000; text-align:left; margin: 15px 0px 10px 5px;}
h3{font-size:16px; font-family:sans-serif, Calibri, Verdana, Arial, Helvetica; color: #000; text-align:left; margin: 10px 0px 10px 5px;}

/* All content goes within this div tag */
#Container{width: 858px; margin: 0 auto; background-color: #ffffff; padding: 8px 8px 8px 8px; border: 1px solid #003300; text-align: left;} 	
/* Sets the size of the logo div tag */
#LogoBanner{width: 850px; background-color: #ffffff;}
#TickerStyle{border: 1px solid #003300; width: 634px; background: url(http://www.Buttercups.co.uk/Website/Storage.nsf/Setup/Images/$File/NewsTickerBackground.jpg); margin-top: 10px; margin-bottom: 5px; margin-left: 0px; text-align: center;}
/* Sets the properties of where the actual content goes */
#Content{margin: 10px 0px 0px 0px; width: 630px; float: right;}
#fullContent{margin: 10px 0px 0px 0px; width: 850;}
/* Use this class if you want to have content across the width of the web page */
#CourseMaterialContents{width: 850px; margin: 0px 0px 0px 0px;  background-color:#ffffff; float: left; display:block;}
/* Sets the position of the menu buttons down the left hand side of the screen */
#Sidemenu{background-color: #ffffff; width: 205px; margin: 15px 5px 0px -2px; float: left;}
#Footer{width: 850px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; background-color: #77a25b; font-weight:bold; color: #FFFF99;	font-size: 14px; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 5px; text-align: center;}

/* Horizontal rule CSS */
div.hr {height: 2px; background: #6e9c00; width:100%; margin-top: 5px; margin-bottom: 5px;}
div.hr hr {display: none;}

/* Below is for the text on the collapsible panels */
.ExpandContract{font: bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:right;}

p{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: 13pt; margin: 7px 5px 8px 5px;}
p.TableText{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height: 13pt; margin-left: 5px; margin-right: 5px;}
p.CenterText{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height: 13pt; margin-left: 5px; margin-right: 5px;}
p.HeaderText{font-weight:bold; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #008000;}

img.floatLeft {float: left;}
img.floatRight {float: right;}
.FlashFloatRight {float: right;}
#YellowRow{background-color: #FEF1B5;}

ul{list-style-type: disc; margin: 5px 0px 5px 20px;}
ol{list-style:decimal; margin: 5px 0px 5px 30px;}
ol.lettered{list-style-type: lower-alpha;}
li{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: 13pt; margin-bottom: 10px;}
li.square{list-style-type: square; color: #77a25b; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: 13pt; margin-bottom: 10px;}

/* Links throughout the website */
a.ButtercupsLinks:link {color: #007FFF; text-decoration: none; font-size:12px;}
a.ButtercupsLinks:visited {color: #218429; text-decoration: none; font-size:12px;} 
a.ButtercupsLinks:hover {color: black; text-decoration: underline; font-size:12px;} 

/* Link for accessing the KB */
a.KB:link {color: #FFFF99; text-decoration: none; font-size:14px; font-weight:bold;}
a.KB:visited {color: #FFFF99; text-decoration: none; font-size:14px; font-weight:bold;} 
a.KB:hover {color: #FFFF99; text-decoration: none; font-size:14px; font-weight:bold;}

/* Link for CLOSING Collapsing Panel rollover effect*/
a.ClosePanel:link{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/close-panel-green.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}
a.ClosePanel:visited{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/close-panel-green.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}
a.ClosePanel:hover{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/close-panel-yellow.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}

/* Link for GPhC take test online button*/
a.GPhCOnline:link{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/Take-Test-Online-Green-Small.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}
a.GPhCOnline:visited{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/Take-Test-Online-Green-Small.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}
a.GPhCOnline:hover{background: url(http://www.buttercups.co.uk/Website/Website.nsf/Setup/stylesheets/$File/Take-Test-Online-Yellow-Small.png); width: 126px; height: 41px; float: right; margin: 5px 20px 5px 0px; display:block;}

td{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: 13pt; margin-left: 5px; margin-right: 5px;}

/* Used on the sitemap web page */
.ColumnOne{width:300px; float:left; background-color:#ffffff;}
.ColumnTwo{width:300px; float:right; background-color:#ffffff;}

.GreenTableRow{background-color:#c8fbc0; text-align:left;}
.YellowTableRow{background-color:#feffbf; text-align:left;}