/* Start of CMSMS style sheet 'Layout' */
body {background:#eaeaea url(images/body-bg.png) top repeat-x; font-size:12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; margin:0;}
p, ul, ol {line-height:1.4em;}
ul {padding:0 12px 0 24px;}
form {margin:0;}
a {color:#1e3786;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
#wrapper {width:856px; background:#fff url(images/footer-bg.png) center bottom no-repeat; margin:0 auto; padding:0 0 21px;}
#header {height:116px; font-size:1px; color:#fff; text-align:center;}
#header h1 {width:390px; height:92px; background:url(images/bli-logo.png) 0 10px no-repeat; margin:0 10px 10px; float:left; font-size:1px;}
#header h2 {width:275px; height:39px; background:url(images/contact-phone.png) 0 10px no-repeat; float:right; clear:right; margin:24px 10px 0 0; font-size:1px; color:#fff !important;}
#header h3 {width:222px; height:27px; margin:0 10px 0 0; float:right; clear:right;}
#header h3 a {display:block; width:222px; height:27px; background:url(images/contact-email.png) 0 10px no-repeat; color:#fff; font-size:1px;}
#chat-link {display:block; width:68px; height:35px; background:url(images/chat-link.png); float:right; clear:right; margin:0 10px 0 0; color:#223e92;}

#banner {background:url(images/banner.png) center bottom no-repeat; min-height:270px;}

#infobar {background:url(images/infobar-bg.png) center bottom no-repeat; min-height:3.4em; display:none;}
#infobar p {float:left; clear:left; padding:.5em 12px; margin:0; font-weight:bold; font-size:1.25em;}
#infobar .search {float:right; padding:.8em 12px;}
#infobar .search label {display:none;}
#infobar .search input.search-box {border:0; background:url(images/search-input.png) center top no-repeat; width:185px; height:15px; font-size:11px; padding:2px 4px; overflow:hidden;}
#infobar .search input.search-button {border:none; color:#294aa7; font-weight:bold; background:#c6d1e5; margin:0; padding:0 6px; font-size:11px; cursor:pointer;}
#infobar .search input.search-button:hover {color:#d8663c;}

#banner .user-login {width:254px; margin:0 0 36px 578px; background: url(images/user-login-base.png) center bottom no-repeat; padding:36px 0 14px;}
#banner .user-login h2 {margin:0; text-align:center; color:#fff !important; background:url(images/user-access-header.png) top center no-repeat; padding:6px 0;}
#banner .user-login div {background:#fff; padding:4px 8px;}
#banner .user-login label {display:inline-block; width:90px;}
#banner .user-login input {width:140px;}
#banner .user-login a {color:#1e3786; text-align:center;}
#banner .user-login .submit label {display:inline;}
#user-rememberme {width:auto !important;}
.ok-button {height:19px; width:81px !important; background:#fff url(images/ok-button.png) center top; font-size:1px; border:0; padding:0; text-indent:-9999px; margin:0 20px;}
.ok-button:hover {background-position:center bottom;}
#banner .user-login p.smallprint {margin:0; text-align:center; font-size:10px; background:#fff; padding:2px 12px;}
#banner .user-login p.smallprint a {color:#333;}

#sidebar .user-login {}
/*#sidebar .user-login h2 {margin:0; text-align:center; color:#fff !important; background:#fff url(images/user-access-header.png) top center no-repeat; padding:6px 0;}*/
#sidebar .user-login div {padding:4px 8px;}
#sidebar .user-login label {display:inline-block; width:90px;}
#sidebar .user-login input {width:140px;}
#sidebar .user-login a {color:#1e3786; text-align:center;}
#sidebar .user-login .submit label {display:inline;}
#user-rememberme {width:auto !important;}
.ok-button {height:19px; width:81px !important; background:#fff url(images/ok-button.png) center top; font-size:1px; border:0; padding:0; text-indent:-9999px; margin:0 20px;}
.ok-button:hover {background-position:center bottom;}
#sidebar .user-login p.smallprint {margin:0; text-align:center; font-size:10px; padding:2px 12px;}
#sidebar .user-login p.smallprint a {color:#333;}

#breadcrumb {color:#1e3786;padding:0 12px; font-weight:bold; margin:12px 0;}
#breadcrumb a {color:#1e3786;}

#main {width:560px; padding:0 0 0 12px; float:left;}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {color:#1e3786;}
#widemain{padding:0 12px;}
#widemain h1, #widemain h2, #widemain h3, #widemain h4, #widemain h5, #widemain h6 {color:#1e3786;}

#sidebar {width:270px; padding:0 12px 0 0; float:right;}

.content {width:404px; padding:0 0 0 12px; float:left;}
.account-options {text-align:center; margin:6px; font-weight:bold;}
.account-options div {display:inline; margin:0 12px;}

.home-box {width:270px; float:left; margin:0 0 12px; min-height:52em; position:relative; padding:0 0 24px;}
.home-box h2 {margin:0; height:101px; font-size:1px; color:#ddd; text-indent:-9999px; background-position:center top; border-bottom:6px solid #1e3786;}
.home-box h3, .home-box h4, .home-box p {padding:0 12px;}
.home-box p.last {position:absolute; bottom:0; text-align:center; margin:0; width:270px; padding:0 !important;}
.home-box p.last a {display:block; background:#1e3786 url(images/homebox-base-bg.png) center bottom no-repeat; padding:12px 0; color:#fff; font-size:14px; font-weight:bold;}
.home-box ul  {list-style-image:url(images/home-box-bullet.png); line-height:1.4em}
.home-box .view-testimonials {background:#fff; color:#fe1d14; margin:12px 12px 24px; padding:6px; text-align:center;}
.home-box .view-testimonials a {display:block; margin:6px auto; width:168px; height:25px; background:url(images/view-testimonials.png) center top no-repeat; font-size:1px; color:#fe1d14; text-indent:-9999px;}
.home-box .view-testimonials a:hover {background-position: center bottom;}

.training {background:#bac7e0; margin:0 12px 0 0;}
.training h2 {background-image:url(images/financial-training-header.png);}
.support {background:#bac7e0;}
.support h2 {background-image:url(images/support-header.png);}
.advice {background:#bac7e0;}
.advice h2 {background-image:url(images/advice-header.png);}
.advice h3 {color:#1E3786;}
.software-box {background:#f68660;}
.software-box h2 {background-image:url(images/software-header.png);border-bottom-color:#cf410c;}
.software-box h2, .software-box h3, .software-box h4 {color:#fff;}
.software-box p.last a {background-color:#cf410c !important;}

.box {width:258px; float:left; background:#bac7e0 url(images/box-base-bg.png) center bottom no-repeat; margin:0 0 12px; position:relative; padding:0 0 12px; clear:none;}
.box h2 {background:#6495ED url(images/box-header-bg.png) center top no-repeat; color:#000 !important;margin:0; padding:6px 0;}
.box h2 a {color:#fff; text-decoration:none;}
.box p {padding:0 12px; text-align:left;}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {text-align:center;}
.box li {margin:.6em 0;}
#main .box {margin:0 16px 12px 0; background:#bac7e0 url(images/box-bg.png) center bottom repeat-x; min-height:264px; }
#coursepage .box {margin:0 0 12px 21px; min-height:20em; background-color: #e3e3e3 !important;}
#coursepage .box h2 {background-color:#6495ed;}
#coursepage .box h2 a {color:#000 !important;}
.widebox {clear:both; width:532px; background:#d2dbec; position:relative; padding:0 0 12px; margin:0 0 12px; min-height:124px;}
.software-widebox {background:#fdb096 !important;}
.smaller {min-height:130px !important; float:right !important; margin:0 28px 12px 0 !important;}
.widebox h2 {background:#cc0700 url(images/widebox-header-bg.png) center top no-repeat; color:#fff !important; text-align:center; margin:0; padding:4px 0;}
.software-widebox h2 {background-color:#cf410c !important;}
.widebox ul {padding:;}
.minibox {width:250px; margin:0 10px 10px 0; padding:10px; float:left; background:#eaeaea; height:5em;}
.chat {min-height:120px !important;}

.new-banner {background:url(images/new-banner-big.png) top left no-repeat; width:94px; height:94px; position:absolute; top:0; left:0; margin:25px 0 0; color:#fdb096;}
.profilepic {float:left; margin:6px; clear:left;}
p.smallprint {margin:0; font-size:.8em; text-align:center;}

ul.coloured-arrows {list-style:none; padding:0 12px; margin:0;}
ul.coloured-arrows li {background-repeat:no-repeat; padding:3px 0 0 32px; margin:1em 0;}
ul.coloured-arrows li a {font-size:1.4em; text-decoration:none; font-weight:bold;}
ul.coloured-arrows li a:hover {text-decoration:underline;}
li.blue {background-image:url(images/blue-list-item.png);}
li.blue a {color:#1e3786;}
li.purple {background-image:url(images/purple-list-item.png);}
li.purple a {color:#ab73d2;}
li.green {background-image:url(images/green-list-item.png);}
li.green a {color:#a0c108;}
li.orange {background-image:url(images/orange-list-item.png);}
li.orange a {color:#e07f02;}
li.red {background-image:url(images/red-list-item.png);}
li.red a {color:#900;}
li.pink {background-image:url(images/pink-list-item.png);}
li.pink a {color:#ce0493;}
li.cyan {background-image:url(images/cyan-list-item.png);}
li.cyan a {color:#029fda;}

p.last {background:url(images/box-base-bg.png) center bottom no-repeat; padding:0; margin:0; position:absolute; bottom:0; width:258px; clear:both;}
.widebox ul {padding:0 0 0 120px;}
.widebox p.last {background-image:url(images/widebox-base-bg.png); width:532px; padding:0;}

p.purple, p.green, p.orange, p.red, p.pink, p.cyan {background:#6495ed url(images/box-base-bg.png) center bottom no-repeat; padding:0 0 14px; margin:0; position:absolute; bottom:0; width:258px; font-size:1px;}

hr.clear {color:#fff; border:0; background:#fff; clear:both; position:static;}
#sidebar .box hr.clear {color:#bac7e0; background:#bac7e0;}

.error {text-align:center; color:#c00; font-weight:bold;}
ul.error {padding:0; list-style:none;}
#copyright {text-align:center; color:#1e3786;}
#webdev {text-align:center; color:#1e3786;}
#webdev a {color:#1e3786;}

.pagerow {margin:8px 12px;}
.page_prompt {display:inline-block; width:120px;}
.page_input {display:inline-block; width:246px;}
.page_input input {width:240px;}
.pagerow_submit {text-align:center; margin: 12px;}

#chat-button {display:block; height:19px; width:81px; background:#fff url(images/chat-button.png) center top; font-size:1px; border:0; padding:0; text-indent:-9999px; margin:6px auto 0;}
#chat-button:hover {background-position:center bottom;}

/* Software Page Specific */
.softwarepage #infobar {background-image:url(images/software-infobar-bg.png);}
.softwarepage h1, .softwarepage h2, .softwarepage h3, .softwarepage h4, .softwarepage h5, .softwarepage h6 {color:#cf410c !important;}
.softwarepage .box {background-color:#fcb8a1;}
.softwarepage .box h2 {background-color:#cf410c !important; color:#fff !important;}
.softwarepage #menu li.menuactive {background-image:url(images/software-menu-active-bg.png); background-color:#fcb8a1;}
.softwarepage #menu ul ul li.menuactive {background-image:none; background-color:#000;}
.softwarepage #infobar .search input.search-button {background-color:#fcb8a1;}
.pink-box, .pink-box-large {float:left; margin:12px;}
.pink-box {background:url(images/pink-box.png) center top; width:222px; padding:6px !important;  min-height:24px; text-align:center !important;}
.pink-box-large {background:url(images/pink-box-large.png) center top; width:210px; padding:12px !important; min-height:76px;}

/* Widgets */
.blankpage {font-size:16px; padding:12px 24px 24px;}
.blankpage h3 {font-size:24px; text-align:center; color:#1e3786;}

.blankpage .user-login label {float:left; display:block; width:132px; margin:0 0 12px;}
.blankpage .user-login form div {clear:left;}
.blankpage .user-login {margin:12px auto; width:300px; padding:12px; border:2px solid #1e3786;}

.blankpage .user-logout {height:1.4em; text-align:right; margin-bottom:1px; font-size:.8em;}
.blankpage .user-logout div {display:inline; margin:0 0 0 12px;}

.widget-form legend {padding:0 0 0 124px; font-weight:bold;}
.widget-form h3 {text-align:center; margin:0 24px; font-size:24px;}
.widget-form fieldset {padding:12px 0; margin:12px 2%; text-align:center; width:46%; float:left; border:0; font-size:16px;}
.widget-form fieldset.wide {width:80% !important; margin: 12px 10% !important;} 
.widget-form fieldset.wide input {width:100px !important;} 
.widget-form label {display:block; float:left; width:68%; margin:0 0 12px 0; text-align:left;}
.widget-form p {margin:1.4em 6px; clear:left; text-align:left;}
.widget-form div {margin:0; clear:left;}
.widget-form .indent label {margin:0 0 12px 5%; width:63%;}
.widget-form input {width:70px;}
.widget-form input.readonly {background:#ccc; color:#666;}
.widget-form h4 {font-weight:bold; font-size:1.4em; color:#1e3786; position:relative;padding-right:32px; clear:both;}
.widget-form h4 a.help {position:absolute; top:12px; right:0;}
.widget-form h4 input {width:auto;}
.widget-form h5 {font-weight:bold; font-size:1em; color:#1e3786; position:relative;text-align:center;}
.widget-form h5 input {width:auto;}
.widget-result {font-weight:bold; font-size:1.4em; color:#1e3786; text-align:right; width:30% !important; border:0;}
.widget-or {font-weight:bold; margin:-1em 0 0 16px !important;}
#months-horiz td {width:10%;}
#months-horiz td label {width:100%; text-align:center; float:none; margin:0; font-size:.9em; margin-bottom:6px;}
#months-horiz td input {width:50px !important;}
#opo-result {clear:left;}

a.help {display:inline-block; width:16px; height:16px; background:url(images/help16.png) center center no-repeat; color:#fff; font-size:1px; text-indent:-9999em;}
.helpbox {position:absolute; background-color:#ff9; width:200px; padding:12px;}

.printicon {padding:0 0 0 24px; background:url(images/cms/printbutton.gif) left center no-repeat; font-size:.9em; clear:both;}
br.clear {clear:both;}
/* End of 'Layout' */