@import "reset.css";
@import "Calculator.css";
@import "sifr-screen.css";


/* homepage */
#navHome {width: 840px; height: 85px; background: #214261 url(../Images/menu_gradient.jpg) repeat-x;text-align: center;padding: 60px 0 0 60px;}
#navHome li {display: inline; cursor: pointer;margin:0;padding:0;}
#navHome ul {padding-bottom: 0px; float: left;}
.manNav{font-size: 120%;}

/* footer */
#footer {clear:both;color: #005277;font-size: 85%;width: 900px; height: auto;padding-top: 15px; background: #E6E5E6 url(../Images/shadow_base.png) no-repeat top right;text-align: center;line-height: 2.3em;}
#footer li {display:inline;padding: 0 12px 0 12px; border-right: solid 1px #005277; margin: 0;}
#footer ul {padding-bottom: 0px;}
#footer li.last {border: 0; padding-right: 0; margin: 0;}
#footer a {color: #005277; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer #disclaimer p {line-height: 1em;}
#footer #disclaimer {padding: 20px 60px 0 60px;}

/* stay informed & contact us forms */
#stayInformedForm, #contactUsForm {border-bottom: solid 1px #C3C3C3; margin-bottom: 23px;}
#stayInformedForm .formPacket, #contactUsForm .formPacket {clear: both; width: auto; height: auto;padding-bottom: 10px;}
#stayInformedForm label, #contactUsForm label {padding-top: 4px;width: 120px;float:left; display:block;}
#contactUsForm .formPacket input {width: 255px;}
#stayInformedForm .msg, #contactUsForm .msg {color: Red;}
#contactUsForm {border: 0;}

/* learning centre */
.learningCentrePacket1, .learningCentrePacket2, .learningCentrePacket3, .learningCentrePacket4  {width: 283px; padding-top: 6px; height: 100px; float: left; border-bottom: solid 1px #FFF;border-right: solid 1px #FFF;color: #FFF;}
.learningCentrePacket1 .copy, .learningCentrePacket2 .copy, .learningCentrePacket3 .copy, .learningCentrePacket4 .copy {color: White; width: 179px; height: auto; padding: 15px 15px 0px 15px; float:left;}
.learningCentrePacket1 .button, .learningCentrePacket2 .button, .learningCentrePacket3 .button, .learningCentrePacket4 .button {color: #FFF;float:right; width:72px; height:104px; vertical-align: bottom; padding-top: 8px;}
.icon {margin: 9px 0 19px 9px;}
.learningCentrePacket1 p, .learningCentrePacket2 p, .learningCentrePacket3 p, .learningCentrePacket4 p {font-size: 90%;}
.learningCentrePacket1 {background: #005073 url(../Images/learn_bg_1.jpg) repeat-x;}
.learningCentrePacket2 {background: #005073 url(../Images/learn_bg_2.jpg) repeat-x;}
.learningCentrePacket3 {background: #005073 url(../Images/learn_bg_3.jpg) repeat-x;}
.learningCentrePacket4 {background: #005073 url(../Images/learn_bg_4.jpg) repeat-x;}

/* members login */
#membersLogin { background: #FFF url(../Images/member_loging_bg.jpg) repeat-x; width: 224px; height: 170px;clear:both; padding-top: 35px; padding-left: 25px;}
#membersLogin img {display:block;border: 0;margin-bottom: 15px;}
#membersLogin input {border: solid 1px #FFF;margin-bottom: 5px; width: 190px; color: #015478;}
#membersLoginSubmit {margin-left: -4px;margin-top: 10px;}

/* related topics */
#relatedTopics {margin-bottom: 10px;}
#relatedTopics h2 {background: #005378; width: 234px; height: auto; padding: 3px 0px 3px 15px; font-size: 95%;}
#relatedTopics ul {background: #E3E1C1; width: 240px; height: auto; padding: 3px 3px 3px 6px;}
#relatedTopics ul li {display:block;padding-bottom: 1px;}

/* performance table */
#performance { background-color: #FFF;}
#performance th { border-bottom: solid 4px #4F81BD;}
#performance th, td {padding: 3px;}
#performance th.left, #performance td.left {padding-left: 10px;}
#performance th.right, #performance td.right, #performance td.rightOdd {text-align: center;  border-right: solid 1px #4F81BD;border-left: solid 1px #4F81BD;border-bottom: solid 1px #4F81BD;}
#performance td.rightOdd {background-color: #D3DFEE;}

/* seminars table */
.tableGrid {border-right: solid 1px black;border-bottom: solid 1px black;}
.tableHeading {vertical-align: middle;height:60px;padding: 0 15px 0 15px; border-left: solid 1px black; border-top: solid 1px black; font-weight: bold; background-color: #E3E0C1; }
.tableCell {padding: 15px; border-left: solid 1px black; border-top: solid 1px black; background-color: #F6F6EE;}

/* global */
body { background: #E6E5E6; color: #000; font-family: Verdana, Arial;font-size: 75%;}
h1 {font-size: 200%; margin-bottom: 23px;}
h2 {font-size: 150%;}
p {padding-bottom: 20px;}
ul {padding-bottom: 20px;}
a {color: #0FA6AD; text-decoration: none;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}
li{ list-style-type: disc;margin-left: 15px;}
#navCommon {width: 900px; height: 47px; background: #234463 url(../Images/menu_bar_gradient.jpg) repeat-x; padding-top: 35px;}
#navCommon li {display: inline; cursor: pointer;}
#navCommon ul {padding-bottom: 0px;}
#navCommon .commonNavItem{font-size: 120%;}
#navCommon a {color:#E6E4BB; text-decoration: none; font-weight: bold;}
#navCommon a:hover {color:#E6E4BB; text-decoration: underline;}
#navCommon .inner {display: none;}
#navCommonBase {width: 900px; height: 12px; background: #FFF url(../Images/content_shadow_top.jpg) no-repeat top left;}
#bodyContainer {margin: 0 auto;width: 900px;height: auto;}
#container{float: left; background-color: #FFF; width: 900px; height: auto;padding-bottom: 0px; background: #FFF url(../Images/base_bar.jpg) no-repeat bottom right; padding: 9px 0 20px 0;}
#promoContainer {float: left; width: 249px; height: auto; padding: 0px 0px 0px 21px;}
#contentContainer {float: right; width: 580px; height: auto; padding: 0px 20px 0px 20px;}
#promoContainer img {padding-bottom: 10px; border: 0;}
#promoContainer li{display:inline;padding:0;margin:0;}
#promoContainer ul {padding-bottom: 0px;}
#relatedTopics a {color: #000;}


.genericVideo {width: 540px; text-align: center;padding: 15px;}


/* win gift card form */
.questions { width: 540px; height: 20px; clear: both; }
.blockLabel {display: block; float: left; width: 240px;}
.formPacket label {display: block; float: left; width: 100px;}
.wrongAnswer {margin-top: 15px; color: Red; font-size: larger; font-weight: bold; margin-bottom: 15px;}