/* Normalize.css   http://necolas.github.io/normalize.css/2.1.3/normalize.css
Use this in preference to the classic 'reset' options http://www.cssreset.com/which-css-reset-should-i-use/ as it is lighter and less confusing/easier to analyse.  
===================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

html {font-family: arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}

a {background: transparent;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

h1 {font-size: 2em; margin: 0.67em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}

fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}

table {border-collapse: collapse; border-spacing: 0;}

/* HTML tags the streamSWEET way
===================== */
body {font-size:13px; color:#000; line-height:150%; margin-top:0; background-color:#fff; background-image:url(/assets/images/tile_background.jpg); background-repeat:repeat-x;}

p							{margin:12px 0 8px 0;}

h1						{font-size:26px !important; font-weight:normal !important; color:#000; margin:20px 0px 3px 0px; line-height:28px;}
h2						{font-size:20px !important; font-weight:normal !important; color:#000; margin:16px 0px 3px 0px;}
h3						{font-size:16px; font-weight:bold; color:#666; margin:13px 0px 3px 0px;}
h4						{font-size:14px; font-weight:bold; color:#666; margin:10px 0px 2px 0px;}
h5						{font-size:12px; font-weight:bold; color:#666; margin:10px 0px 2px 0px;}
h6						{font-size:12px; font-weight:bold; color:#999; margin:10px 0px 2px 0px;}

ul li										{display:list-item; list-style:disc; list-style-position:outside;}
ol li										{list-style-position:outside;}
hr											{border-top-width:2px; border-top-style:solid; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-color:#ede8ec; margin-right:0px; margin-left:0px;}
IMG											{border:none; display:block;}
table										{border:0;}
a:link, a:visited							{color:#ffa338; text-decoration:underline;}
a:active, a:hover, a:focus 				{color:#000; text-decoration:underline;}




/* streamSWEET additional Fonts 
===================== */
.TextStd			{}
.TextEmphasis		{color:#999; font-style:italic;}
.TextSml1			{font-size:12px; color:#666; line-height:14px;}
.TextSml2			{font-size:11px; color:#999;}
.TextLarge			{font-size:18px;}
.TextQuote			{font-size:14px; font-weight:bold; color:#4898d4; line-height:18px; font-style:italic;}
.TextLabel			{font-size:12px; color:#777 !important; vertical-align:top;}

/* streamSWEET In-page alert panels
/*For 'background-image' Possibly good to include -webkit... to support Mac Safari.  That browser gained proper support only from early 2013*/
.InPagePanelAlert 		{width:90%; margin:20px; padding:15px; background-color:#fad2cf; background-image:linear-gradient(0deg, #fad2cf, #ffeeed 90%); border:1px solid #f57971; border-radius:10px; box-shadow:0 0 20px 0px #ffdbd9;}
.InPagePanelTitle			{font-size:1.5em; font-weight:bold;}
.InPagePanelText			{font-size:1.2em;}
.InPagePanelEmphasis	{font-style:italic;}

/* streamSWEET predefined tables
===================== */
.Table1				{border-collapse:collapse; border:1px solid #b7b8b8;}
.Table1Head		{background-color:#3c3c3c; padding:5px 5px 5px 3px; font-size:14px; font-weight:bold; color:#f7f7f7; text-align:left; border:1px solid #b7b8b8;}
.Table1SubHead		{background-color:#d4d4d4; padding:3px 3px 3px 3px; font-size:12px; font-weight:bold; border-top:1px solid #b7b8b8; border-bottom:1px solid #b7b8b8;}
.Table1Content		{background-color:#fbfbfb; padding:2px 2px 2px 3px; font-size:12px; border-top:1px solid #b7b8b8; border-bottom:1px solid #b7b8b8;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Above here is generic with the admin CMS editors, apart from BODY background colour and margin.*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Font - Legacy Support until replaced throughout the code.  Meantime manually align with h1 h2 etc tags above and text classes used above.
===================== */
.Head1				{font-size:26px !important; font-weight:normal !important; color:#000; margin:20px 0px 3px 0px;}
.Head2				{font-size:20px !important; font-weight:normal !important; color:#000; margin:16px 0px 3px 0px;}
.Head3				{font-size:16px; font-weight:bold; color:#666; margin:13px 0px 3px 0px;}
.Head4				{font-size:14px; font-weight:bold; color:#999; margin:10px 0px 2px 0px;}
.Head5				{font-size:12px; font-weight:bold; color:#999; margin:10px 0px 2px 0px;}
.Head6				{font-size:12px; font-weight:bold; color:#999; margin:10px 0px 2px 0px;}

.Text1				{font-size:12px; color:#000;}
.Text2				{font-size:12px; color:#999;}
.Text3				{font-size:12px; color:#999; font-style:italic;}

/* ======================================================================================== */
/* ======================================================================================== */
/* Template Layout */
/* ======================================================================================== */
/* ======================================================================================== */

/* Home 
===================== */
.hBanner									{padding:0px; text-align:left; vertical-align:top; height:160px;}
.hBannerCol1							{width:300px; float:left; height:160px; overflow:hidden;}
.hBannerCol2							{width:672px; float:left; height:160px; overflow:hidden;}
.hLogo										{margin-top:17px;}
.hNavMain								{padding:0; height:47px;}
.hLogin										{width:425px; float:right; background-color:#f3eff4; padding:8px 3px 10px 24px; border-bottom:6px solid #ede8ec;}
.hBasket									{width:300px; float:left;}
.hNavBottom							{padding:15px 15px 5px 15px;}
.hFooter									{padding:15px 0; vertical-align:top;}

/* Content - Standard
===================== */
#cLayout									{z-index:1; width:991px; margin-left:auto; margin-right:auto; text-align:left; border:0;}
.cBanner									{padding:0px; text-align:left; vertical-align:top; height:160px;}
.cBannerCol1							{width:300px; float:left; height:160px; overflow:hidden;}
.cBannerCol2							{width:672px; float:left; height:160px;}
.cNavMain								{padding:0; height:47px;}
.cNavSub									{padding:0px 0px 5px 0px; background-color:#f2f2f3; vertical-align:top; width:184px;}
.cLogin										{min-width:200px; float:right; background-color:#f3eff4; padding:8px 3px 10px 24px; border-bottom:6px solid #ede8ec;}
.cBasket									{width:300px; float:left;}
.cNavBottom							{padding:15px 15px 5px 15px; vertical-align:top;}
.cNavBreadcrumbs					{}
.cContent1								{padding:7px 30px 7px 20px; background-color:#fff; text-align:left; vertical-align:top;}
.cContent1Information		{vertical-align:top;}
.cContent1FullWidth			{padding:0px 20px 10px 20px; text-align:left; vertical-align:top; border-left:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; background-color:#fff; height:360px;}
.cContent2								{width:195px; padding:0px; background-color:#fff; text-align:left; vertical-align:top;}
.cFooter									{padding:15px 0; vertical-align:top;}

.SpacerNoWidth						{background-color:#fff;}

/* This is old staff already and we should use group handling for this */
.clearfix:after					{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix 							{display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* This new class group is used to replace clearfix */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* Column Layouts
===================== */

/* Homepage Column Layouts
===================== */
	
/* 2 Columns */
		
.hLeftColumn								{width:704px; float:left; position:relative; vertical-align:top; min-height:600px; padding:30px 0 30px 0;}
.hRightColumn								{width:287px; float:left; position:relative; vertical-align:top; padding:0px 0 30px 0;}
.hRightInner								{margin-left:21px; width:266px;}

/* Content Column Layouts
===================== */
/* 1 Column */
.cContentCol1								{background:#fff; min-height:600px; padding:10px 20px 20px 15px; margin-top:30px;}

/* Column - Wide Version */
/* This is currently using the 1 Column Template */

.cLeftColumnNav2							{width:192px; float:left; position:relative; background-color:#fff; min-height:600px; margin-top:30px; vertical-align:top;}
.cLeftColumnInnerNav2				{width:172px; margin-right:20px; padding:40px 0;}
.cWideColumn2								{width:799px; float:left; position:relative; background-color:#fff; min-height:600px; margin-top:30px; vertical-align:top;}
.cWideColumnInner2					{width:760px; padding:26px 0 20px 0;}
		
/* 2 Columns */
/* No Nav Version -*/
.cLeftColumn2								{width:704px; float:left; position:relative; background-color:#fff; min-height:600px; margin-top:30px; vertical-align:top;}
.cLeftColumnInner2					{width:635px; padding:30px 0 30px 30px;}
.cRightColumn2								{width:287px; float:left; position:relative; vertical-align:top; padding:0px 0 30px 0;}
.cRightColumnInner2					{margin-left:21px; width:266px;}
/* 2 Col - Media Page */
.cRightColumn2Media					{width:287px; float:left; position:relative; vertical-align:top; padding:0px 0 30px 0; background-color:#fff; margin-top:30px;}
.cRightColumnInner2Media		{margin-left:21px; width:240px;}

/* 3 Columns */
/* Left */
.cLeftColumn3								{width:192px; float:left; position:relative; background-color:#fff; min-height:600px; margin-top:30px; vertical-align:top;}
.cLeftColumnInner3					{width:172px; margin-right:20px; padding:40px 0;}
/* Mid */
.cMidColumn3									{width:512px; float:left; position:relative; background-color:#fff; min-height:600px; margin-top:30px; vertical-align:top;}
.cMidColumnInner3						{width:475px; padding:26px 0 20px 0;}
/* Right */
.cRightColumn3								{width:287px; float:left; position:relative; vertical-align:top; padding:0px 0 30px 0;}
.cRightColumnInner3					{margin-left:21px; width:266px;}

/* Table
===================== */
.TableBorder						{background-color:#fff; border:1px solid #888; margin-top:1px;}
.TableBasic							{border-width:0px; width:100%;}
/* should probably be reworked, because this has been moved from rugby for a handful of controls that we placed in streamSWEET. */
/* These controls are still not made part of the system properly, so we can either update them to use generic styles, or remove styles and controls */
/* usercontrol\front\custom\CreditsLogBought.ascx */
/* usercontrol\front\custom\CreditsLogUsed.ascx */
/* usercontrol\front\Network\FriendsResultsList.ascx */
/* usercontrol\front\Network\MyFriends.ascx */
.AccountTable						{margin-bottom:6px;}
.AccountTable td				{padding:4px 2px;}
.AccountTable th				{text-align:left; background-color:#fff; border:2px solid #cde9b4; font-size:15px; padding:6px; background-image:url(/assets/images/tile_header_profile.jpg); background-repeat:repeat-x;}
.AccountTableLeft				{text-align:left; font-weight:bold; background-color:#fff; border-top:2px solid #cde9b4; border-left:2px solid #cde9b4; border-bottom:2px solid #cde9b4; font-size:15px; padding:6px; background-image:url(/assets/images/tile_header_profile.jpg); background-repeat:repeat-x;}
.AccountTableCenter			{text-align:left; font-weight:bold; background-color:#fff; border-top:2px solid #cde9b4; border-bottom:2px solid #cde9b4; font-size:15px; padding:6px; background-image:url(/assets/images/tile_header_profile.jpg); background-repeat:repeat-x;}
.AccountTableRight			{text-align:left; font-weight:bold; background-color:#fff; border-top:2px solid #cde9b4; border-right:2px solid #cde9b4; border-bottom:2px solid #cde9b4; font-size:15px; padding:6px; background-image:url(/assets/images/tile_header_profile.jpg); background-repeat:repeat-x;}
.AccountTableSub				{background-image:url(/assets/images/tile_account_sub.jpg); background-repeat:repeat-x; border-bottom:1px solid #ccc;}

/* Grid 
===================== */
.datagridTable					{color:#f60; background-color:#fff;}
.dataGridCont					{border:1px solid #7b5c98;}
.datagrid						{font-size:12px; background-color:#fff;}
.datagrid td					{padding:1px 0 1px 4px !important; border-bottom:1px solid #fff;}
.datagrid td a					{text-decoration:none; display:block; padding:4px 4px 4px 0px;}
.datagridAlter					{background-color:#f5f5f5;}
.datagridAlter td				{padding:1px 0 1px 4px !important; border-bottom:1px solid #f5f5f5;}
.datagridAlter td a			{text-decoration:none; display:block; padding:4px 4px 4px 0px;}
.datagridSelected				{background-color:#e7e0ea;}
.datagridSelected td			{padding:1px 0 1px 4px !important; border-bottom:1px solid #c1c7b5;}
.datagridSelected td a		{text-decoration:none; display:block; padding:4px 4px 4px 0px;}
.datagridOver					{background-color:#eae8f7;}
.datagridOver td				{padding:1px 0 1px 4px !important; border-bottom:1px solid #e8e8bc;}
.datagridOver td a			{text-decoration:none; display:block; padding:4px 4px 4px 0px;}
/* datagridHeader is only applied to the header row of non-sortable, non drag n drop grids. */
.datagridHeader				{padding:0;}
.datagridHeader td			{padding:4px 2px 4px 4px !important;}
.datagridColumn				{font-size:11px; color:#fff; font-weight:normal; background-color:#7b5c98; padding:4px 2px 4px 4px !important;}
.datagridColumn a				{text-decoration:none; color:#fff;}
.datagridColumnSelected		{font-size:11px; color:#fff; font-weight:bolder; background-color:#a5a7b3; padding:4px 2px 4px 4px !important;}
.datagridPager					{font-size:10px; color:#006; font-weight:normal; background-color:#e5e6e7;}
.datagridPager a				{padding-right:3px; display:inline-block !important;}

/* drag and drop grid */
.HypergridTableHeader			{overflow:hidden; width:100%; table-layout:fixed; empty-cells:show; border-collapse:collapse;}
.HypergridTableHeader th	{padding:4px 2px 4px 4px;}
.DivDragDropImage					{margin-left:auto; margin-right:auto; width:16px; height:16px; text-align:center; background-image:url(/assets/images/icon_sort_up_down.gif);}
.RadGridDragDropEnabled		{cursor:move;}
.rgPager .rgCurrentPage		{text-decoration:none; color:Black;}
.rgPager .rgInfoPart			{display:none;}

/* Tabs 
===================== */
.tabspanelcont					{height:35px;}
.tabspanel						{float:left; width:100%; font-size:90%; line-height:normal; border-bottom:2px solid #505050;}
.tabspanel ul					{margin:0; padding:0px 10px 0 10px; list-style:none;}
.tabspanel li					{display:inline; margin:0; padding:0;}
.tabspanel a					{float:left; background:url(/assets/images/tabspanelleft.gif) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; background-position:0% -42px;}
.tabspanel a span				{float:left; display:block; background:url(/assets/images/tabspanelright.gif) no-repeat right top; padding:10px 15px 6px 10px;  color:#000; background-position:100% -42px;}
.tabspanelon a					{float:left; background:url(/assets/images/tabspanelleft.gif) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none;}
.tabspanelon a span			{float:left; display:block; background:url(/assets/images/tabspanelright.gif) no-repeat right top;padding:10px 15px 6px 10px; color:#000;}
.tabspanel a:hover			{background-position:0% 0px;}
.tabspanel a:hover span		{color:#ff6600; background-position:100% 0px;}
/* Stream 
===================== */

/* Alert Message Handling */
.AlertBox                {width:350px; margin:0; padding:0; border-radius:10px; box-shadow:0 0 20px 0px #ffdbd9; overflow:hidden; cursor:auto; position:fixed; bottom:20px; right:20px; z-index:10000;}
.AlertBoxInner							{padding:10px 10px 10px 70px; overflow:hidden; z-index:9999;}
.AlertBoxTitle        		{margin:5px 0 0 0; font-size:24px; font-weight:bold; color:#333;}
.AlertBoxText            {margin:15px 10px 10px 0; font-size:1.1em; color:#333;}
 
.AlertBoxSuccess         {background-color:#d0fbc1; border:1px solid #54FF54;}
.AlertBoxInnerSuccess 		{background-image:url('/assets/images/msg_type_01_01.gif'); background-repeat:no-repeat; background-position:5px 10px;}
 
.AlertBoxError							{background-color:#fbc8c1; border:1px solid #FF2B2B;}
.AlertBoxInnerError				{background-image:url('/assets/images/msg_type_02_01.gif'); background-repeat:no-repeat; background-position:5px 10px;}
 
.AlertBoxInfo 							{background-color:#fee1ab; border:1px solid #FFAE17;}
.AlertBoxInnerInfo       {background-image:url('/assets/images/msg_type_03_01.gif'); background-repeat:no-repeat; background-position:5px 10px;}

/* No Results Handling */
.AlertNoResult							{padding:10px; border:1px solid #e5e5e5; background:#f7f7f7;}


/* Telerik
===================== */
.TabHover							{color:#039}
.TabDisabled					{color:#999;}
/* Over-ride telerik generated styles */
.rwControlButtons li	{list-style-type:none;}
.rcbHeader ul, .rcbHeader ul li,.rcbFooter ul,.rcbFooter ul li, .rcbItem ul, .rcbItem ul li,.rcbHovered ul,.rcbHovered ul li, .rcbDisabled ul,.rcbDisabled ul li {list-style-type:none !important; margin:0px; padding:0px;}

/* Modal 
===================== */
.modalBackground			{background-color:Gray;}
.modalPopup						{display:none;}

/* Tool Tip 
===================== */

/* Footer
===================== */
.FooterText						{font-size:9px; color:#666; line-height:15px;}
.FooterText a:link, .FooterText a:visited		{color:#666; text-decoration:underline;}
.FooterText a:hover, .FooterText a:active		{color:#f60; text-decoration:underline;}

/* File Upload
===================== */
.FileUploadHeader			{font-size:12px; font-weight:bold; color:#464c55; background-color:#c1d82f; padding:4px; border-bottom:1px solid #666;}

/* Ajax Popup 
===================== */
/* shop */
.FormTopPopup					{background-image:url(/assets/images/tile_stripe.jpg); background-repeat:repeat-x; color:#fff; font-weight:bold; padding-left:15px;}
.FormButtonPopup			{padding:6px 12px 6px 12px; font-size:14px; color:#393b4a; background-image:url(/assets/images/tile_ajaxform_header.jpg); background-repeat:repeat-x; background-color:#b0becd; border:inset 1px #708090; text-decoration:none;}
/* feedback only */
.FormTablePopup				{padding:0; margin-left:auto; margin-right:auto; background-color:#fff;}
/* carried from rugby - PayPal popup,  Login Message popup */
.FormHeaderPopup			{padding:5px 30px; font-size:16px; font-weight:bold; color:#fff; background-image:url(/assets/images/tile_ajaxform_header.jpg); background-repeat:repeat-x;}
.FormHeaderPopup			{padding:3px; font-size:14px; font-weight:bold; color:#393b4a; background-image:url(/assets/images/tile_ajaxform_header.jpg); background-repeat:repeat-x;}
/* \PayPal_HTML.aspx */
/* \usercontrol\front\custom\BuyCredits.ascx */
.CreditDisplay				{font-size:14px; color:#000; padding:6px 10px; background-color:#dbefde; border:1px solid #6eaf4e;}
/* PayPal popup - \PayPal_HTML.aspx */
.TableBuyStuff				{width:100%; margin:10px 0px; border-top:2px solid #000; border-bottom:2px solid #000;}
.TableBuyStuff th			{background-color:#f1eded; padding:4px;}
.TableBuyStuff td			{padding:4px;}
/* BUY NOW POP-UP */
/* ref:http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ */
#fade									{display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%;	opacity:.80;	z-index:9999;}
.popup_block					{display:none; background:#fff; padding:0px; border:2px solid #ddd; float:left; position:fixed; top:50%; left:50%; z-index:99999;}


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

/* Form Elements 
===================== */

textarea:focus, input:focus, select:focus  {outline:none; box-shadow: 0 0 10px 0px #ccc;}
textarea:focus, input:focus  {background-color:#fffaed;}
textarea:disabled, input:disabled, select:disabled, submit:disabled  {box-shadow: 0 0 8px 0px #fab9b9;}

/* TextArea 
===================== */

/* TextBox 
===================== */
.FormTextBox						{padding:4px; font-size:12px; color:#000; background-color:#fff; border:2px solid #e8e8e8;}
.FormTextBox_ReadOnly		{padding:4px; font-size:12px; color:#000; background-color:#fff; border:2px solid #e8e8e8;}
.FormTextBoxGreen				{padding:4px; font-size:12px; color:#000; background-color:#b8eba9;}

/* Password 
===================== */

/* Pulldown List 
===================== */
.FormPulldown						{padding:4px; font-size:12px; color:#000; background-color:#c2b0c8;}
.FormPulldownLanguage		{padding:4px 6px; font-size:10px; color:#666; background-color:#e9f4f3; margin:10px;}
.FormPulldownSection		{padding:4px; font-size:12px; color:#446f83; background-color:#e9f4f3; margin:10px;}

/* Select List 
===================== */

/* Checkbox 
===================== */

/* Radio button 
===================== */

/* Input
===================== */
.FormInvalid						{padding:4px; font-size:12px; color:#000; background-color:#fbb5b3; border:2px solid #e8e8e8;}

/* Captcha 
===================== */

/* Form Tables 
===================== */
		.FormTable										{line-height:15px; padding:1px; margin-top:8px; margin-bottom:8px; background-color:#f8f6f9;}
		.FormTable th									{font-size:14px; color:#64397b; font-weight:normal; padding:12px 5px 10px 15px; background-color:#ede8ec; border-bottom:1px solid #ede8ec;}
		.FormTable td									{font-size:13px; color:#333; padding:3px 5px 3px 6px;}
		.FormTableHead									{font-size:13px; color:#333; font-weight:bold; padding:7px 5px 5px 15px; border:1px solid #bebebe; background-image:url(/assets/images/tile_formheader.jpg); background-repeat:repeat-x;}
		.FormCellHeadSub								{font-size:13px; color:#000; font-weight:bold; padding:3px; background-color:#ecf1f7; background-image:url(/assets/images/tile_formheader_sub.jpg); background-repeat:repeat-x;}
		.FormSectionTop								{border:1px solid #888; margin-top:1px;}
		.InstructTextSml								{font-size:11px; color:#999;}
		.FormRequired									{font-size:14px; color:#f90}
		.ErrStdRed 									{font-size:11px; color:#f00; vertical-align:top}

/* Buttons
===================== */
.FormButton							{padding:8px 12px 8px 12px; font-size:14px; color:#393b4a; background-image:url(/assets/images/button_tile.jpg); background-repeat:repeat-x; background-color:#e9e9e9; border:2px solid #d3d3d3; text-decoration:none;}
.FormButton:hover				{padding:8px 12px 8px 12px; font-size:14px; color:#7a7a7a; background-image:url(/assets/images/button_tile_hover.jpg); background-repeat:repeat-x; background-color:#d7d7d7; border:2px solid #d3d3d3; text-decoration:none; cursor:pointer;}
.FormButtonSmall				{padding:4px 10px 4px 10px; font-size:14px; color:#393b4a; background-image:url(/assets/images/button_tile.jpg); background-repeat:repeat-x; background-color:#e9e9e9; border:1px solid #d3d3d3; text-decoration:none;}
.FormButtonSmall:hover	{padding:4px 10px 4px 10px; font-size:14px; color:#7a7a7a; background-image:url(/assets/images/button_tile_hover.jpg); background-repeat:repeat-x; background-color:#d7d7d7; border:1px solid #d3d3d3; text-decoration:none; cursor:pointer;}
.FormButtonSubmit				{padding:8px 12px 8px 12px; font-size:14px; color:#393b4a; background-image:url(/assets/images/button_tile.jpg); background-repeat:repeat-x; background-color:#e9e9e9; border:2px solid #d3d3d3; text-decoration:none;}
.FormButtonSubmit:hover	{padding:8px 12px 8px 12px; font-size:14px; color:#7a7a7a; background-image:url(/assets/images/button_tile_hover.jpg); background-repeat:repeat-x; background-color:#d7d7d7; border:2px solid #d3d3d3; text-decoration:none; cursor:pointer;}

/* SWAP OUT FORM ELEMENTS FOR GRAPHICS  
===================== */
.checkbox, .radio				{background-image:url(/assets/images/quiz/checkbox2.png); background-repeat:no-repeat; display:block; width:38px; height:50px; padding:0 5px 0 0; clear:left; float:left;}
.radio									{background-image:url(/assets/images/radio2.png); background-repeat:no-repeat;}
.select									{position:absolute; width:158px; /* With the padding included, the width is 190 pixels:the actual width of the image. */ height:21px; padding:0 24px 0 8px; color:#fff; font:12px/21px arial,sans-serif; background:url(/assets/images/select.png) no-repeat; overflow:hidden;}

/* Image Buttons
===================== */
/* EVENT */
.ImgBtnEventAdd					{width:0px; height:0px; background:url(/assets/images/button_add_event.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnEventRemove			{width:0px; height:0px; background:url(/assets/images/button_remove_event.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnEventFind				{width:0px; height:0px; background:url(/assets/images/button_find_events.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnReportFind				{width:0px; height:0px; background:url(/assets/images/button_find_report.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

.ImgBtnEventBook				{width:102px; height:33px; background:url(/assets/images/button_booknow.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnEventBookLge			{width:174px; height:60px; background:url(/assets/images/button_booknow_lge.png) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

/* EVENT MULTIPLE LOCATIONS */
.EventGridTable					{width:100%; margin-top:20px; margin-bottom:30px; background-color:#f6f7f5;}
.EventGridTable th			{background-color:#666; color:#fff; font-size:12px; padding:6px 5px;}
.EventGridTable td			{color:#000; font-size:11px; padding:3px; border-bottom:1px solid #cfcfcf;}

/* RUGBY SEARCH */
.ImgBtnSearchGo					{width:33px; height:35px; background:url(/assets/images/button_search_go.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnSearchGoLarge		{width:36px; height:28px; background:url(/assets/images/button_go_lge.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

/* FEEDBACK BUTTONS */
.ImgBtnFeedbackSubmit		{width:186px; height:38px; background:url(/assets/images/button_submit_feedback.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnFeedbackIconPlus	{width:24px; height:24px; background:url(/assets/images/icon_plus_feedback.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnFeedbackIconPicture	{width:24px; height:24px; background:url(/assets/images/icon_picture_feedback.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

/* SHOPPING BASKET */
.ImgBtnBacketQtyUpdate	{width:196px; height:22px; background:url(/assets/images/button_update_qty.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnBasketBrowse			{width:33px; height:25px; background:url(/assets/images/button_browse.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

/* MISC BUTTONS */
.ImgBtnAddNew						{width:48px; height:18px; background:url(/assets/images/button_addnew.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnSubmit						{width:101px; height:29px; background:url(/assets/images/button_submit.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgButtonCloseBox			{width:101px; height:31px; background:url(/assets/images/button_closebox.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnFind							{width:66px; height:24px; background:url(/assets/images/button_find.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}
.ImgBtnForumSearch			{width:66px; height:24px; background:url(/assets/images/button_search_forum.gif) no-repeat 0px 0px; margin:0; padding:0;border:none; background-color:transparent; cursor:pointer; display:inline-block;}

/* ======================================================================================== */
/* ======================================================================================== */
/* Navigation */
/* ======================================================================================== */
/* ======================================================================================== */

	/* First level - Horizontal - Flyout 
	===================== */
		/* TEXT BASED MENU 
		#navMain, #navMain ul					{list-style:none; line-height:14px; padding:0; margin:0px 0px 0px 0px; border-left:1px solid #fff; z-index:500; position:relative;}
		#navMain a								{display:block; color:#18263e; text-decoration:none; padding:8px 12px 8px 12px; font-size:13px; font-weight:normal;}
		#navMain a.daddy						{background:url(/assets/images/rightarrow2.gif) 140px 6px no-repeat;}
		#navMain a.sel							{background-color:#fff; opacity:0.90; filter:alpha(opacity=90);}
		#navMain li							{list-style:none; float:left; padding:0; border-right:1px solid #fff;}
		#navMain li ul							{position:absolute; left:-2000px; height:auto; width:185px; w\idth:160px; margin:0 0 0 -1px; border:solid #ccc; border-width:0 1px 1px 1px; background-color:#fff;}
		#navMain li li							{width:160px; border:solid #ccc; border-width:1px 0 0 0; }
		#navMain li ul a						{width:160px; w\idth:135px; font-size:12px; font-weight:normal;}
		#navMain li ul ul						{margin:-21px 0 0 160px; }
		#navMain li:hover ul ul, #navMain li:hover ul ul ul, #navMain li.sfhover ul ul, #navMain li.sfhover ul ul ul {left:-2000px;}
		#navMain li:hover ul, #navMain li li:hover ul, #navMain li li li:hover ul, #navMain li.sfhover ul, #navMain li li.sfhover ul, #navMain li li li.sfhover ul {left:auto;}
		#navMain li:hover, #navMain li.sfhover {background:#cff5ff;}
		#navMain li.separator					{background-color:#7c6240; padding:4px 5px 3px 5px;}
		*/

		/* IMAGE BASED */
		#navMain, #navMain ul					{width:940px; list-style:none; line-height:14px; padding:0; margin:0px 0px 0px 0px; z-index:500; position:relative;}
		#navMain a								{display:block; color:#18263e; text-decoration:none; font-size:12px;}
		#navMain a.daddy						{background:url(/assets/images/rightarrow2.gif) 140px 6px no-repeat;}
		#navMain a.sel							{background-color:#d6dde1;}
		#navMain li							{list-style:none; float:left; padding:0;}
		#navMain li ul							{position:absolute; left:-2000px; height:auto; width:195px; width:170px; margin:0 0 0 -1px; border:solid #999; border-width:0 1px 1px 1px; background-color:#f1f3f4;}
		#navMain li li							{width:170px; border:solid #999; border-width:1px 0 0 0; }
		#navMain li ul a						{width:170px; w\idth:145px; padding:6px 15px 6px 10px;}
		#navMain li ul ul						{margin:-21px 0 0 170px; }
		#navMain li:hover ul ul, #navMain li:hover ul ul ul, #navMain li.sfhover ul ul, #navMain li.sfhover ul ul ul {left:-2000px;}
		#navMain li:hover ul, #navMain li li:hover ul, #navMain li li li:hover ul, #navMain li.sfhover ul, #navMain li li.sfhover ul, #navMain li li li.sfhover ul {left:auto;}
		#navMain li:hover, #navMain li.sfhover { background:#d6dde1; }
		#navMain li.separator					{}

/* Second level - Vertical 
===================== */
		#navSub, #navSub ul			{width:172px; list-style:none; line-height:14px; padding:0; margin:0; font-size:13px;}
		#navSub .sel							{background-color:#fff; color:#000; background-image:url(/assets/images/arrow_subnav_1_on.png);}
		#navSub a								{display:block; color:#836f8a; text-decoration:none;}
		#navSub li								{margin:0px; padding:0px; background:url(/assets/images/arrow_subnav_1.png) 0px 6px repeat-y; list-style:none; border-bottom:6px solid #fff;}
		#navSub li a							{width:152px; padding:4px 5px 3px 15px; background:url(/assets/images/arrow_subnav_1.png) 0px 6px repeat-y;}
		#navSub li ul						{border:0;}
		#navSub li li .sel			{background-color:#fff; color:#000; background-image:url(/assets/images/arrow_subnav_2_on.png);}
		#navSub li li						{margin:0px; padding:0px; background:url(/assets/images/arrow_subnav_2.png) 10px 6px no-repeat;}
		#navSub li li a					{width:142px; padding:4px 5px 3px 25px; background:url(/assets/images/arrow_subnav_2.png) 10px 6px no-repeat;}
		#navSub a:hover					{color:#333;}

/* Second level - Horizontal 
===================== */
.navSubH								{font-size:10px; color:#5d6786; line-height:14px;}
.navSubH a:link					{color:#5d6786; text-decoration:none;}
.navSubH a:visited			{color:#666; text-decoration:none;}
.navSubH a:active, .navSubH a:hover		{color:#f60; text-decoration:underline;}

/* Breadcrumbs 
===================== */
.MenuBCrumb							{font-size:10px; color:#333; font-weight:bold;}
.MenuBCrumb  a:link, .menuBCrumb a:visited		{color:#666; text-decoration:none;}
.MenuBCrumb  a:active, .menuBCrumb  a:hover		{color:#a60e0e; text-decoration:underline;}

/* Bottom
===================== */
.MenuBotL1							{font-size:10px; color:#000; line-height:14px;}
.MenuBotL1 a:link				{color:#666; text-decoration:underline;}
.MenuBotL1 a:visited		{color:#666; text-decoration:underline;}
.MenuBotL1 a:active, .MenuBotL1 a:hover		{color:#f60; text-decoration:underline;}

.MenuBotL2							{font-size:9px; color:#000; line-height:14px;}
.MenuBotL2 a:link				{color:#666; text-decoration:underline;}
.MenuBotL2 a:visited		{color:#666; text-decoration:underline;}
.MenuBotL2 a:active, .MenuBotL2 a:hover		{color:#f60; text-decoration:underline;}


/* ======================================================================================== */
/* ======================================================================================== */
/* Modules - Shared */
/* ======================================================================================== */
/* ======================================================================================== */

/* Home Feature Controls
===================== */
.NewsHomeFeatureHead		{padding:5px; background-color:#ccc;} /* usercontrol\front\homepage\News.ascx */
.EventsHomeFeatureHead	{padding:5px; background-color:#ccc;} /* usercontrol\front\homepage\Events.ascx */
.CaseStudyFeatureHead		{padding:5px; background-color:#ccc;} /* usercontrol\front\homepage\CaseStudy.ascx */
.FriendsPanel						{padding:2px;}
.FriendsPanelHeader			{padding:3px 5px; background-color:#e6e6e6; font-size:11px;}

/* Product Listings 
===================== */
/*** THIS BLOCK OF CSS NEEDS TO BE FULLY REWORKED - IT WAS COPIED WITHOUT THOUGHT IS IS WAY, WAY, WAY OVER COMPLICATED FOR WHAT IT DOES ***/
.TableHeadProductList																			{font-size:12px; font-weight:bold; color:#fff; background-color:#666; padding:3px 3px 3px 6px; text-align:left;}
#ProductList, #ProductList ul, .ProductList, .ProductList ul		{list-style:none; line-height:14px; padding:0; margin:0; background-color:#e5e5e5;}
#ProductList .sel, .ProductList .sel											{background-color:#fff; background-image:url(/assets/images/arrow_prod_toplevel_on.gif);}
#ProductList a, .ProductList a														{font-weight:normal; display:block; text-decoration:none; color:#000;}
#ProductList li, .ProductList li													{margin:0; padding:0; background:url(/assets/images/arrow_prod_toplevel.gif) 3px 6px no-repeat; list-style:none; border-bottom:1px solid #f7f7f7;}
#ProductList li a, .ProductList li a											{width:146px; width:126px; padding:4px 5px 3px 15px; background:url(/assets/images/arrow_prod_toplevel.gif) 3px 6px no-repeat; color:#878c9c;}
#ProductList li ul, .ProductList li ul										{border-width:0;}
#ProductList li li .sel, .ProductList li li .sel					{background-color:#fff; color:#c00; background-image:url(/assets/images/arrow_prod_level2_on.gif);}
#ProductList li li, .ProductList li li										{margin:0; padding:0; background:url(/assets/images/arrow_prod_level2.gif) 10px 6px no-repeat; background-color:#f7f7f7; border-bottom:1px solid #fff;}
#ProductList li li a:hover, .ProductList li li a:hover		{color:#c00; background-image:url(/assets/images/arrow_prod_level2_on.gif);}
#ProductList li li a, .ProductList li li a								{width:146px; width:116px; padding:4px 5px 3px 25px; background:url(/assets/images/arrow_prod_level2.gif) 10px 6px no-repeat;}
#ProductList a:hover, .ProductList a:hover								{color:#c00; background-image:url(/assets/images/arrow_prod_toplevel_on.gif);}

.ProductVariationTable			{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;}
.ProductVariationTable th		{padding:3px 2px; font-size:11px; background-color:#fafafa;}
.ProductVariationTable td		{padding:3px 2px;}

/* Image Album 
===================== */
.AlbumImagePopup										{background-color:#fff; border-collapse:collapse; margin:0px; padding:0px; width:955px;}
.AlbumImagePopupCellHeader					{vertical-align:top; font-size:12px; height:40px; background-image:url(/assets/images/tile_stripe.jpg); background-repeat:repeat-x; color:#fff; font-weight:bold;}
.AlbumImagePopupCellImage						{vertical-align:middle; text-align:center; padding:0px 5px 5px 5px; width:740px;}
.AlbumImagePopupCellThumbs					{vertical-align:top; text-align:left; width:225px;}
.AlbumImageScrollerMainImage				{width:100%; text-align:left; padding:10px;}
.AlbumImageScrollerThumbnails				{width:100%;}
.AlbumImageLargeImage								{width:700px; height:100%;}
.AlbumImageThumbnailImageBorder			{margin:0px 5px 5px 0px; width:90px; height:90px;}
.AlbumImageThumbnailImageBorder td	{border:1px solid #ccc;}
.AlbumImageThumbnailImageBorder td:hover, .AlbumImageThumbnailImageBorder .AlbumImageThumbnailSelected		{border:2px solid #f60;}
.AlbumImageThumbnailImageBorder img	{padding-top:3px; margin-left:auto; margin-right:auto;}
.AlbumImageFileDescriptionBox				{display:none; position:absolute; margin:0px; padding:0px; float:left; border:1px solid #ccc; background-color:#ddd; text-align:left; width:400px;}
.AlbumImageFileDescriptionBox p			{padding:5px; margin:0px;}

/* Image Rotator 
===================== */
.RotatorImageList										{margin-left:auto; margin-right:auto;}
.AlbumImageRotatorImageBorder				{margin:0px 5px 5px 0px; width:90px; height:78px;}
.AlbumImageRotatorImageBorder td		{border:1px solid #ccc;}
.AlbumImageRotatorImageBorder td:hover		{border:2px solid #f60;}
.AlbumImageRotatorImageBorder img		{padding-top:3px;}
.RadRotator li											{list-style:none;}

/* Comments 
===================== */
.CommentHeader											{border-bottom:3px solid #666; color:#000; font-weight:bold; padding:6px 0;}
.CommentAvatar, .CommentAvatarAlt		{border-bottom:1px solid #808080; padding:5px;}
.CommentText, .CommentTextAlt				{background-color:#fff; border-bottom:1px solid #808080; color:#000; font-size:12px; padding:10px 5px 8px;}
.CommentItemNumber									{color:#333; font-size:12px;}
.CommentTextUserName								{color:#333; font-size:12px; font-weight:bold;}
.CommentTextDate										{color:#999; font-size:11px;}
.CommentTextTime										{color:#666; font-size:11px;}

/* Ratings 
===================== */
.filledRatingStar			{background-image:url(/assets/images/FilledStar.png);}
.ratingStar						{background-repeat:no-repeat; cursor:pointer; display:block; font-size:0; height:12px; margin:0; padding:0; width:13px;}
.emptyRatingStar			{background-image:url(/assets/images/EmptyStar.png);}
.savedRatingStar			{background-image:url(/assets/images/SavedStar.png);}

/* Feedback 
===================== */
.FeedbackTable				{width:850px;}
.feedbackPosition			{position:fixed; top:40px; right:0px;}

/* Shop - Shared 
===================== */

/* Animation 
===================== */


/* Login Dashboard - usercontrol\front\customer\cust_login_dashboard.ascx
===================== */
.LoginField							{padding:3px; width:120px; background-color:#f4f4f4; border:2px solid #069;}
.ProfileBoxTable				{width:160px; border:0; color:#666; font-size:11px;}
.ProfileInnerTable			{width:130px; margin-left:auto; margin-right:auto; border:0;}
.ProfileBoxTile					{background-image:url(/assets/images/profile_box_tile.gif); background-repeat:repeat-y; background-color:#fff; padding-left:4px; padding-right:3px;}
.ProfileCountColumn			{color:#666; font-size:10px; text-align:right; padding-right:3px;}
.ProfileIcon						{padding:4px 8px 4px 8px; text-align:center;}

.LoginPanelProfile			{z-index:1000; position:absolute; right:10px; top:25px; background-color:#ede8ec; width:250px;}
.LoginPanelProfile a:link, .LoginPanelProfile a:visited {color:#69646c;}
.LoginPanelProfile a:hover, .LoginPanelProfile a:active {color:#ff8c0a;}
.LoginPanelProfileHeader		{color:#fff; background-color:#6b3f7a; padding:8px 12px; font-size:12px; font-weight:bold;}
.LoginPanelProfileSelect		{font-size:12px; padding:3px 10px;}
.LoginPanelCancel						{background-color:#fff; font-size:11px; text-align:center; padding:2px 8px; margin:0 10px 6px 0;}
a.LoginPanelCancel:link, a.LoginPanelCancel:visited 	{text-decoration:none;}
a.LoginPanelCancel:hover, a.LoginPanelCancel:active 	{color:#fff; background-color:#7b5c98;}


/* CRM Chat
===================== */
.CRMChatPanel	{margin-top:20px; padding-bottom:10px;}
.CRMChatBorder {border:1px solid #ddd;}
.CRMChat_Item		{clear:both; padding:8px;}
.CRMChat_Right		{Width:600px; border-radius:8px; float:right; border:1px solid #aaa; background-color:#d4f7d2; padding:3px 6px;}
.CRMChat_Left	{Width:600px; border-radius:8px; float:left; border:1px solid #aaa; background-color:#f4f4f4; padding:3px 6px;}
.CRMChat_FileNote{Width:600px; border-radius:8px; float:left; border:1px solid #aaa; background-color:#ffea00; padding:3px 6px;}
.CRMComm_Left_NotRead {width:32px; height:32px; float:left; }
.CRMComm_Right_NotRead {width:32px; height:32px; float:right; }
.CRMChat_ItemDateTime {text-align:right; color:#999; font-size:10px; }
.ChatBoxPanel {Width:750px; }
.ChatBoxPanelInput {border:1px solid #999; background-color:#f9faeb; padding:2px;}
.ChatBox	{}
.ChatBoxButton {float:right;}
.CRMChat_AttachedFile {Margin-top:5px;}

/* ======================================================================================== */
/* ======================================================================================== */
/* Static */
/* ======================================================================================== */
/* ======================================================================================== */

.nobr								{display:inline; white-space:nowrap;}
.BackgroundWhite		{background-color:#fff;}
.BackgroundGrey			{background-color:#ccc;}
.FloatLeft					{float:left;}
.FloatRight					{float:right; overflow:hidden;}
.OverflowHidden	{overflow:hidden;}
.AlignLeft					{text-align:left;}
.AlignRight					{text-align:right;}
.AlignCenter				{text-align:center;}
.AlignTop						{vertical-align:top;}
.AlignBottom				{vertical-align:bottom;}
.AlignCenterImage		{margin-left:auto; margin-right:auto;}
.AlignCenterObject	{margin-left:auto; margin-right:auto;}
.AlignLeftImage			{float:left;}
.AlignRightImage		{float:right;}
.AlignVertMiddle		{vertical-align:middle;}
.Padding2						{padding:2px;}
.Padding3						{padding:3px;}
.Padding4						{padding:4px;}
.Padding5						{padding:5px;}
.Padding10					{padding:10px;}
.Padding20					{padding:20px;}
.Padding25					{padding:25px;}
.Padding30					{padding:30px;}
.PaddingBottom6			{padding-bottom:6px;}
.PaddingBottom20		{padding-bottom:20px;}
.PaddingTop5				{padding-top:5px;}
.PaddingTop6				{padding-top:6px;}
.PaddingTop8				{padding-top:8px;}
.PaddingTop20				{padding-top:20px;}
.PaddingTopBot2			{padding:2px 0;}
.PaddingRight2			{padding-right:2px}
.PaddingRight3			{padding-right:3px}
.PaddingRight5			{padding-right:5px}
.PaddingRight10			{padding-right:10px}
.PaddingRight15			{padding-right:15px}
.PaddingLeft10			{padding-left:10px;}
.PaddingLeft20			{padding-left:20px;}
.Margin5						{margin:5px;}
.Margin10						{margin:10px;}
.Margin20						{margin:20px;}
.MarginTop3					{margin-top:3px;}
.MarginTop5					{margin-top:5px;}
.MarginTop10				{margin-top:10px;}
.MarginTop20				{margin-top:20px;}
.MarginTopBot2			{margin-top:2px; margin-bottom:2px;}
.MarginLeft5				{margin-left:5px;}
.MarginLeft20				{margin-left:20px;}
.MarginBottom3			{margin-bottom:3px;}
.MarginBottom5			{margin-bottom:5px;}
.MarginBottom12		{margin-bottom:12px;}
.MarginBottom15		{margin-bottom:15px;}
.MarginBottom20			{margin-bottom:20px;}
.MarginRight6				{margin-right:6px;}
.MarginRight20			{margin-right:20px;}
.Border1Grey				{border:1px solid #ccc;}
.Border3White				{border:3px solid #fff;}
.BorderRightGrey		{border-right:1px solid #ccc;}
.BorderLeftGrey			{border-left:1px solid #ccc;}
.BorderTopGrey			{border-top:1px solid #ccc;}
.BorderBottomGrey		{border-bottom:1px solid #ccc;}
.BorderTop	3				{border-top:3px solid #bbe7c8;}
.BackgroundHighlight		{background-color:#fdfaff;}


/* % WIDTH SETTINGS
===================== */
.Width1		{width:1%;}
.Width2		{width:2%;}
.Width3		{width:3%;}
.Width4		{width:4%;}
.Width5		{width:5%;}
.Width6		{width:6%;}
.Width7		{width:7%;}
.Width8		{width:8%;}
.Width9		{width:9%;}
.Width10	{width:10%;}
.Width12	{width:12%;}
.Width15	{width:15%;}
.Width20	{width:20%;}
.Width25	{width:25%;}
.Width30	{width:30%;}
.Width35	{width:35%;}
.Width40	{width:40%;}
.Width45	{width:45%;}
.Width50	{width:50%;}
.Width55	{width:55%;}
.Width60	{width:60%;}
.Width65	{width:65%;}
.Width70	{width:70%;}
.Width75	{width:75%;}
.Width80	{width:80%;}
.Width85	{width:85%;}
.Width90	{width:90%;}
.Width95	{width:95%;}
.Width96	{width:96%;}
.Width97	{width:97%;}
.Width98	{width:98%;}
.Width99	{width:99%;}
.Width100	{width:100%;}

/* IMAGE SIZES
===================== */
.ImageBasic					{border:0px;}
.ImageBorderWhite1	{border:1px solid #fff;}
.ImageBorderWhite2	{border:2px solid #fff;}
.ImageBorderWhite3	{border:3px solid #fff;}
.ImageBorderWhite10	{border:10px solid #fff;}
.ImageBorderGrey1		{border:1px solid #ccc;}

/* Used for square images */
.Image16 				   		{width:16px; height:16px;}
.Image18 				   		{width:18px; height:18px;}
.Image24 				   		{width:24px; height:24px;}
.Image32 				  		{width:32px; height:32px;}
.Image40						{width:40px; height:40px;}
.Image48						{width:48px; height:48px;}
.Image72						{width:72px; height:72px;}
.Image128						{width:128px; height:128px;}
.Image256						{width:256px; height:256px;}


/* COLORS
===================== */
.Red								{color:#f00;}
.Green							{color:#093;}
.Black							{color:#000;}
.White							{color:#fff;}

/* ======================================================================================== */
/* ======================================================================================== */
/* Custom */
/* ======================================================================================== */
/* ======================================================================================== */

	/* Homepage */
	
		.TextFeatureSide				{font-size:13px; color:#836f8a;}
		.HomeSidePic					{float:left; margin-top:10px; margin-right:20px; margin-bottom:12px;}
		.HomeFeatureHead				{padding:14px 20px; background-color:#f7f1f6; font-size:18px;}
		.HomeFeatureText				{font-size:14px; color:#836f8a;}
		
		.LoginBox						{min-width:200px; margin-right:10px; font-size:12px; color:#666;}
		.LoginTextBox					{width:122px; border:1px soild #c8c8c8; font-size:12px; color:#836f8a; margin-right:8px;}
		.ChangeButton					{border:1px solid #6b3f7a; padding:5px 8px 5px 15px; margin-right:8px; margin-left:6px; background:url(/assets/images/arrow_change.png) #c2b0c8 no-repeat 3px 6px;}
		.ChangeButton a:link, .ChangeButton a:visited		{text-decoration:none; color:#000;}
		.ChangeButton a:hover, .ChangeButton a:active		{text-decoration:underline; color:#64397b;}

	/* SEARCH FOR BROKERS */
	
		.SearchBoxLeft					{width:10px; background:url(/assets/images/tile_searchbox_left.png) repeat-y;}
		.SearchBoxRight				{width:10px; background:url(/assets/images/tile_searchbox_right.png) repeat-y;}
		.SearchBoxMiddle				{width:246px; background:url(/assets/images/tile_searchbox.gif) no-repeat #f7f1f6; height:260px; vertical-align:top;}
		.SearchBoxContent				{width:190px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
		.SearchBoxTextSmall			{font-size:12px; line-height:14px; color:#836f8a;}
		
		.SearchPulldown				{width:185px; font-size:14px; border:1px solid #bfacc5; padding:4px; line-height:18px;}
		.SearchTextBox					{width:177px; font-size:14px; border:1px solid #bfacc5; padding:4px; line-height:18px;}
		
	/* USER DASHBOARD */

		.DashBoardPanel				{width:246px; background-color:#f7f1f6; vertical-align:top;}
		.DashBoardDivider				{height:6px; background-color:#ede8ec;}
		.DashBoardInfo					{margin-top:12px; width:185px; margin-left:auto; margin-right:auto;}
		.DashboardList					{border:1px solid #ccc;}
		.DashboardHighlights			{width:90%; border:4px solid #fff; background-color:#fff; margin-left:auto; margin-right:auto; margin-bottom:2px;}
		.DashboardCPDCurrent			{font-weight:bold; background-color:#f8ab51; color:#fff; text-align:center; padding:6px; height:20px;}
		.DashboardCPDTotal			{font-weight:bold; background-color:#3366ff; color:#fff; text-align:center; padding:6px; height:20px;}
		.DashboardText					{color:#635c65; font-size:13px;}
		
	/* Misc */
			
		.DownloadBox					{border:1px solid #ffa338; padding:10px; color:#000; background-color:#ffe7cf; margin-top:25px; margin-bottom:35px;}
		.TableInfo						{margin-top:25px; margin-bottom:35px;}
		.TableInfoHeader				{background-color:#f7f1f6; font-size:14px; color:#000; Padding:6px 3px; border-bottom:2px solid #6a3d78;}
		
	/* Main Dashboard Overview */
		.DashBoardActivities			{background-color:#f7f1f6; width:100%; font-size:13px;}
		.DashBoardActivitiesHeader	{color:#fff; font-size:16px; font-weight:normal; background-color:#6b3f7a; padding:8px 15px;}
		.DashBoardActivitiesHeader a:link, .DashBoardActivitiesHeader a:visited	{color:#fff; text-decoration:underline;}
		.DashBoardActivitiesHeader a:hover, .DashBoardActivitiesHeader a:active	{color:#ffa338; text-decoration:underline;}
		
		.DashBoardActivitiesCell		{padding:5px;}
		.StatusTextSmall				{width:100%; color:#666; font-size:10px; padding:8px 5px 2px 2px;}
		
		.DashBoardStaffHeader			{color:#6b3f7a; font-size:16px; font-weight:normal; background-color:#ede8ec; padding:8px 15px;}
		.DashBoardStaffHeader a:link, .DashBoardStaffHeader a:visited	{color:#666; text-decoration:underline;}
		.DashBoardStaffHeader a:hover, .DashBoardStaffHeader a:active	{color:#384f7b; text-decoration:underline;}
		
/* Media Page */

		.MediaPanel			{border:1px solid #ede8ec; padding:0; height:232px; width:100%;}
		.MediaPanel img		{margin-left:auto; margin-right:auto;}
		.MediaPanelTop			{padding:10px; height:102px;}
		.MediaPanelBottom		{padding:15px 10px 5px 10px; background-color:#f7f1f6; text-align:center; vertical-align:top; font-size:12px; line-height:15px;}
		.MediaColumn			{width:148px;}
		.MediaColumnSpacer	{width:12px;}
		
		.MediaPanel:hover 	{border:1px solid #bfadc7;}
		.MediaPanel a:link, .MediaPanel a:visited		{text-decoration:none; color:#000;}
		.MediaPanel a:hover, .MediaPanel a:active		{text-decoration:none; color:#64397b;}
		
/* Media News */

		.MediaText						{color:#6c6270;}
		.MediaFilter					{padding:0px 0px 15px 0; font-size:16px; text-transform: uppercase;}
		
		.MediaButtonPrev			{float:left;}
		.MediaButtonNext			{float:right;}
		
		.PopularTitle				{font-weight:bold; color:#3B1A69; font-size:16px; padding-top:20px;}
		
		.PopularStories			{background-color:#e8dae7; line-height:14px; margin-bottom:20px;}
		.PopularStoriesHeading	{font-size:12px; line-height:14px !important; font-weight:bold; color:#000;}
		a.PopularStoriesHeading:link, a.PopularStoriesHeading:visited		{text-decoration:underline; color:#000;}
		a.PopularStoriesHeading:hover, a.PopularStoriesHeading:active		{text-decoration:underline; color:#64397b;}
		
		
		.PopularStoriesText			{font-size:11px; line-height:14px !important; color:#818181;}
		.PopularStoriesText a:link, .PopularStoriesText a:visited		{text-decoration:none; color:#818181;}
		.PopularStoriesText a:hover, .PopularStoriesText a:active		{text-decoration:none; color:#64397b;}
		
		.MediaLinkIndex					{font-size:12px; line-height:14px !important; color:#818181;}
		.MediaLinkIndex a:link, .MediaLinkIndex a:visited		{text-decoration:none; color:#818181;}
		.MediaLinkIndex a:hover, .MediaLinkIndex a:active		{text-decoration:none; color:#64397b;}


		.MediaCheckbox				{display:inline-block; margin-left:5px;}
		.MediaCheckbox td			{margin-left:0px; padding-left:0;}
		.MediaCheckbox input	{margin-bottom: 5px !important;}
		.MediaCheckbox label  {display: inline-block; margin: 0 15px 0 5px}
		
		
	/* CSS Styled button*/
		.ButtonOrangeLge  {background-color:#ff9c2b; text-align:center; padding:4px 20px 4px 20px; margin:0 6px 0 6px; border-radius:4px; font-size:16px; white-space:nowrap;}
		a.ButtonOrangeLge:link, a.ButtonOrangeLge:visited   {color:#fff; text-decoration:none;}
		a.ButtonOrangeLge:hover, a.ButtonOrangeLge:active   {background-color:#ffae52;}

/* Courses & Workshops */
.CoursePanel										{color:#522e91; font-size:14px; margin-bottom:25px;}
.CoursePanel h1									{font-size:18px; margin:0; font-weight:normal;}
.CoursePanel p										{margin-top:5px; margin-bottom:8px;}
.CoursePanel a:link, .CoursePanel a:visited		{color:#522e91; text-decoration:none;}
.CoursePanel a:hover, .CoursePanel a:active		{color:#522e91; text-decoration:underline;}
		
/* Course Detail */
.CoursePanelDetail											{font-size:14px; margin-bottom:25px;}
.CoursePanelDetail h1											{font-size:22px !important; line-height:28px; margin:0; font-weight:normal !important;}
.CoursePanelDetail h2											{font-size:20px !important; line-height:26px; margin:0; font-weight:normal;}
.CoursePanelDetail h3											{font-size:18px !important; line-height:24px; margin:0; font-weight:normal;}
.CoursePanelDetail p											{margin-top:5px; margin-bottom:8px;}
.CoursePanelDetail a:link, .CoursePanelDetail a:visited	{color:#522e91; text-decoration:none;}
.CoursePanelDetail a:hover, .CoursePanelDetail a:active	{color:#522e91; text-decoration:underline;}	

/*Google Map*/
.containerMap {	width: 100%; /* pick whatever width you want */	}
.containerMap .outerMap	{	width: 100%;padding-top: 75%; /* defines aspect ratio */ position: relative;}
.containerMap .outerMap .innerMap {position: absolute; top: 0;left: 0;	right: 0;	bottom: 0;}
.gmnoprint img {max-width: none;}