@charset "utf-8";
/* CSS Document MOHLTC */
/* -ZERO OUT EVERYTHING - * ---------------------------------------------------------------- */
/* -this css sets all padding, margins, defaults to 0 - * ---------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */
/* 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, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} */
html {
height: 100%;
}
body {
line-height: 1;
height: 100%;
}
blockquote, q {
quotes: none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* sets the base font to approx 12pt */
body {
background-color: #fff;
color: #000;
font: 62.5% Verdana, Helvetica, Arial, sans-serif; /* 16pt x 0.0750 = 12pt */
text-align: center;/* line-height: 1.5em; */
}
/* default sizing for standard elements -------------------------- */
/* SET text attributes here */
p {
margin: 0.5em 0 1.5em 0; /* sets default margins for all paragraphs */
}
/* -------- HEADERS --------- */
h1, h2, h3 {
font-weight: bold; /* must set explicitly, it is zeroed out above */
}
h1 {
color: #a0a0b0; /* replace h tags colour with your own */
font-family: Verdana, Geneva, sans-serif;
font-size: 1.6em; /* 10pt x 1.6 = 16pt */
margin: 1em 0 0.5em; /* default margins for h tags: in this order: top, right, bottom, left */
}
h2 {
color: #5e5e6e;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.2em; /* 10pt x 1.2 = 12pt */
padding-bottom: 6px;
margin: 0; /* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class */
}
h3 {
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.1em; /* 10pt x 1 = 10pt */
margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
h4 {
color: #3e3e5e;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.1em; /* 10pt x 1 = 10pt */
margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
h5 {
color: #666; /* #a0a0b0 */
font-family: Verdana, Geneva, sans-serif;
font-size: 1em; /* 10pt x 1 = 10pt */
margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
img {
border: 0;
}
/* --------------------------------------------------------------- */
/* common/generic styles ----------------------------------------- */
/* positioning */
.right { /* aligns - floats right */
float: right;
margin-left: 20px;
margin-bottom: 10px;
text-align: right;
}
.left { /* aligns - floats left */
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.top { /* removes top margin */
margin-top: 0;
}
.bottom { /* removes bottom margin */
margin-bottom: 0;
}
.center { /* centers */
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.clear { /* to clear floats */
clear: both;
}
/* other */
/* smaller text */
.small {
font-size: 0.85em; /* 10pt x 0.85 = 8.5pt */
line-height: 140%;
}
/* larger text */
.large {
font-size: 1.4em; /* 10pt x 1.4 = 14pt */
margin-top: 20px;
display: block;
}
/* use to highlight text in a paragraph */
.alert {
color:#cc0000;
font-weight:bold;
}
/* use to highlight text in a paragraph */
.alertthin {
color:#cc0000;
}
/* use to indent text in a paragraph */
.indent {
margin-left: 1em;
}
/* .label {
display: block;
width: 5em;
float: left;
} */
/* styles the submit / GO button -- */
.submit {
background-color: #d4e0e4;
color: #000000;
font-weight: bold;
border: none;
float: left;
width: 100%;
border: 1px solid #353f5b; /* when BGimages are turned off there is no search box visible - adding a border will make it visible - could also add a bgcolor instead */
}
hr {
height: 1px;
color: #bfbfbf;
background-color: #bfbfbf;
border: none;
float: left;
clear: both;
width: 100%;
margin: 1em 0 1.5em;
}
/* thicker separator line - change colour if desired for greater emphasis */
hr.thick {
height: 2px;
color: #666;
background-color: #666;
margin: 0;
}
.uppercase {
text-transform:uppercase;
}
.bold {
font-weight:bold;
}
/* ---- LINKS ---------------------------------------------------- */
a {
color:#1e578e;
text-decoration: underline;
}
a:hover {
color: #003399; /* 3c7b9d */
text-decoration: underline;
}
a[name] { /* Turns off decoration for */
text-decoration: none;
}
.nounderline li a {
text-decoration:none;
}
.nounderline li a:hover {
text-decoration:underline;
}
/* --- SITE HOLDER (wrapper) ---- */
#wrapper {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 980px;
margin-top: 10px;
}
/* --- Home / Channel page wrapper ---- */
#home {
text-align: left;
}
#home a {
text-decoration: none;
}
#home a:hover {
text-decoration: underline;
}
/*.menucat {
color: #000000;
text-decoration: none;
}*/
/* LEFT NAV STYLES --------------------------------------------- */
/* holds menu - side nav */
#left_column {
width: 250px;
display: inline;
float: left;
margin: 0;
font-size: 1.2em; /* STANDARDIZE *//* line-height: 160%; */ /* STANDARDIZE */
}
#left_column ul {
margin: 0;
padding: 0;
}
#left_column a {
text-decoration: none;
}
.leftnav {
width: 100%;
float: left;
margin-bottom: 10px;
}
/* -- Channel header bar -- */
.sectionheader {
width: 100%;
background: #353f5b;
height: 38px;
border-bottom: 1px solid #999;
margin-bottom: 7px;
}
/* -- First/Default colour of Header bar for Menu titles -- */
.leftnav .header {
width: 100%;
/* height: 1.6em;*/ /* Turned off because it restricted multiple lines from being displayed. */
border-bottom: 1px solid #bfbfbf;
float: left;
position: relative;
background: #e5e5e5 url('/images/layout/arc_menuhead.gif') no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
}
.leftnav .header a {
color: #333;
font-weight: bold;
display: block;
padding: 3px 5px;
}
.leftnav .header img, .downarrow {
position: absolute;
left: 230px;
top: 6px;
}
/* -- Second/Optional colour of Header bar for Menu titles -- */
.leftnav .mycolour .header {
border-bottom: 1px solid #000000;
background: #fff url('/images/layout/arc_menuhead.gif') top left no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
}
.leftnav .mycolour .header a {
color:#353f5b; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
font-weight: bold;
display: block;
padding: 3px 5px;
}
/* -- Standard MY GOVERNMENT colour of Header bar for Menu titles -- */
.leftnav .mygovt .header {
background-color: #353e5b;
background-image: url('/images/layout/arc_mygovt.gif');
background-repeat: no-repeat;
height: 25px;
overflow: hidden;
border: 0;
}
#explore_arrow {
margin-top: 3px;
}
.leftnav .mygovt .header a {
color:#fff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
font-weight: bold;
display: block;
/* padding: 3px 5px; */
padding: 5px 5px 0 5px;
}
.leftnav h2 {
font-size: 1.1em; /* 10pt x 1.1 = 11pt */
}
/* EXPANDING MENU STYLES --------------------------------------------- */
.menu {
width: 100%;
float: left;
}
.menu li {
display: inline;
font-family: Verdana, Geneva, sans-serif;
}
.menu a {
color: #666666;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
display: block;
padding: 8px 8px 10px 19px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
border-bottom: 1px dotted #c0c0c0;
background: #edeff0 url('/images/layout/triangle_right.gif') no-repeat 7px 11px;
}
.menu a:hover {
color: #000;
}
.menu li li a {/* sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 31px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 18px 11px;
}
.menu li li li a {/* sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 43px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 29px 11px;
}
.menu li li li li a {/* sub sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 55px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 40px 11px;
}
.menu li li li li li a {/* sub sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 65px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 51px 11px;
}
.menu li li li li li li a {/* sub sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 75px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 62px 11px;
}
.menu li li li li li li li a {/* sub sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
padding: 8px 8px 8px 85px;
background: #fff url('/images/layout/triangle_right2.gif') no-repeat 73px 11px;
}
.menutitle {/* sub sub sub menu styling - positions the arrow graphic in a bit more */
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
font-weight: bold;
}
.menucat {
color: #666666;
font-weight: bold;
font-size: 0.9em;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #c0c0c0;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 10px;
padding-left: 19px;
background-image: url(/images/layout/triangle_right2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 7px 11px;
margin-left: 11px;
margin-bottom: 0px;
}
.menucat2 {
color: #666666;
font-weight: bold;
font-size: 0.9em;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #c0c0c0;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 10px;
padding-left: 19px;
background-image: url(/images/layout/triangle_right2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 7px 11px;
margin-left: 22px;
margin-bottom: 0px;
}
/* Meet the Minister Photo Box */
.minister p {
height:1.3em;
padding:5px;
}
.minister p a, .minister p a:link, .minister p a:active, .minister p a:visited {
color:#1e2d4c;
font-weight:bold;
font-size:100%;
}
.minister p a:hover {
text-decoration:underline;
}
.frame {
border: 1px solid #ccc;
padding: 8px;
}
.inline {
vertical-align: middle;
} /* won't work for IE mac (not supported) */
.blue {
background: #000000;
}
.ministercap {
background-repeat: no-repeat;
} /* used for the left floated series of images - you can put a caption below - this style that caption */
/* use on tag to highlight background */
a.current {
background-color: #fff; /* f0f2f6 */
}
/* --- open/close submenus --- */
#homemenu {
display: block; /* open Main submenu */
}
#homemenu2 {
display: none; /* close Main submenu */
}
#contacts {
display: none; /* open Contacts submenu */
}
#explore {
display: none; /* close Explore Gov't submenu */
}
#dsr {
display: block; /* open Drug Reform Prices submenu */
}
/*
#features {
display: block;
}
*/
/* ------------ HEADER - ONTARIO LOGO / BANNER FLASH / SEH / NAV -------------------- */
#header {
width: 980px;
position: relative;
font-family: Verdana, Geneva, sans-serif;
}
/* HEADER LAYOUT STYLES --------------------------------------------- */
#header a {
text-decoration: none;
}
#arc {
width: 100%;
height: 92px;
float: left;
background-image: url('/images/layout/header_arc.jpg');
}
#arc form { /* search form */
float: right;
margin: 40px 0 0 0;
padding-right: 20px;
}
#search { /* search box */
width: 300px;
height: 1.5em;
padding: 3px;
border: 1px solid #7d9aaa;
background-color: #FFFFFF;
}
#search:hover {
border: 1px solid #353f5b;
}
/* submit (go) button */
#submit {
width: 30px;
padding: 3px 0;
border: 0;
background-color: #d4e0e4;
color: #000000;
}
#submit:hover { /* submit (go) button hover state */
background-color: #fff;
}
/* -- top nav -- */
#textlinks a.last, #navbar p a.last {
border: none;
padding-right: 0;
}
#textlinks {
position: absolute;
right: 0px;
top: 5px;
text-align: right;
}
#textlinks a {
padding: 0 .75em 0 1em;
font-weight: bold;/* padding: 0 1em 0 0.75em; */
/* border-right: 1px solid #999; */
}
#textlinks a.last {
border-left: 1px solid #999;
margin-right: 15px;
}
a.skipNav:link, a.skipNav:visited, a.skipNav:hover {
color: #fff;
border: none;
}
a.skipNav:active, a.skipNav:focus {
color: #17397d;
border-right: 1px solid #999;
}
#navbar { /* the main nav bar */
width: 100%;
height: 2.75em;
float: left;
border-bottom: 8px solid #fff;
background: #353f5b; /* url('/images/layout/navbar.jpg') no-repeat left center */
}
#navbar p { /* text in navbar */
font-size: 1.1em; /* 10pt x 1.1 = 11pt */
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 7px 0 0 0;
padding: 0;
}
#navbar p a { /* links in navbar */
color: #fff; /* high contrast */
padding: 0 10px 0 8px;
border-right: 2px solid #fff;
}
#navbar p a:hover {
color: #dce5ea;
}
/* -- END topnav --*/
#banner { /* holds flash banner or static banner */
width: 980px;
height: 185px;
overflow: hidden; /* Necessary for IE6 */
clear: left;
margin-bottom: 10px;
border-bottom: 4px solid #353f5b;
}
#channelBanner { /* holds channel banner */
/* width: 710px;
height: 100px; */
overflow: hidden; /* Necessary for IE6 */
clear: left;/* margin-bottom: 10px;
border-bottom: 1px solid #353f5b; */
}
#channelBanner img {
width: 710px;
height: 100px;
margin-bottom: 10px;
border-bottom: 1px solid #353f5b;
}
/* END flash banner or static banner */
/* SPLASH STYLES ---------- */
#splash {
width: 710px;
float: left;
margin: 2em 135px 0 135px;
padding-bottom: 80px;
font-size: 1.3em; /* 10pt x 1.3 = 13pt */
text-align: left;
background: url('/images/layout/header_arc.jpg') no-repeat bottom left;
border: 1px solid #606060;
border-bottom: 2em solid #353f5b;
}
#splash .two_cols {
background: url('/images/layout/splash_line.gif') no-repeat top center;
float: left;
width: 100%;
text-align: center;
padding-top: 3em;
}
#splash .two_cols .column .button {
margin: 20px auto;
width: 210px;
}
#splash .two_cols .column .arrow {
vertical-align: middle;
}
#splash h2 a {
font-size: 1.1em; /* 10pt x 1.1 = 11pt */
font-weight: bold;
color: #606060;
text-decoration: none;
}
#splash h2 a:hover {
color: #000000;
}
.button {
margin: 20px auto;
width: 210px;
}
/* -- RIGHT COLUMN / CONTENT --*/
#right_column {
width: 710px;
float: right;
font-size: 1.3em; /* 10pt x 1.3 = 13pt */
/* line-height: 160%; */
display: inline;
overflow: hidden;
}
/* -- RIGHT COLUMN / CONTENT --*/
#right_column2 {
width: 200px;
float: right;
font-size: 1.3em; /* 10pt x 1.3 = 13pt */
/* line-height: 160%; */
display: inline;
overflow: hidden;
}
.row { /* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
width: 100%;
float: left;
display: inline;
margin-right: -3px; /* IE 6 duplicate text fix */
margin-bottom: 10px;
/* border-bottom: 1px dotted #ccc; */
overflow: hidden;
}
.two_cols {
background: url('/images/layout/two_cols.gif') repeat-y;
background-position: 20px 0px 0px 0px;
}
.three_cols {
background: url('/images/layout/three_cols.gif') repeat-y;
background-position: 20px 0px 0px 0px;
}
.three_cols_plain {
background-position: 20px 0px 0px 0px;
}
.four_cols {
background: url('/images/layout/four_cols.gif') repeat-y;
background-position: 20px 0px 0px 0px;
}
/* when a .column is placed inside a two_cols row you get 2 equal columns of 354px that fill the right_column */
.two_cols .column {
width: 354px;
float: left;
position: relative;
overflow: hidden !important;
}
/* when a .column is placed inside a three_cols row you get 3 equal columns of 236px that fill the right_column */
.three_cols .column, .box .column {
width: 236px;
float: left;
position: relative;
overflow: hidden !important;
}
.three_cols_plain .column {
text-align: center;
width: 236px;
float: left;
position: relative;
overflow: hidden !important;
}
/* when a .column is placed inside a four_cols row you get 4 equal columns of 177px that fill the right_column */
.four_cols .column {
width: 177px;
float: left;
position: relative;
overflow: hidden !important;
}
/*#four_cols .program {
clear: left;
width: 177px;
margin-left:-50px;
margin-bottom: 10px;
}*/
.four_cols .program_desc {
float: left;
margin-bottom: 10px;
margin-right:50px;
}
.four_cols ul {
list-style-type:square;
}
/* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
.two_thirds .column {
/* width: 450px; */
width: 445px;
float: left;
position: relative;
overflow: hidden !important;
}
/* used to hold content other than text */
.two_thirds .other {
width: 255px;
float: left;
position: relative;
overflow: hidden !important;
}
.other .content {
width: 242px;
padding: 10px 13px;
float: left;
font-size: 90%;
overflow: hidden !important;
}
.content {
padding: 10px 13px;
float: left;
font-size: 90%;
overflow: hidden !important;
}
.column h3 {
color: #353f5b;
}
.column li a {
font-weight: normal;
}
.column ul {
margin: 0 0 0 5px;
padding: 0;
}
#right_column ul li {
margin-left: 5px;
padding-left: 5px;
margin-bottom:5px;
clear:both;
}
#right_column ol li {
margin-top: 5px;
margin-bottom: 5px;
}
#right_column .content .large p a {
text-decoration:none;
}
.date {
color: #003399;
}
.promo {
margin-bottom: 10px;
float: left;
}
/* -- SINGLE COLUMN / ERRORS --*/
#center_column {
width: 980px;
font-size: 1.3em; /* 10pt x 1.3 = 13pt */
display: inline;
overflow: hidden;
padding: 15px;
text-align: center;
margin: 0 auto;
}
.navbar_error { /* the main nav bar */
width: 100%;
height: 2.75em;
float: left;
border-bottom: 1px solid #fff;
background: #353f5b; /* url('/images/layout/navbar.jpg') no-repeat left center */
}
.navbar_error p { /* text in navbar */
font-size: 1.1em; /* 10pt x 1.1 = 11pt */
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 7px 0 0 0;
padding: 0;
}
.navbar_error p a { /* links in navbar */
color: #fff; /* high contrast */
padding: 0 10px 0 8px;
border-right: 2px solid #fff;
}
.navbar_error p a:hover {
color: #dce5ea;
}
#arc label {
font-size: 1.2em; /* 10pt x 1.2 = 12pt */
color: #fff;
margin: 0 8px 0 0;
}
/* --- TITLE BARS --- */
.row .header { /* a full length header that spans all columns -USE: wrap .header in a .row */
width: 100%;
height: 100%;
position: relative;
border-top: 3px solid #999;
border-bottom: 1px solid #999;
background: #bacadc url('/images/layout/arc_subhead.gif') no-repeat; /* COLOUR CHANGE the background colour to your site's colour scheme */
}
.two_cols .column .header { /* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
width: 350px;
height: 100%;
border-top: 3px solid #999;
border-bottom: 1px solid #999;
background: #e5e5e5 url('/images/layout/arc_subhead.gif') no-repeat; /* COLOUR CHANGE the background colour to your site's colour scheme */
float: none;
position: relative;
margin: 0 2px;
}
.three_cols .column .header { /* 2 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
width: 230px;
height: 2.5em;
border-top: 3px solid #999;
border-bottom: 1px solid #999;
background: #e5e5e5 url('/images/layout/arc_subhead.gif') no-repeat; /* COLOUR CHANGE the background colour to your site's colour scheme */
float: none;
position: relative;
margin: 0 3px;
}
.two_thirds .column .header { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
width: 470px;
height: 2.5em;
border-top: 3px solid #999;
border-bottom: 1px solid #999;
float: none;
position: relative;
margin: 0;
}
.two_thirds .other .header {
width: 236px;
height: 2.5em;
border-top: 3px solid #999;
border-bottom: 1px solid #999;
float: none;
position: relative;
margin: 0 0 0 3px;
}
.two_cols .split_lrg .content {
padding: 0 0 0 2px;
}
.two_cols .split_lrg .content img {
float: left;
}
.two_cols .split_lrg h3, .two_cols .split_lrg .content ul, .two_cols .split_lrg .content p {
float: left;
width: 156px;
padding: 0.8em 5px 0 20px;
}
/* overwrites prev statement to set the spacing back to default at the top */
.two_cols .split_lrg .content p {
padding-top: 0.5em;
}
.line_separator {
overflow: hidden;
width: 349px;
height: 1px;
border-bottom: 1px dotted #666;
padding-top: 10px;
padding-bottom: 10px;
}
.divider {
width: 100%;
height: 1px;
line-height: 1px;
border-top: 1px dotted #999;
clear: both;
padding: 0 0 10px 0;
}
/* ------ HEADERS MORE ------ */
.sectionheader h1 {
color: #fff;
margin: 0;
padding: 4px 10px;
font-size: 1.7em; /* 10pt x 1.7 = 17pt */
float: none;
font-weight: normal;
}
.header h1 {
color: #353e5b;
margin: 5px 10px 0px 10px;
padding: 0px 0px 5px 0px;
font-size: 1em; /* 10pt x 1 = 10pt */
float: none;
margin-top: 5px;
}
.header h2 {
color: #333;
margin: 5px 10px 0px 10px;
padding: 0px 0px 5px 0px;
font-size: 1em; /* 10pt x 1 = 10pt */
float: none;
}
/* style for the more> links pulls the more out 30px from the right side of the block */
.more {
right: 26px;
float: right;
position: relative;
top: 6px;
padding: 0px 0px 0px 30px;
font-size: 0.8em; /* 10pt x 0.8 = 8pt */
font-weight: bold;
text-transform: uppercase;
font-family: Verdana, Geneva, sans-serif;
}
/* positions the chevron/arrow after the MORE link */
.more img {
top: 3px; /* 5px; */
position: absolute;
right: -15px;
}
.more a {
text-decoration: none;
}
.box {
float: left;
width: 100%;
background-color: #f8f6d7;
border-bottom: 1px solid #666;
margin: 10px 0 20px 0;
}
.box h3, .box p, .box ul, .box table {
margin-left: 20px;
margin-right: 20px;
}
.box table td {
border-top: 1px dotted #666;
}
/* --- Ad banner ------------------------------- */
#ad_banner {
padding-bottom: 1em;
}
/* --- Home / Channel page content -------------- */
#home .initiatives p, .initiatives p {
width: 200px;
padding: 9px 3px 9px 9px;
margin: 0;
border-bottom: 1px dotted #999;
background: url('/images/layout/arrow_right.gif') no-repeat 203px 12px;
}
#home .initiatives p a, .initiatives p a {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
color: #353e5b;
}
#home .initiatives p.last, .initiatives p.last{
border: 0;
}
#home .initiatives2 p, .initiatives2 p{
width: 320px;
padding: 9px 3px 9px 9px;
margin: 0;
border-bottom: 1px dotted #999;
background: url('/images/layout/arrow_right.gif') no-repeat 323px 12px;
}
#home .initiatives2 p a, .initiatives2 p a{
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
color: #353e5b;
}
#home .initiatives2 p.last, .initiatives2 p.last {
border: 0;
}
#home .initiatives3 p, .initiatives3 p{
width: 690px;
padding: 9px 3px 9px 9px;
margin: 0;
border-bottom: 1px dotted #999;
background: url('/images/layout/arrow_right.gif') no-repeat 693px 12px;
}
#home .initiatives3 p a, .initiatives3 p a{
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
color: #353e5b;
}
#home .initiatives3 p.last, .initiatives3 p.last {
border: 0;
}
#home #quicklinks {
border-top: 1px solid #999;
padding-top: 5px;
border-bottom: 1px solid #999;
margin: 5px 0 10px 0;
clear: both;
height: 30px;
}
#home #quicklinks ul {
margin: 0;
padding: 0;
}
#home #quicklinks li {
list-style-type: none;
margin: 0;
padding: 0 10px 0 5px;
display: inline;
border-right: 1px solid #999;
font-size: 90%;
}
#home #quicklinks li img {
vertical-align: middle;
margin-right: 8px;
}
#home #quicklinks li.last {
border: 0;
}
#home #quicklinks a {
color: #666;
}
#home #quicklinks a:hover {
color: #000;
text-decoration: none;
}
#home .program, .program {
clear: right;
width: 325px;
margin-bottom: 10px;
}
#home .program_desc, .program_desc {
float: right;
width: 225px;
margin-bottom: 10px;
}
#home .program_desc ul, .program_desc ul {
list-style-type: square;
margin-left: 10px;
padding-left: 5px;
}
#home .highlight, .highlight {
width: 325px !important;
background: #353e5b url('/images/layout/arrowwhite_right.gif') 307px 8px no-repeat;
}
#home .highlight a, .highlight a {
padding: 5px 7px 5px 7px;
margin: 0;
color: #fff;
font-weight: bold;
display: block;
}
#home .highlight a:hover, .highlight a:hover {
color: #dce5ea;
text-decoration: none;
}
#home .spotlight, .spotlight {
clear: right;
width: 325px;
margin-bottom: 10px;
}
#home .spotlight_desc, .spotlight_desc {
float: right;
width: 180px;
margin-bottom: 10px;
}
#home .spotlight ul, .spotlight ul {
list-style-type: square;
margin-left: 10px;
padding-left: 5px;
}
#home .spotlight li a, .spotlight li a {
color: #353e5b;
}
#home .spotlight li a:hover, .spotlight li a:hover {
color: #000;
}
.morelink a {
text-transform: uppercase;
font-size: 90%;
font-weight: bold;
color: #353e5b;
}
.morelink a:hover {
color: #000;
}
/* --- Features -- */
.feature {
color: #666;
clear: right;
width: 230px;
padding: 0 3px 10px 9px;
border-bottom: 1px dotted #999;
}
.feature_noline {
color: #666;
clear: right;
width: 230px;
padding: 0 3px 10px 9px;
}
.feature img {
border: 0;
margin: 10px 0 0 0;
height: 50px;
width: 50px;
}
.feature_desc {
float: right;
width: 170px;
margin: 0 0 10px 0;
}
.feature_desc p {
padding: 2px 0;
}
.feature_desc p a {
color: #666;
text-decoration: none;
}
.feature_desc p a:hover {
color: #000;
text-decoration: underline;
}
/* --- Photo/Nav Tops and Bottoms (decoration) -- */
.frame {
border: 1px solid #ccc;
padding: 8px;
}
.inline {
vertical-align: middle;
}
/* used for the left floated series of images - you can put a caption below - this style that caption */
.photocap {
background-repeat: no-repeat;
height: 6px;
line-height: 1px;
font-size: 0.1em; /* 10pt x 0.1 = 1pt */
clear: left;
}
/* this is for the gallery ONLY - note that it will make the div that holds the photo 190px tall! */
div.photo {
width: 210px;
height: 190px;
float: left;
margin: 0 13px;
}
img.photo {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 100%;
float: left;
}
.photolink {
width: 100%;
float: left;
}
.photolink a {
font-weight: normal;
}
.photolink .text {
float: left;
padding: 5px 0 0 5px;
color: #fff; /* set colour of link text under photos here */
}
.sectionheader_top {
background-image: url('/images/layout/corner_sectionheader_top.gif');
background-position: top left;
background-repeat: no-repeat;
}
.nav_top {
background-image: url('/images/layout/corner_nav_top.gif');
background-position: top left;
}
.nav_bottom {
background-image: url('/images/layout/corner_nav_bottom.gif');
background-position: bottom left;
}
.main_top {
background-image: url('/images/layout/corner_main_top.gif');
background-position: top left;
}
.photo_top {
width: 210px;
background-image: url('/images/layout/corner_photo_top.gif');
background-position: top left;
border-bottom: 1px solid #fff;
}
.photo_bottom {
width: 210px;
background-image: url('/images/layout/corner_photo_bottom.gif');
background-position: bottom left;
border-top: 1px solid #fff;
}
.photo_top300 {
width: 300px;
background-image: url('/images/layout/corner_photo_top_300.gif');
background-position: top left;
border-bottom: 1px solid #fff;
}
.photo_bottom300 {
width: 300px;
background-image: url('/images/layout/corner_photo_bottom_300.gif');
background-position: bottom left;
border-top: 1px solid #fff;
}
.photo_top150 {
width: 150px;
background-image: url('/images/layout/corner_photo_top_150.gif');
background-position: top left;
background-repeat:no-repeat;
border-bottom: 1px solid #fff;
}
.photo_bottom150 {
width: 150px;
background-image: url('/images/layout/corner_photo_bottom_150.gif');
background-position: bottom left;
background-repeat:no-repeat;
border-top: 1px solid #fff;
}
.photo_top160 {
width: 160px;
background-image: url('/images/layout/corner_photo_top_160.gif');
background-position: top left;
background-repeat:no-repeat;
border-bottom: 1px solid #fff;
}
.photo_bottom160 {
width: 160px;
background-image: url('/images/layout/corner_photo_bottom_160.gif');
background-position: bottom left;
background-repeat:no-repeat;
border-top: 1px solid #fff;
}
.photo_top125 {
width: 125px;
background-image: url('/images/layout/corner_photo_top_125.gif');
background-position: top left;
border-bottom: 1px solid #fff;
}
.photo_bottom125 {
width: 125px;
background-image: url('/images/layout/corner_photo_bottom_125.gif');
background-position: bottom left;
border-top: 1px solid #fff;
}
.icon_top {
background-image: url('/images/layout/corner_icon_top.gif');
background-position: top left;
}
.icon_bottom {
background-image: url('/images/layout/corner_icon_bottom.gif');
background-position: bottom left;
}
.photo_long {
width: 426px;
background-image: url('/images/layout/corner_photo_long.gif');
background-position: top left;
border-bottom: 1px solid #fff;
}
.red {
background-color: #660000;
}
.grey {
background-color: #999;
}
.ltblue {
background-color: #7d9aaa;
}
.blue {
background-color: #353f5b;
}
.mycolour {
background-color: #fff; /* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
}
.icon {
width: 125px;
float: left;
padding: 10px 0;
}
.spacer {
float: left;
width: 40px;
}
.half_spacer {
float: left;
width: 20px;
}
.two_thirds .photo {
height: 85px; /* specify image height here */
width: 210px;
float: left;
padding: 0; /* puts padding all around the image */
}
.row three_cols .column .content .large a {
text-decoration: none;
}
/* ------ overide styles ---- */
.nomargin {
margin: 0;
} /* removes all margins */
.noborder {
border: 0;
} /* removes all borders */
.nobackground {
background:none;
} /* removes all background images */
.content: after {
clear: both;
}
/* ----------- Table Styles ------------ */
.styled table {
border:1px solid #fff;
width:100%;
margin-bottom:15px;
padding: 5px;
border-spacing: 2px;
border-collapse: separate;
}
.styled th {
padding:10px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
background:#bacbdd;
font-weight:bold;
color:#353e5b;
vertical-align: top;
}
.styled td {
padding:10px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
background:#dde5ee;
font-weight: normal;
text-align: left;
text-transform: none;
vertical-align: top;
margin-left: 15px;
}
.styled caption {
padding:10px;
font-size:0.8em; /* 10pt x 0.8 = 8pt */
background:#fff;
color:#353e5b;
text-align:left;
}
.styled td ol, ul {
margin-left: 0px;
margin-bottom: 10px;
}
/* ----------- Index Table ------------ */
.indextable {
margin-bottom:15px;
}
.indextable table {
border:1px solid #fff;
width:100%;
}
.indextable th {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
background:#bacbdd;
font-weight:bold;
color:#353e5b;
}
.indextable th a {
background: url('/images/layout/arrow_indextable.gif') no-repeat 0 0;
padding-left: 15px;
text-decoration: underline;
}
.indextable a:hover {
text-decoration: underline;
}
.indextable td {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
background: #dde5ee;
text-align: left;
font-weight: normal;
text-transform: none;
}
.indextable td a {
text-decoration: underline;
}
/* ----------- Month Table ------------ */
.monthtable table {
border-top: 2px solid #666;
width:100%;
}
.monthtable a {
text-decoration: none;
}
.monthtable a:hover {
text-decoration: underline;
}
.monthtable th {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
font-weight: bold;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background:#7d9aaa;
color: #fff;
}
.monthtable td {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
font-weight: bold;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background:#d0dbe0;
color:#666; /* 3e3e5e */
}
/* ----------- Alpha Table ------------ */
/* ----------- Month Table ------------ */
.alphaheadtable table {
border-top: 2px solid #666;
width:100%;
}
.alphaheadtable a {
text-decoration: none;
}
.alphaheadtable a:hover {
text-decoration: underline;
}
.alphaheadtable th {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
font-weight: bold;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background:#7d9aaa;
color: #fff;
}
.alphaheadtable td {
padding:5px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
font-weight: bold;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background:#d0dbe0;
color:#666; /* 3e3e5e */
}
.alphatable {
margin-bottom:15px;
}
.alphatable table {
border:1px solid #fff;
width:100%;
}
.alphatable th {
padding:5px 5px 5px 7px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
background:#dde5ee;
font-weight:bold;
color:#353e5b;
}
.alphatable th a {
color:#353e5b;
text-decoration: none;
float:left;
}
.alphatable a:hover {
text-decoration: underline;
}
.alphatable th span {
float:right;
background: url('/images/layout/arrow_top.gif') no-repeat right;
}
.alphatable th span a {
padding-right: 15px;
font-size:0.9em; /* 10pt x 0.9 = 9pt */
color:#666;
}
.alphatable th span a:hover {
color:#353e5b;
}
.alphatable td {
padding:5px;
font-size:1em; /* 10pt x 1 = 10pt */
background: #fff;
text-align: left;
font-weight: normal;
text-transform: none;
}
.alphatable td a {
text-decoration: underline;
line-height:150%;
}
/* ------------ For More Information ------------- */
#ForMoreInfo {
margin-top: 2em;
border-top: 2px solid #bfbfbf;
clear: both;
}
#ForMoreInfo h5 {
padding: 0.7em 0 0;
}
#ForMoreInfo .two_column {
float: right;
margin-left: 20px;
width: 354px;
}
/* ---- Page Actions ---- */
.pageActions {
margin: 3px 0 0 0;
padding: 0;
float: right;
font-weight: bold;
text-transform: uppercase;
color: #666;
font-size: 0.7em;
font-family: Verdana, Geneva, sans-serif;
}
.pageActions a {
color: #666;
text-decoration: none;
}
.pageActions a:hover {
color: #000;
text-decoration: none;
}
.pageActions span {
float: left;
height: 2em;
}
.pageActions span.rss {
background: url('/images/icons/icon_rss.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .rss a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.pdf {
background: url('/images/icons/icon_pdf.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .pdf a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.doc {
background: url('/images/icons/icon_doc.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .doc a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.share {
background: url('/images/icons/icon_share.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .share a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.email {
background: url('/images/icons/icon_email.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .email a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.print {
background: url('/images/icons/icon_print.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .print a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.access {
background: url('/images/icons/icon_access.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .access a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.help {
background: url('/images/icons/icon_login.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .login a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
.pageActions span.login {
background: url('/images/icons/icon_login.gif') no-repeat 10px 0px !important;
margin: 0px 0px 0px 0px !important;
}
.pageActions .help a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
/* ---- Lists ---- */
ol {
list-style-type: decimal;
}
ol.loweralpha {
list-style-type: lower-alpha;
}
ol.upperalpha {
list-style-type: upper-alpha;
}
ol.lowerroman {
list-style-type: lower-roman;
}
ol.upperroman {
list-style-type: upper-roman;
}
ol.lowerlatin {
list-style-type: lower-latin;
}
ol.upperlatin {
list-style-type: upper-latin;
}
ol.decimal {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
ul.disc {
list-style-type: disc;
}
ul.circle {
list-style-type: circle;
}
ul.square {
list-style-type: square;
}
/* ------ Back to Top ------ */
.backtotop {
/* float: right;*/
text-align: right;
padding: 3px;
font-size: 0.8em; /* 10pt x 0.8 = 8pt */
font-weight: bold;
text-transform: inherit;
margin:1px 0;
font-family: Verdana, Geneva, sans-serif;
}
.backtotop a {
text-decoration: none;
color: #666666;
}
.backtotop a:hover {
text-decoration: none;
color: #000;
}
/* ------ GRID - ------------ */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_8plus, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
border-right: 1px dotted #ccc;
overflow: hidden;
margin-left:0;
padding-right: 9px;
margin-right:10px
}
/*.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
background-color: #CCFFFF;
border: 1px dotted green;
}*/ /* For planning, testing debugging */
/* widths WIDER THAN THE #right_column NAV GRID BOXES */
#wrapper .grid_16, .grid_16 .header { /* whole page minus 20px (nav extra space) */
width:960px
}
#wrapper .grid_15, .grid_15 .header {
width:880px
}
#wrapper .grid_14, .grid_14 .header {
width:820px
}
#wrapper .grid_13, .grid_13 .header {
width:760px
}
/* END widths WIDER THAN THE #right_column NAV GRID BOXES */
#wrapper .grid_12, .grid_12 .header { /* whole right_column */
width:700px
}
#wrapper .grid_11, .grid_11 .header {
width:640px
}
#wrapper .grid_10, .grid_10 .header {
width:580px
}
#wrapper .grid_9, .grid_9 .header {
width:520px
}
#wrapper .grid_8plus, .grid_8plus .header { /* for layouts w no left nav - transitional */
width:500px
}
#wrapper .grid_8, .grid_8 .header { /* two thirds of right_column */
width:460px
}
#wrapper .grid_7, .grid_7 .header {
width:400px
}
#wrapper .grid_6, .grid_6 .header { /* half of right_column */
width:340px
}
#wrapper .grid_5, .grid_5 .header {
width:280px
}
#wrapper .grid_4, .grid_4 .header { /* one third of right_column */
width:220px
}
#wrapper .grid_3, .grid_3 .header { /* a quarter of right_column */
width:160px
}
#wrapper .grid_2, .grid_2 .header {
width:100px
}
#wrapper .grid_1, .grid_1 .header {
width:40px
}
/* ------ GRID - ------------ */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_8plus, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
border-right:1px dotted #ccc;
overflow:hidden;
margin-left:0;
padding-right:9px;
margin-right:10px
}
.grid_6plus, .grid_7plus, .grid_9plus, .grid_10plus, .grid_11plus, .grid_12plus, .grid_13plus, .grid_14plus, .grid_15plus, .grid_16plus {
display:inline;
float:left;/*border-right:1px dotted #ccc;*/
overflow:hidden;
margin-left:0;
padding-right:9px;
margin-right:10px
}
/* *******-- grid_#plus<--- ******* whole page FOR CURRENT 980px width - adapted grid adds 20px to accomodate the first round of templates */
#wrapper .grid_16plus, .grid_16plus .header {
width:980px
}
#wrapper .grid_16, .grid_16 .header {/* whole page minus 20px (nav extra space) */
width:960px
}
#wrapper .grid_15plus, .grid_15plus .header {
width:900px
}
#wrapper .grid_15, .grid_15 .header {
width:880px
}
#wrapper .grid_14plus, .grid_14plus .header {
width:840px
}
#wrapper .grid_14, .grid_14 .header {
width:820px
}
#wrapper .grid_13plus, .grid_13plus .header {
width:780px
}
#wrapper .grid_13, .grid_13 .header {
width:760px
}
/* END widths WIDER THAN THE #right_column NAV GRID BOXES */
#wrapper .grid_12plus, .grid_12plus .header {
width:720px
}
#wrapper .grid_12, .grid_12 .header {
width:700px
}/* width of whole right_column WITH NAV */
#wrapper .grid_11plus, .grid_11plus .header {
width:660px
}
#wrapper .grid_11, .grid_11 .header {
width:640px
}
#wrapper .grid_10plus, .grid_10plus .header {
width:600px
}
#wrapper .grid_10, .grid_10 .header {
width:580px
}
#wrapper .grid_9plus, .grid_9plus .header {
width:540px
}
#wrapper .grid_9, .grid_9 .header {
width:520px
}
/* for layouts w no left nav - transitional */
#wrapper .grid_8plus, .grid_8plus .header {
width:500px
}
#wrapper .grid_8, .grid_8 .header {
width:460px
}/* two thirds of right_column WITH NAV */
#wrapper .grid_7plus, .grid_7plus .header {
width:420px
}
#wrapper .grid_7, .grid_7 .header {
width:400px
}
#wrapper .grid_6plus, .grid_6plus .header {
width:360px
}
#wrapper .grid_6, .grid_6 .header {
width:340px/* half of right_column WITH NAV */
}
#wrapper .grid_5, .grid_5 .header {
width:280px
}
#wrapper .grid_4, .grid_4 .header {
width:220px
}/* one third of right_column WITH NAV */
#wrapper .grid_3, .grid_3 .header {
width:160px
}/* a quarter of right_column WITH NAV */
#wrapper .grid_2, .grid_2 .header {
width:100px
}
#wrapper .grid_1, .grid_1 .header {
width:40px
}
/* -- USEFUL for NESTING grid items -- remove last margin in set */
.nomargin {
margin: 0
} /* removes all margins */
.noborder {
border: 0
} /* removes all borders */
.borderboth {
padding-left:9px;
border-right: 1px dotted #ccc;
border-left: 1px dotted #ccc
}
/* FOOTER STYLES ------------ */
/* changed from orginal to make the footer span the whole bottom area */
#full_footer {
border-top: 1px solid #7f7f7f;
width: 100%;
}
#footer {
clear: both;
width: 980px;
padding-top: 20px;
font-weight: bold;
text-transform: uppercase;
color: #666;
font-size: 0.9em; /* 10pt x 0.9 = 9pt */
font-family: Verdana, Geneva, sans-serif;
height: 30px;
}
#footer a {
color: #666;
text-decoration: none;
}
#footer a:hover {
color: #000;
text-decoration: none;
}
/* -- MOHLTC Additions -- */
/* -- Hightlight Box -- */
#hl_box1, .hl_box1 { /* Simple background colour and light border */
background: #eeeeee;
border: 1px solid #94acb9;
padding: 8px 10px 8px 10px;
margin: 0px 0px 20px 0px;
}
#hl_box2, .hl_box2 { /* Simple background colour and light border */
background: #eeeeee;
border: 1px solid #94acb9;
padding: 8px 10px 0px 10px;
margin: -7px 0;
width: 220px;
float:left;
text-align:left;
}
#hl_box3, .hl_box3 { /* Simple background colour and light border */
background: #FEEDB7;
border: 1px solid #FFDE17;
padding: 8px 10px 8px 10px;
margin: 0px 0px 20px 0px;
}
#hl_box4, .hl_box4 { /* Simple background colour and light border */
background: #EEEEEE;
border: 1px solid #94ACB9;
padding: 8px 10px 8px 10px;
margin: 0px 0px 20px 0px;
}
/*---Quote bubble-----*/
.bubble {
position: relative;
width: 95%;
height: 100%;
padding: 15px;
background: #CDCDCD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bubble:after {
content: "";
position: absolute;
bottom: -15px;
left: 30px;
border-style: solid;
border-width: 15px 12px 0;
border-color: #CDCDCD transparent;
display: block;
width: 0;
z-index: 1;
}
dl {
width: 95%;
margin-bottom: 20px;
margin-right: 10px;
}
dt {
font-weight: bold;
list-style-position: inside;
}
dd {
margin-bottom: 20px;
list-style-position: outside;
}
/* List styling */
.featureList, .featureList ul {
margin-top: 0;
padding-left: 2em;
list-style-type: none;
}
.featureList li:before {
position: absolute;
margin-left: -1.3em;
font-weight: bold;
}
.featureList li.checkmark:before {
content: "\2713";
color: black;
}
.featureList li.cross:before {
content: "\2717";
color: crimson;
}
table {
border-collapse: collapse;
border-spacing: 0;
padding: 4px;
/*border-bottom: 1px solid #000;*/
}
th {
vertical-align: top;
padding: 8px;
border:1px solid #868686;
border-color: #868686;
background-color: #E4E4E4;
}