body, html { font-size: 100%; font-family: arial, verdana, helvetica, sans-serif; margin: 0; padding: 0;
border: 0; background-color: #ffffff; color:#000000; font-weight: normal; }
/* all hyperlinks to be MRC maroon */
a { color: #549dc5; text-decoration: none; font-weight: bold; }
a.no-underline { text-decoration: none !important; }
a.font-larger { font-size: 1.1em !important;}
a:link { color: #549dc5; text-decoration: none;}
a:visited { color: #549dc5; text-decoration: none;}
a:hover { color: #549dc5; text-decoration: underline;}
a:focus { color: #549dc5; text-decoration: underline;}
a:active { color: #549dc5; text-decoration: underline; }
/* headings use dark maroon */
h1 { color: #99064a; font-size: 1.4em; margin: 3px; padding: 0;}
h2 { color: #99064a; font-size: 1.3em; margin: 3px; padding: 0;}
h3 { color: #99064a; font-size: 1.2em; margin: 3px; padding: 0;}
h4 { color: #99064a; font-size: 0.9em; margin: 5px; padding: 0;}
h5 { color: #99064a; font-size: 0.8em; margin: 3px; padding: 0;}
hr { display: block; clear: both; color: #99064a; background-color: #99064a; height: 1px; border: 0; }
/* IMAGES - USE ASP.NET image controls so path always ok in usercontrols */
img { border: 0; margin: 0; }
img.border { border: 1px solid #99064a; }
img.thick-border { border: 2px solid #99064a; }
img.no-border { border: 0 !important; }
img.float-left { float: left; margin: 0 5px 0 0;}
img.float-left-border { float: left; border: 1px solid #99064a !important; margin: 0 5px 0 0;}
img.float-left-thick-border { float: left; border: 2px solid #99064a !important; margin: 0 5px 0 0;}
img.float-left-no-border { float: left; border: 0 !important; margin: 0 5px 0 0;}
img.float-right { float: right; margin: 0 5px 0 0;}
img.float-right-border { float: right; border: 1px solid #99064a !important; margin: 0 5px 0 0;}
img.float-right-thick-border { float: right; border: 2px solid #99064a !important; margin: 0 5px 0 0;}
img.float-right-no-border { float: right; border: 0 !important; margin: 0 5px 0 0;}
/* reset all forms */
form { margin: 0; padding: 0; }
/* CONTAINERS FOR LAYOUT */
/* this wraps the whole layout and keeps it centre */
div#wrapper { position: relative; font-size: 1.0em; width: 800px; height: 100%; min-height: 100%; padding: 10px;
margin: 5px auto; border: 1px solid #99064a; }
/* web banner and flash fade container*/
/* dont using padding on the div container as it stretches bigger than the web banner inside it */
div#header { width: 800px; margin: 0; padding: 0; height: 135px; border-top: 2px solid #99064a; }
div#header img { border: 0; margin: 0; float: right;}
div#header img.flash-fade { border: 1px solid #99064a !important; margin: 5px; float: left;}
/* flash */
div#header object.flash-fade { border: 1px solid #99064a; margin: 5px; float: left; }
/* top nav */
div#top-navigation { float: right; width: 635px; margin: 5px 0 0 0; padding: 0 0 5px 0; border: 0;
background-image:url('../../images/bg_menubar_shadow.gif'); background-position: 0% 100%; background-repeat: repeat-x;}
/* check padding so tabs dont go over stripe */
div#top-navigation ul { list-style: none; padding: 0 0 3px 0; margin: 0; width: 100%; border-bottom: 2px solid #99064a; }
div#top-navigation li { display: inline; padding: 3px; margin: 0;}
div#top-navigation li a { color: #000; font-weight: bold; font-size: 0.9em; background-color: #f0f0f0;
display: inline; height: 100%; width: 90%; padding: 2px 10px 2px 10px; margin: 0; border: 1px solid #E1E1E1; }
div#top-navigation li a:hover, div#top-navigation li a:focus { text-decoration: none !important; background-color: #99064a;
color: #fff; border: 1px solid #DDACC3 !important; }
div#top-navigation li a:active { background-color: #99064a; color: #DDACC3 !important; text-decoration: none !important; }
/* if on that page */
div#top-navigation li a.selected { text-decoration: none !important; background-color: #99064a; color: #DDACC3; border: 1px solid #DDACC3 !important;}
/* left menu - margin-left 5px to align with flash*/
div#left-navigation { float: left; clear: both; width: 20%; margin: 15px 0 0 5px; padding: 0;}
div#left-navigation ul { list-style: none; padding: 0; margin: 0; }
div#left-navigation li { display: block; padding: 0; margin: 2px 0 0 0;}
div#left-navigation li a { display: block; color: #000; font-weight: bold; min-height: 18px; height: 100%; width: 90%;
padding: 2px 2px 2px 4px; margin: 0; font-size: 0.8em; background-color: #f0f0f0; border: 1px solid #E1E1E1;}
div#left-navigation li a:hover, div#left-navigation li a:focus { text-decoration: none !important; background-color: #99064a;
color: #fff !important; border: 1px solid #DDACC3 !important; }
div#left-navigation li a:active { background-color: #99064a; color: #DDACC3 !important; text-decoration: none !important;}
/* if on that page */
div#left-navigation li a.selected { text-decoration: none !important; background-color: #99064a; color: #DDACC3 !important;
border: 1px solid #DDACC3 !important;}
/* google search box */
div#left-navigation input.search-input { color: #BB5986; width: 62%; margin: 10px 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; float: left; }
div#left-navigation input.search-input:hover, div#left-navigation input.search-input:focus { border: 1px solid #99064a !important; background-color: #fff; }
div#left-navigation input.search-button { width: 30%; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 1px 2px 2px 2px; font-size: 0.7em; margin: 10px 0 0 0; font-weight: bold; color: #fff; float: left;}
div#left-navigation input.search-button:hover, div#left-navigation input.search-button:focus { border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
/* login */
div#left-navigation div#login-status { clear: both; margin: 0; padding: 0; width: 100%; border: 0; font-size: 0.85em; }
div#left-navigation div#login-status span.user-login { margin: 0; font-size: 0.80em; border: 0; padding: 0; }
div#left-navigation div#login-status img.user-icon { margin: 20px 0 0 0 !important; border: 0; }
div#left-navigation div#login-status a.logout { font-size: 0.8em !important; font-weight: bold !important;}
/* MAIN CONTENT AREA */
div#main-container { clear: none; float: left; min-height: 350px; height: 100%; width: 75%; border: 0; margin: 5px; padding: 0;
font-size: 0.80em; }
div#main-container h1 { margin: 10px 0 0 0;}
/* keep superscript and subscript text from breaking the line-spacing */
div#main-container sub { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.00em; }
div#main-container sup { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.25em; }
/* breadcrumbs DIV inside main-container */
div#breadcrumbs { clear: none; width: 100%; font-size: 0.85em; border: 0; padding: 3px 0 0 0; margin: 0 0 10px 0; color: #000;}
/* main content text */
div#main-text { clear: none; float: none; width: 100%; padding: 5px; margin: 0; }
div#main-text p { padding: 5px 0 5px 0; margin: 0; }
/* list items */
div#main-text ul { list-style: none; margin: 0; padding: 0; }
div#main-text ul li { margin: 0; padding: 5px 0 0 22px; background-repeat: no-repeat;
background-image: url(../../images/icons/bullet.gif); background-position: left 3px; }
div#main-text ul li.level1 { background-image: none !important; }
div#main-text ul.level1 li { margin: 0; padding: 5px 0 0 22px; background-repeat: no-repeat;
background-image: url(../../images/icons/bullet_level1.gif); background-position: left 3px; }
/* TRAINING */
div#sub-menu { float: left; width: 100%; margin: 5px 0 0 0; padding: 0 0 5px 0; border: 0;
background-image:url('../../images/bg_menubar_shadow.gif'); background-position: 0% 100%; background-repeat: repeat-x; }
div#sub-menu ul.menu { list-style: none; padding: 0 0 3px 0; margin: 0; width: 100%; border-bottom: 2px solid #99064a; }
div#sub-menu ul.menu li { display: inline; padding: 0px; margin: 0;}
div#sub-menu ul.menu li a { float: none; color: #000; font-weight: bold; font-size: 0.9em; background-color: #f0f0f0;
display: inline; height: 100%; width: 90%; padding: 2px 10px 2px 10px; margin: 0 !important; border: 1px solid #E1E1E1; }
div#sub-menu ul.menu li a:hover, div#sub-menu ul.menu li a:focus { text-decoration: none !important; background-color: #99064a;
color: #fff; border: 1px solid #DDACC3 !important; }
div#sub-menu ul.menu li a:active { background-color: #99064a; color: #DDACC3 !important; text-decoration: none !important; }
/* if on that page */
div#sub-menu ul.menu li a.selected { text-decoration: none !important; background-color: #99064a; color: #DDACC3; border: 1px solid #DDACC3 !important;}
/* TABLES */
/* about us */
div#main-text table.Executive { margin: 5px; padding: 0; width: 95%; border: 1px solid #E1E1E1;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Executive th { text-align:left !important; background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; font-size: 1.1em;}
div#main-text table.Executive th.text-left { text-align:left !important; }
div#main-text table.Executive td { vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Executive tr.bold td { font-weight: bold; }
div#main-text table.Executive tr.title td { font-weight: bold; background-color: #E1E1E1;}
/* Javascript effects for alternate rows and rollovers */
div#main-text table.Executive tr.alt td { background: #E1E1E1; }
div#main-text table.Executive tr.over td, div#main-text table.Access tbody tr:hover td { background: #DDACC3; }
/* seminars from ListView */
div#main-text table.Seminars { margin: 5px; padding: 0; width: 85%; border: 1px solid #E1E1E1;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Seminars th { text-align: left; background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Seminars th.text-left { text-align: left !important; }
div#main-text table.Seminars td { vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Seminars tr.header td { background-color: #D2D2D2 !important; font-weight: bold !important; color: #000 !important; }
/* new paging butttons */
div#main-text input.paging-button { width: 20%; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 1px 2px 2px 2px; font-size: 0.8em; margin: 0 5px 0 0; font-weight: bold; color: #fff; }
div#main-text input.paging-button:hover, div#main-text input.paging-button:focus {border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
div#main-text span.paging-button {width: 20%; /* doesnt work on inline element*/ min-width: 118px; border: 1px solid #E1E1E1;
background-color: #ccc; padding: 2px 25px 3px 25px; font-size: 0.8em; margin: 0 5px 0 0; font-weight: bold; color: #fff; }
/* contact us */
div#main-text table.Contact { margin: 5px; padding: 0; width: 85%; border: 1px solid #E1E1E1; text-align: left;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Contact th { width: 50%; background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Contact td { width: 50%; vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
/* Staff Login */
div#main-text table.Login { margin: 5px; padding: 0; width: 50%; border: 1px solid #E1E1E1; text-align: left;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Login th { text-align: left; background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Login td { background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Login input.TextBox { color: #BB5986; width: 100px; margin: 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text table.Login input.Button { width: 20%; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 1px 2px 2px 2px; font-size: 0.8em; margin: 0 5px 0 0; font-weight: bold; color: #fff; }
div#main-text table.Login input.Button:hover, div#main-text table.Login input.Button:focus { border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
/* AJAX ValidatorCallout Css classes*/
.ajax__validatorcallout div, .ajax__validatorcallout td { }
.ajax__validatorcallout_popup_table { } /* The popup table */
.ajax__validatorcallout_popup_table_row { } /* The popup table row.*/
.ajax__validatorcallout_callout_cell { background-color: #fffacd !important; } /* The callout cell.*/
.ajax__validatorcallout_callout_table { } /* The table in the callout cell.*/
.ajax__validatorcallout_callout_table_row { } /* The callout table row.*/
.ajax__validatorcallout_error_message_cell { background-color: #fffacd !important; } /* The error message cell.*/
.ajax__validatorcallout_icon_cell { background-color: #fffacd !important; } /* The warning icon cell.*/
.ajax__validatorcallout_close_button_cell { background-color: #fffacd !important; } /* The close button cell*/
.ajax__validatorcallout_arrow_cell { background-color: #fffacd !important; } /* The arror cell */
.ajax__validatorcallout_arrow_cell td { background-color: #fffacd !important; } /* The arror cell TD */
.ajax__validatorcallout_innerdiv { background-color: #fffacd !important; } /* Inner div of a cell. Used in the close button cell and the arrow cell*/
.ValidatorCalloutMRC div, .ValidatorCalloutMRC td { border: solid 1px #E1E1E1 !important; }
/* SECURE STAFF AREA */
div#main-text table.Lectures { margin: 5px; padding: 0; width: 95%; border: 1px solid #E1E1E1; text-align: left;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Lectures th { background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Lectures td { vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
/* progress bar */
div#main-text img.loader-image { margin: 2px 5px 10px 0; float: left;}
div#main-text span.loader { font-size: 0.75em !important; margin: 5px 0 0 0;}
div#main-text fieldset { width: 90%; padding: 10px 15px 10px 15px; border: 1px solid #E1E1E1; margin: 0; }
div#main-text fieldset legend { color: #99064a; padding: 5px 3px 10px 3px; font-weight: bold; }
/* add lectures notes */
div#main-text fieldset#add-notes ol { margin: 0; padding: 0; }
div#main-text fieldset#add-notes ol li { margin: 0 0 0 15px; padding: 5px 0 0 15px; }
div#main-text fieldset#add-notes input.TextBox { color: #BB5986; width: 150px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text fieldset#add-notes input.FileUpload { color: #BB5986; width: 225px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text fieldset#add-notes input.Button { width: 20%; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 3px 2px 2px 2px; font-size: 0.8em; margin: 0; font-weight: bold; color: #fff; }
div#main-text fieldset#add-notes input.Button:hover, div#main-text fieldset#add-notes input.Button:focus { border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
div#main-text fieldset#view-notes input.ViewButton { width: 10%; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 3px 2px 2px 2px; font-size: 0.8em; margin: 0; font-weight: bold; color: #fff; }
div#main-text fieldset#view-notes input.ViewButton:hover, div#main-text fieldset#view-notes input.Button:focus { border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
div#main-text fieldset#view-notes select.lecture-notes { color: #BB5986; width: auto; margin: 0 !important; padding: 0; border: 1px solid #E1E1E1; }
div#main-text fieldset#view-notes select.lecture-notes:hover, div#main-text input.lecture-notes:focus { border: 1px solid #99064a !important; background-color: #fff; }
/*seminars */
div#main-text fieldset#add-seminar table.add-seminar { width: 100%; border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }
div#main-text fieldset#add-seminar table.add-seminar td { padding: 3px; border: 0; vertical-align: top !important; }
div#main-text fieldset#add-seminar table.add-seminar td.text-cell { width: 35%; }
div#main-text fieldset#add-seminar table.add-seminar td.control-cell { width: 65%; }
div#main-text fieldset#add-seminar table.add-seminar input { color: #BB5986; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text fieldset#add-seminar table.add-seminar input.TextBox { color: #BB5986; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text fieldset#add-seminar table.add-seminar textarea.TextArea { font-family: MS Shell Dlg; font-size: 1.0em; color: #BB5986; width: 250px; height: 50px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
/* icons */
div#main-text fieldset#add-seminar table.add-seminar td img { display: inline; margin: 0 0 0 2px; border: 0; }
/* calender styles - make sure pop up calendars are above tables etc */
div#main-text fieldset#add-seminar div.calenderPanel { z-index: 99 !important; background-color: White;}
div#main-text fieldset#add-seminar table.calender { margin: 0; border: 0; padding: 0; border-collapse: collapse; border-spacing: 0; z-index: 100 !important; }
div#main-text fieldset#add-seminar table.calender th { border: 1px solid #E1E1E1; }
div#main-text fieldset#add-seminar table.calender td { border: 1px solid #E1E1E1; }
div#main-text fieldset#add-seminar table.calender select { z-index: 0 !important;/*margin: 0;*/ border: 1px solid #E1E1E1 !important; padding: 2px; color: #BB5986;}
/* time picker is a DIV inside a span - set display none to hide by default*/
div#main-text fieldset#add-seminar span.TimePicker div { display: none; border: 0 !important; margin: 0; padding: 0; }
div#main-text fieldset#add-seminar input.Button { width: 20% !important; border: 1px solid #E1E1E1; background-color: #99064a;
padding: 3px 2px 2px 2px; font-size: 0.8em; margin: 0; font-weight: bold; color: #fff !important; }
div#main-text fieldset#add-seminar input.Button:hover, div#main-text fieldset#add-seminar input.Button:focus { border: 1px solid #DDACC3 !important;
color: #DDACC3 !important; background-color: #99064a !important; cursor: pointer; }
/* edit seminars grid and detailsview */
div#main-text fieldset#edit-seminar table.SeminarsSkin { margin: 5px; padding: 0; width: 85%; border: 1px solid #E1E1E1;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text fieldset#edit-seminar table.SeminarsSkin th { text-align: left !important; background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text fieldset#edit-seminar table.SeminarsSkin th.text-left { text-align: left !important; }
div#main-text fieldset#edit-seminar table.SeminarsSkin td { vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text fieldset#edit-seminar table.SeminarsSkin tr.header td { background-color: #D2D2D2 !important; font-weight: bold !important; color: #000 !important; }
div#main-text fieldset#edit-seminar table.SeminarsSkin td.text-cell { width: 25% !important; }
div#main-text fieldset#edit-seminar table.SeminarsSkin td.control-cell { width: 75% !important; }
div#main-text fieldset#edit-seminar table.SeminarsSkin input.TextBox { color: #BB5986; width: 325px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
div#main-text fieldset#edit-seminar table.SeminarsSkin textarea.TextArea { font-family: MS Shell Dlg; font-size: 1.2em; color: #BB5986; width: 325px; height: 50px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #E1E1E1; }
/* SEARCH PAGE */
/*CHECK MAX-HEIGHT TO STOP HUGE GAP when searched from SSL pages REMOVE HEIGHT TO STOP RESULTS BEING CHOPPED OFF AT BOTTOM */
iframe { width: 90% !important; border: 0; min-height: 100% !important;
/* height: 100% !important; */ max-height: 100% !important; }
div.google { width: 90% !important; height: 100% !important; border: 0; }
/* accessibility table */
div#main-text table.Access { margin: 5px; padding: 0; width: 65%; border: 1px solid #E1E1E1; text-align: left;
border-collapse: collapse; border-spacing: 0; font-size: 0.85em; }
div#main-text table.Access th { background-color: #D2D2D2; font-weight: bold; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
div#main-text table.Access td { vertical-align: top; background-color: #f0f0f0; font-weight: normal; color: #000; padding: 3px; border: 1px solid #E1E1E1; }
/* Javascript effects for alternate rows and rollovers */
div#main-text table.Access tr.alt td { background: #E1E1E1; }
div#main-text table.Access tr.over td, div#main-text table.Access tbody tr:hover td { background: #DDACC3; }
div#main-text table.Access tr.over+tr td { background-image: url(../../images/shadow.png); background-repeat: repeat-x;}
/* sponsors logos */
div#sponsors-container { clear: both; margin: 20px 0 0 0; padding: 0; width: 100%; font-size: 0.65em; }
div#sponsors-container div#logos { float: right; border: 0; margin: 0; padding: 0; width: 80%; vertical-align: bottom; }
div#sponsors-container div#logos img { float: left; border: 0; margin: 0 10px 0 10px; display: inline !important;}
div#sponsors-container div#logos img.mrc { margin: 8px 10px 0 10px!important; }
div#sponsors-container div#logos img.kcl { margin: 0 10px 0 20px !important; }
div#sponsors-container div#logos img.icl { margin: 4px 10px 0 20px !important;}
div#sponsors-container div#logos img.hpa { margin: 5px 10px 0 20px !important; }
div#last-updated { clear: both; margin: 0; padding: 0; width: 20%; font-size: 0.65em; }
/* footer */
div#footer-container { clear: both; border-top: 2px solid #99064a; font-size: 0.65em; color: #000;
width: 800px; padding: 3px 0 3px 0; margin: 5px 0 0 0; text-align: center; }
div#footer-container ul { display: inline; list-style: none; margin: 0; padding: 0; }
div#footer-container ul li { display: inline; list-style: none; margin: 0; padding: 0; }
/* google search page
- CHECK MAX-HEIGHT TO STOP HUGE GAP when searched from SSL pages REMOVE HEIGHT TO STOP RESULTS BEING CHOPPED OFF AT BOTTOM */
iframe { width: 450px; border: 0; min-height: 100% !important;
/* height: 100% !important; */ max-height: 100% !important; }
div.google { height: 100% !important; border: 0; }
/* MRC colours */
.dark-maroon { color: #99064a; }
.maroon { color: #BB5986; }
.light-maroon { color: #DDACC3; }
.silver { color: #f0f0f0; }
.light-grey { color: #E1E1E1; }
.grey { color: #D2D2D2; }
.imperial-blue { color: #549dc5; }
/* GENERIC STYLES */
.none { display: none !important;}
.red-bold-centre { color: Red; font-weight: bold; text-align: center;}
.red-bold { color: Red; font-weight: bold;}
.float-left { float: left;}
.float-right { float: right;}
.clear { clear: both !important;}
.error { color: Red; font-weight: bold; }
.warning { color: Red !important; }
.top { vertical-align: top;}
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom;}
.font-normal { font-style: normal !important;}
.bold-italic { font-weight: bold; font-style: italic;}
.bold { font-weight: bold; }
.small-text { font-size: 0.75em !important;}
/* The z-index property sets the stack order of an element. An element with greater stack order is always in front of
another element with lower stack order.
Note: Elements can have negative stack orders.
Note: Z-index only works on elements that have been positioned (eg position:absolute;)!
Inherited: No */
.top-z-index { z-index: 100 !important;}
.bottom-z-index { z-index: 0 !important; }
/* vale styles */
p.message { border: 1px solid #DDACC3; font-weight: bold; padding: 6px!important; background-color:#f0f0f0;
color:blue; font-size: 1.3em; }