/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : NHS Stylesheet Author : Wes Smith / wessmith999@gmail.com / Red Bullet Web Design - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#003145; color:#003145;} td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } /* ----- IDS ----- */ #headerContainer { width:100%; border-bottom:5px solid #72cdf4; background:#ffffff;} #headerContainer .padding { padding:15px 0 0 0;} #headerContainer .padding #header { width:970px; margin:0 auto; height:35px; position:relative;} #headerContainer .padding #header #logo { position:absolute; top:0; left:800px;} #headerContainer .padding #header #logo2 { position:absolute; top:0; left:810px;} #headerContainer .padding #header #login { position:absolute; top:0; left:660px; width:77px; height:33px; background:url(../images/loginBtnBg.gif) no-repeat; padding:2px 0 0 12px; font-size:180%; line-height:30px; color:#FFFFFF;} #headerContainer .padding #header #login a { line-height:30px; color:#FFFFFF;} #headerContainer .padding #header #login a:hover { text-decoration:none; color:#003145;} #headerContainer .padding #header #logout { position:absolute; top:0; left:660px; width:77px; height:33px; background:url(../images/logouBtnBg.gif) no-repeat; padding:2px 0 0 12px; font-size:180%; line-height:30px; color:#FFFFFF;} #headerContainer .padding #header #logout a { line-height:30px; color:#FFFFFF;} #headerContainer .padding #header #logout a:hover { text-decoration:none; color:#003145;} #contentContainer { width:100%; background: #e8e8e8 url(../images/contentContainerBg.gif) repeat-x scroll 0 0;} #container { width:970px; margin:0 auto; text-align:left; font-size:120%; min-height:550px;} #container #subNavContainer { width:970px; height:40px; margin-bottom:20px;} #container #subNavContainer #loginBox { float:right; width:290px; height:33px; padding:7px 0 0 10px; background:#f2f2f2; margin-right:10px;} #container #subNavContainer #loginBox #loginForm { display:inline;} #container #subNavContainer #loginBox #loginForm .input { float:left; width:105px; color:#003145; font-size:14px !important; margin-right:9px; padding:2px;} #container #subNavContainer #loginBox #loginForm .btn { float:left; width:36px; height:22px; margin-top:1px; cursor:pointer;} #container #subNavContainer #loginBox #loginForm .goButton { float:left; width:36px; height:22px; display:block; margin-top:1px; background:url(../images/goBtn.gif) 0 0 no-repeat; border:0;} #container #subNavContainer #loginBox #loginForm .goButton:hover { display:block; background:url(../images/goBtn.gif) 0 -22px no-repeat;} #container #subNavContainer #loginBox #reset_password {font-size: 10px; float:right;margin-top: 2px; color:#72C7E7;} #container #columnsContainer { width:970px;} #container #columnsContainer .padding { padding:0 10px;} #container #columnsContainer .padding #columnLeft { float:left; width:637px;} #container #columnsContainer .padding #columnLeft #rotatorBox { width:637px; height:312px; margin-bottom:10px; background:url(../images/rotatorBg.gif) 0 0 no-repeat;} #container #columnsContainer .padding #columnLeft #welcomeBox { width:637px;} #container #columnsContainer .padding #columnLeft #welcomeBox .padding { padding:15px 10px;} #container #columnsContainer .padding #columnLeft #welcomeBox .padding .largeText { font-size:180%; margin-bottom:5px;} #container #columnsContainer .padding #columnLeft #welcomeBox .padding .largeText a { color:#72C7E7; text-decoration:underline;} #container #columnsContainer .padding #columnLeft #welcomeBox .padding .largeText a:hover { text-decoration:none;} #container #columnsContainer .padding #columnRight { float:right; width:300px;} #container #columnsContainer .padding #columnRight #doorBox { width:300px; height:452px; background:url(../images/doorBg.jpg) no-repeat; position:relative;} #container #columnsContainer .padding #columnRight #doorBox #enterBtn { position:absolute; top:135px; left:80px;} /* ----- INTERNAL ADDITIONAL IDS ----- */ #subContentContainer { width:100%; background:#ffffff;} #container #columnsContainer .padding #columnLeft #roundedGreenBox { width:637px; margin-bottom:20px;} #roundedGreenBox .top { width:637px; height:20px; background:url(../images/subLeftColTop.gif) 0 0 no-repeat;} #roundedGreenBox .bottom { width:637px; height:20px; background:url(../images/subLeftColBottom.gif) 0 0 no-repeat;} #roundedGreenBox .body { width:597px; padding:5px 20px; min-height:780px; background:url(../images/subLeftColBody.gif) 0 0 repeat-y;} #roundedGreenBox .body.alt { width:637px; padding:5px 0px; min-height:780px; background:url(../images/subLeftColBody.gif) 0 0 repeat-y;} #roundedGreenBox .body .largeText { font-size:140%;} #roundedGreenBox .body p { font-size:120%; padding:0 0 15px 0;} #roundedGreenBox .body ul { list-style: disc; padding:0; margin:0 0 10px 30px;} #roundedGreenBox .body li { padding:3px 0 3px 10px; font-size:120%;} #container #columnsContainer .padding #columnRight #registerBox { width:300px; height:304px; background:url(../images/registerBoxBg.gif) 0 0 no-repeat; margin-bottom:20px; position: relative;} #container #columnsContainer .padding #columnRight #registerBox .padding { padding:6px 15px;} #container #columnsContainer .padding #columnRight #registerBox .padding p { font-size:140%; line-height:22px;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm { display:inline;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm label { float:left; display:block; width:95px; color:#FFFFFF; font-size:160%; line-height:24px;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .input { width:160px; float:left; padding:5px; border:1px solid #ffffff; margin-bottom:10px;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm div { margin-bottom:10px; clear:both;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .terms { color:#FFFFFF; float:left;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .terms_error { color:#FA899D; float:left;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .terms a { color:#FFFFFF; text-decoration:underline;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .terms a:hover { text-decoration:none;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .checkRadio { width:20px; float:left;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .registerBtn { position: absolute; bottom: 20px; right: 20px; float:right;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .registerButton { float:right; width:95px; height:30px; margin-left:8px; display:block; background:url(../images/registerBtn.gif) 0 0 no-repeat; border:0;} #container #columnsContainer .padding #columnRight #registerBox .padding #registerForm .registerButton:hover { display:block; background:url(../images/registerBtn.gif) 0 -30px no-repeat;} /* ----- Added by Jim 21/01/10 ----- */ #roundedGreenBox .body a {color:#007AC3;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .pageIntro {font-size:18px;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .pageIntro span {color:#8CC63F; font-weight:bold;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body h3 {font-size:18px;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body ul.tickList{list-style:none; margin:0 0 10px 0;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body ul.tickList li {background:url(../images/tickBox.gif) 0 8px no-repeat; padding-left:25px;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .infoBox {background-color:#E9F7FD; border:1px solid #A0DDF6;padding:10px;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .infoBox ul {list-style:none; margin:0;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .infoBox ul li {padding-left:0;} #container #columnsContainer .padding #columnLeft #roundedGreenBox .body .infoBox ul li span{width:100px;float:left} /* ----- Added by Jim 10/03/10 ----- */ #roundedGreenBox #NGbanner {position:absolute; float:right; width:399px; height:131px; margin:2px 0 0 236px;background:url("../images/newgenBanner.gif") no-repeat 0 0;} #roundedGreenBox #NGbanner a {background:url("../images/newGenEnterBtnBg.gif") no-repeat 0 0; display:block; height:23px; left:138px; position:relative; top:70px; width:96px;} #roundedGreenBox #NGbanner a:hover {background:url("../images/newGenEnterBtnBg.gif") no-repeat 0 bottom;} /* ----- MESSAGE BOARD IDS ----- */ #messageBoardContainer { width:100%; background:url(../images/messageBoardBg.jpg) repeat;} #messageBoardContainer #topFade { width:100%; height:23px; background:url(../images/messageBoardBgTopFade.jpg) 0 0 repeat-x; margin-bottom:60px;} #messageBoardContainer #boardContent { width:100%; background:url(../images/messageBoardBgBottomFade.png) bottom left repeat-x; padding-bottom:50px;} #messageBoardContainer #boardContent #paperContainer { width:980px; margin:0 auto 10px auto; } #messageBoardContainer #boardContent #paperContainer #paper { float:left; width:722px; } #messageBoardContainer #boardContent #paperContainer #paper .top { width:722px; height:60px; background:url(../images/paperBgTop.png) 0 0 no-repeat; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .top .padding { padding:40px 0 0 65px; font-family:"Courier New", Courier, monospace; color:#007AC3; font-size:16px; font-weight:bold; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .top .padding .blueText { font-family:"Courier New", Courier, monospace; color:#003145; font-size:16px; font-weight:bold; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #searchBox { position:absolute; top:73px; left:450px;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #searchBox #searchForm { display:inline;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #searchBox #searchForm .searchInput { width:195px; color:#003145; border:2px solid #72C7E7; font-size:12px !important; float:left; padding:2px 2px 3px 2px;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #searchBox #searchForm .btn { float:left; width:24px; height:24px;} #messageBoardContainer #boardContent #paperContainer #paper .bottom { width:722px; height:25px; background:url(../images/paperBgBottom.png) 0 0 no-repeat; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .bottom #pinBottom { position:absolute; top:-29px; left:650px;} #messageBoardContainer #boardContent #paperContainer #paper .body { width:722px; background:url(../images/paperBgBody.png) 0 0 repeat-y; line-height:20px !important; position:relative; min-height: 750px;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox { position:absolute; top:-40px; left:398px; width:325px; height:418px; background:url(../images/cardboardBg.png) 0 0 no-repeat; z-index:1;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding { padding:42px 25px 25px 25px;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding .status { font-weight:bold; color:#003145; margin-bottom:30px; padding:0;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding .title { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:200%; margin-bottom:10px;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding .title a { font-size:60%; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:normal;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding .title a:hover { text-decoration:none;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding p { color:#003145; padding:0 0 10px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding .smallText { font-size:120%; padding:0;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding a { font-weight:bold; text-decoration:underline;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding a:hover { text-decoration:none;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding #piggyBank { margin-top:40px; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding #piggyBank #piggy { position:absolute; top:20px; left:165px; width:103px; height:71px; background:url(../images/pigBg.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body #cardboardBox .padding #piggyBank #piggy .padding { padding:23px 0 0 30px; font-weight:bold; font-size:180%;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding { padding:20px 30px 20px 65px; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding p { padding:0; color:#666666; font-size:140%;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding ul { padding:0; color:#666666; font-size:140%; margin: 5px 0 5px 20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .title { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:200%; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .title a { font-size:60%; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .title a:hover { text-decoration:none;} #messageBoardContainer #boardContent #paperContainer #paper .titleLeft { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; margin-bottom:20px; float:left;} /* ----- MESSAGE BOARD DEMO ----- */ #messageBoardContainer #boardContent #demo {width:960px; height:445px; background:url(../images/messageBoardDemo.png) 0 0 no-repeat; margin:-40px auto 50px;} #messageBoardContainer #boardContent #demo #register{width:285px; height:46px; background:url(../images/demoRegister.gif) 0 0 no-repeat; position:relative; display:block;top:296px;left:660px;} #messageBoardContainer #boardContent #demo #register:hover{top:298px;left:662px;} #messageBoardContainer #boardContent #demo #signIn {left:666px;position:relative;top:360px;} /* ----- MESSAGE BOARD ADS IDS ----- */ #messageBoardContainer #boardContent #paperContainer #adContainer {background:none repeat scroll 0 0;float:right;position:relative;right:11px;width:258px;z-index:0;} #messageBoardContainer #boardContent #paperContainer #adContainer #wealth {width:253px; height:278px; background:url(../images/wealthBg.png) top right no-repeat; margin-top:0;position:absolute; cursor:pointer;} #messageBoardContainer #boardContent #paperContainer #adContainer #wealth:hover {margin-top:-5px;width:258px;} #messageBoardContainer #boardContent #paperContainer #adContainer #stop {width:255px;height:390px;background:url(../images/stopBrochure.png) top right no-repeat;position:absolute;top:155px; cursor:pointer;} #messageBoardContainer #boardContent #paperContainer #adContainer #stop:hover {top:150px;width:258px;} #messageBoardContainer #boardContent #paperContainer #adContainer #today {background:transparent url(../images/todayBrochure.png) no-repeat scroll right top;height:315px;position:absolute;top:475px;width:210px; cursor:pointer;} #messageBoardContainer #boardContent #paperContainer #adContainer #today:hover {top:470px;width:215px;} #messageBoardContainer #boardContent #paperContainer #adContainer #shadow {background:transparent url(../images/shadowBg.png) repeat-y scroll 0 0; width:28px; height:800px; float:left; position:absolute;} /* ----- REGISTER PAGE IDS (08/04/09) ----- */ #registerContainer { width:100%; background:url(../images/registerBg.gif) top left repeat-x; padding:45px 0;} #clipboardContainer { width:970px; margin:0 auto; text-align:left; font-size:120%; height:1173px; background:url(../images/registerClipboardBg.gif) 0 0 no-repeat;} #clipboardContainer .title3 { font-size:18px; color:#003145; font-weight:normal; padding:0 0 0px 10px;} #clipboardContainer .clipboardPadding { padding:130px 262px 60px 82px;} #clipboardContainer .blueTextLarge { font-size:14px; color:#007AC3; padding:0 10px 15px 10px; line-height:18px;} #clipboardContainer a.linkBlue { text-decoration:underline;} #clipboardContainer a.linkBlue:hover { text-decoration:none;} #clipboardContainer #table { width:606px; background:#EEF5F9; padding:10px; margin-bottom:15px;} #clipboardContainer .formTable { border-collapse:collapse; width:606px; padding:0; margin:0; } #clipboardContainer .formTable p { padding:0px; } #clipboardContainer .formTable td { padding:4px 5px !important; margin:0;} #clipboardContainer .formTable td.columnSmall { width:120px;} #clipboardContainer .formTable td.columnMid { width:180px;} #clipboardContainer .formTable td.radioWidth { width:60px;} #clipboardContainer .formTable .detailsTitle { color:#007AC3; font-size:14px; font-weight:normal; line-height:16px; padding:0; margin:0;} #clipboardContainer .formTable .label { color:#003145; font-size:14px;} #clipboardContainer .formTable .labelLeft { color:#003145; font-size:14px; float:left; margin-right:10px; line-height:24px;} #clipboardContainer .formTable .inputMid { width:140px; padding:3px; font-size:14px !important; color:#007AC3; border:1px solid #b9c8ce; margin:0;} #clipboardContainer .formTable .inputLong { width:460px; padding:3px; font-size:14px !important; color:#007AC3; border:1px solid #b9c8ce; margin:0;} #clipboardContainer .formTable .selectBox { width:150px; font-size:14px !important; color:#007AC3; border:1px solid #b9c8ce; margin:0;} #clipboardContainer .formTable .selectBoxSmall { width:60px; font-size:14px !important; color:#007AC3; float:left; border:1px solid #b9c8ce; margin:0;} #clipboardContainer .formTable .inputDD { width:22px; padding:3px; font-size:14px !important; color:#B2B2B2; float:left; margin-right:5px; border:1px solid #b9c8ce;} #clipboardContainer .formTable .inputMM { width:22px; padding:3px; font-size:14px !important; color:#B2B2B2; float:left; margin-right:5px; border:1px solid #b9c8ce;} #clipboardContainer .formTable .inputYYYY { width:38px; padding:3px; font-size:14px !important; color:#B2B2B2; float:left; border:1px solid #b9c8ce; margin:0;} #clipboardContainer .formTable .checkRadio2 { width:15px; position:relative; left:-7px;} #clipboardContainer .formTable .radioLabel { color:#007AC3; font-size:14px;} #clipboardContainer .formTable .error { color:#C1272D; font-size:14px; background:url(../images/errorIcon.gif) 0 2px no-repeat; padding:0 0 0 24px; line-height:24px;} #clipboardContainer .formTable .ifText { font-size:10px; margin-left:5px;} #clipboardContainer .formTable .labelSmall { color:#007AC3; font-size:12px;} #clipboardContainer .formTable .labelSmall span { color:#003145; font-size:10px;} #clipboardContainer .formTable .grey { color:#808080;} #clipboardContainer #agreementBox { position:relative; width:481px; height:30px; padding:0 110px 0 15px;} #clipboardContainer #agreementBox #submitBtn { width:86px; height:22px; position:absolute; top:10px; right:0;} /* ----- MESSAGE BOARD ADVICE LAYOUTS IDS (16/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .narrowBox .firstLogin{ font-family:"Courier New", Courier, monospace; color:#007AC3; font-size:14px; font-weight:bold; line-height:20px;} /* ----- MESSAGE BOARD ADVICE LAYOUTS IDS (16/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .linkBox { float:right; color:#007AC3; height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .linkBox .linkLeft { line-height:20px; color:#007AC3; font-size:140%; font-weight:bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .narrowBox { width:330px; margin-bottom:40px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .profileBox { width:330px; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .profileBox .title {margin-bottom: 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .profileBox a {color:#007AC3; font-weight: bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .narrowBox .linkRight { line-height:20px; color:#007AC3; font-size:140%; font-weight:bold; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message { position:relative; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .title { padding:0; color:#007AC3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0; font-size:140%;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .darkTitle { padding:0; color:#003145; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .date { position:absolute; top:-1px; left:-42px; width:30px; text-align:center; font-size:120%; font-weight:bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .readLink { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .link { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message p { padding:0 0 0 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message p a{color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .blue { font-weight:bold; color:#003145;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .linksBar { height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .linksBar .cat { float:left; color:#003145; font-size:12px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .linksBar a { color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #messageHomeLeft { float:left; width:330px; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox { position:absolute; top:400px; left:410px; width:290px; height:130px; background:#fefaba; border:1px solid #e5dda9;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox .inboxPadding { padding:10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox .inboxPadding img { float:left; margin-right:25px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox .inboxPadding .messages { color:#003145; font-size:16px; font-weight:bold; font-family:"Courier New", Courier, monospace;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox .inboxPadding .messages span { color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #inboxBox #inboxCorner { position:absolute; top:105px; left:265px; width:26px; height:26px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueBox { background:#caeaf6; border:1px solid #97bcca; padding:3px; height:22px; margin-bottom:11px; width:619px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueBox .boxTitle { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; color:#003145; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueBox #categoryForm { display:inline; padding:0; margin:0; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueBox #categoryForm .select { font-size:14px !important; color:#003145; width:210px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueBox .link { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox { background:#fefaba; border:1px solid #e5e1dc; position:relative; width:625px; margin-bottom:27px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox #corner { position:absolute; bottom:-1px; left:-1px; width:30px; height:30px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox .boxPadding { padding:5px 200px 30px 10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox .adviceTitle { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox .titleLarge { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; line-height:20px; margin-bottom:16px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox .imageBox { position:absolute; top:15px; right:15px; width:150px; height:150px; border:1px solid #d9d9d9; background:#FFFFFF;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox .link { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail { margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail .detailTitle { font-size:18px; color:#003145; font-weight:bold; line-height:20px; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail p { line-height:20px; padding:0 0 20px 0; color:#4D4D4D;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail a { color:#007AC3; text-decoration:underline;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail a:hover { text-decoration:none;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .messageDetail img {border: 1px solid #CCCCCC; padding: 5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .relatedTitle { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .linkRight { float:right; line-height:20px; color:#007AC3; font-weight:bold; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .relatedAdviceLeft { float:left; width:300px; color:#4D4D4D; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .relatedAdviceRight { float:right; width:300px; color:#4D4D4D; margin-bottom:20px;} /* ----- MESSAGE BOARD COMMUNITY LAYOUTS IDS (16/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .info { font-family:"Courier New", Courier, monospace; color:#007AC3; font-size:16px; font-weight:bold; line-height:20px; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .entry { margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .entry .entryInfo { line-height:20px; color:#003145; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityLeft { float:left; width:280px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight { float:right; width:322px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox { width:321px; margin-bottom:15px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #top { width:316px; height:18px; padding:3px 0 0 5px; background:url(../images/communityBoxYellowTop.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body { background:#fefaba; border-bottom:1px solid #e5dda9; border-right:1px solid #e5dda9; border-left:1px solid #e5dda9; padding:15px 5px 5px 5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog { position:relative; padding:0 120px 0 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog .name { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog .infoLine { font-size:12px; color:#003145; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog p { font-size:12px; line-height:20px; padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog .picBox { position:absolute; top:-5px; right:-3px; text-align:center;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog .picBox .pic { width:89px; height:89px; padding:15px; background:url(../images/featuredPicBg.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #yellowBox #body .featuredBlog .picBox a { font-size:14px; font-weight:bold; color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox { width:321px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #topPink { width:316px; height:18px; padding:3px 0 0 5px; background:url(../images/communityBoxPinkTop.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink { background:#fcdcea; border-bottom:1px solid #e2afd3; border-right:1px solid #e2afd3; border-left:1px solid #e2afd3; padding:15px 5px 5px 5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote {} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .articleTitleLink {color:#007AC3; font-weight:bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote .noteTitle { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote .infoBox { padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote p { padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote .infoBox .text { float:left; font-size:12px; color:#003145;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink .supportNote .infoBox .readLink { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink #linksBox {} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink #linksBox .question { font-size:14px; font-weight:bold; color:#003145; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #communityRight #pinkBox #bodyPink #linksBox .questionLink { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox { position:relative; padding:0 130px 0 0; width:180px; float:left; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox .name { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox .infoLine { font-size:12px; color:#003145; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox p { font-size:12px; line-height:20px; padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox .picBox { position:absolute; top:-8px; right:10px; text-align:center;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox .picBox .pic { width:89px; height:89px; padding:15px; background:url(../images/featuredPicBgWht.png) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .featuredBlogBox .picBox a { font-size:14px; font-weight:bold; color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blog { margin-bottom:20px; padding:0 130px 0 0; position:relative;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blog .infoBar { color:#007AC3; font-size:18px; font-weight:bold; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blog .infoBar .black { color:#000000; font-size:14px; font-weight:normal;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blog .picBox { position:absolute; top:-9px; right:-3px; text-align:center;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blog .picBox .pic { width:89px; height:89px; padding:15px; background:url(../images/featuredPicBgWht.png) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherPost { font-size:12px; color:#000000;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherPost a { display:inline; color:#007AC3; font-size:14px; text-decoration:underline; margin-left:10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherPost a:hover { text-decoration:none;} /* ----- MESSAGE BOARD COMMUNITY SUPPORT LAYOUTS IDS (16/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .searchBox { height:20px; margin-bottom:21px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .searchBox .boxTitle { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; color:#003145; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .searchBox #categoryForm { display:inline; padding:0; margin:0; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .searchBox #categoryForm .select { font-size:14px !important; color:#003145; width:210px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .suggestionLink { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#007AC3 !important;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails { margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails p { padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails p a { color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails .catBar { height:20px; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails .catBar .cat { float:left; color:#003145; font-size:12px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #supportDetails .catBar a { color:#007AC3; margin-right:10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm { display:inline;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm div { margin-bottom:5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm .submitButton { float:left; width:95px; height:30px; display:block; margin-top:1px; background:url(../images/submitBtn.gif) 0 0 no-repeat; border:0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm .submitButton:hover { display:block; background:url(../images/submitBtn.gif) 0 -30px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm .suggestionInput { color:#999999; width:617px; border:1px solid #7fbce1; background:#ffffff; font-size:14px !important; padding:5px; margin-bottom:5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm #submit { width:71px; height:21px; float:right !important;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding #suggestionForm .textInput { width:617px; border:1px solid #7fbce1; background:#ffffff; font-size:14px !important; padding:5px; margin-bottom:5px; color:#999999;} /* ----- MESSAGE BOARD INBOX LAYOUTS IDS (17/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .inboxLinkBar { height:20px; color:#007AC3; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .inboxLinkBar .inboxLink { font-size:14px; font-weight:bold; color:#007AC3;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .titleSpace { padding:0; color:#007AC3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .titleSpaceLarge { padding:0; color:#007AC3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0; font-size:18px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .from { color:#000000; padding:0; font-size:12px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBoxMessage { background:#fefaba; border:1px solid #e5e1dc; position:relative; width:625px; height:20px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#007AC3; font-family:"Courier New", Courier, monospace; padding:5px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .messageInfo { color:#000000; padding:0 0 20px 0; font-size:12px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .message .blue { color:#007AC3; font-size:14px; font-weight:normal; text-decoration:underline;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pinkBox { background:#fcdcea; border:1px solid #e2afd3; padding:3px; height:22px; margin-bottom:11px; width:619px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pinkBox .pinkBoxTitle { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; color:#003145; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pinkBox #categoryForm { display:inline; padding:0; margin:0; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pinkBox #categoryForm .select { font-size:14px !important; color:#003145; width:210px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox { position:relative; padding:0 130px 0 0; width:180px; float:left; margin-bottom:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox .resourceName { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox .resourceType { font-size:14px; color:#003145; line-height:20px; padding:0 0 20px 0;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox p { font-size:14px; line-height:20px; padding:0 0 20px 0; color:#4D4D4D;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox .resource { position:absolute; top:-10px; right:12px; text-align:center; width:112px; height:35px; padding:112px 0 0 0; background:url(../images/resourceLinkBg.png) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox .resource .picture { width:84px; height:90px; padding:2px; position:absolute; top:12px; left:12px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .resourceBox .resource a { font-size:14px; font-weight:bold; color:#007AC3;} /* ----- MESSAGE BOARD COMMUNITY NEWS LAYOUTS IDS (17/04/09) ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox { background:#c8e9f6; border:1px solid #c8e9f6; position:relative; width:625px; margin-bottom:27px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox #corner { position:absolute; bottom:-3px; left:-1px; width:30px; height:30px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox .boxPadding { padding:15px 200px 30px 10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox .adviceTitle { line-height:20px; color:#007AC3; font-weight:bold; font-size:14px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox .titleLarge2 { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; line-height:20px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox .imageBox { position:absolute; top:15px; right:15px; width:150px; height:150px; border:1px solid #d9d9d9; background:#FFFFFF;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .blueNewsBox #dateLarge { position:absolute; top:15px; left:-45px; font-family:"Courier New", Courier, monospace; color:#003145; font-size:20px; font-weight:bold; text-align:center;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox2 { background:#fefaba; border:1px solid #e5dda9; padding:3px; height:22px; margin-bottom:15px; width:619px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox2 .yellowBoxTitle { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; color:#003145; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox2 #categoryForm { display:inline; padding:0; margin:0; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox2 #categoryForm .select { font-size:14px !important; color:#003145; width:210px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox3 { background:#fefaba; border:1px solid #e5dda9; padding:3px; height:22px; margin-bottom:12px; width:619px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox3 .yellowBoxTitle { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; color:#003145; line-height:20px; float:left;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox3 #categoryForm { display:inline; padding:0; margin:0; float:right;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .yellowBox3 #categoryForm .select { font-size:14px !important; color:#003145; width:210px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherNews { font-size:12px; color:#000000; font-weight:bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherNews a { display:inline; color:#007AC3; font-size:14px; text-decoration:underline; margin-left:10px;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .otherNews a:hover { text-decoration:none;} /* ----- MEETING ROOM IDS (28/04/09) ----- */ #meetingRoomContainer { width:100%; background:#b29e89 url(../images/meetingRoomBg.jpg) top center no-repeat;} #meetingRoomContainer #roomContainer { width:970px; margin:0 auto; min-height:560px;} #meetingRoomContainer #roomContainer .roomPadding { padding:30px 0;} #meetingRoomContainer #roomContainer .roomPadding #leftCol { float:left; width:249px;} #meetingRoomContainer #roomContainer .roomPadding #leftCol #door { width:249px; height:447px; background:url(../images/meetingDoorBg.jpg) 0 0 no-repeat;} #meetingRoomContainer #roomContainer .roomPadding #leftCol #door .doorPadding { padding:40px;} #meetingRoomContainer #roomContainer .roomPadding #leftCol #door .doorPadding p { color:#FFFFFF; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:26px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol { float:right; width:710px; position:relative;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox { position:absolute; top:0; right:0; width:676px; height:425px; background:url(../images/boardBg.jpg) 0 0 no-repeat;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding { padding:30px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent { width:616px; height:345px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent .titleImage { margin-bottom:30px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent .messageText { color:#003145; font-size:18px; margin-bottom:20px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent .colTitle { color:#003145; font-size:18px; font-weight:normal; padding:0 0 20px 0;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent .colTitle a { color:#007AC3; font-size:12px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent p { font-size:14px; color:#007AC3;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent #left { float:left; width:260px; margin-right:50px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #boardBox .boardPadding #boardContent #right { float:left; width:260px;} .blueBtn { display:block;} .blueBtn a { float:left; display:block; height:27px; color:#FFFFFF; font-size:18px; background:url(../images/blueBtnLeft.gif) 0 0 no-repeat; font-weight:normal; line-height:20px; cursor: pointer;} .blueBtn a span { display:block; height:27px; background:url(../images/blueBtnRight.gif) top right no-repeat; padding:2px 12px 0 5px; margin-left:7px;} .blueBtn a:hover { background:url(../images/blueBtnLeftHover.gif) 0 0 no-repeat; color:#007ac3; text-decoration:none;} .blueBtn a:hover span { background:url(../images/blueBtnRightHover.gif) top right no-repeat; } .blueBtnRight { display:block; float:right;} .blueBtnRight a { float:left; display:block; height:27px; color:#FFFFFF; font-size:18px; background:url(../images/blueBtnLeft.gif) 0 0 no-repeat; font-weight:normal; line-height:20px;} .blueBtnRight a span { display:block; height:27px; background:url(../images/blueBtnRight.gif) top right no-repeat; padding:2px 12px 0 5px; margin-left:7px;} .blueBtnRight a:hover { background:url(../images/blueBtnLeftHover.gif) 0 0 no-repeat; color:#007ac3; text-decoration:none;} .blueBtnRight a:hover span { background:url(../images/blueBtnRightHover.gif) top right no-repeat; } /* ----- MEETING ROOM IDS (30/04/09) ----- */ /* #meetingContainer { width:100%; background:url(../images/grassBg.jpg) 0 0 repeat; position:relative;} #meetingContainer #topFade { position:absolute; top:0; left:0; width:100%; height:23px; background:url(../images/meetingRoomTopFade.png) 0 0 repeat-x;} #meetingContainer #bottomFade { position:absolute; bottom:0; left:0; width:100%; height:23px; background:url(../images/meetingRoomBootomFade.png) 0 0 repeat-x;} #meetingContainer #elementsContainer { width:100%; background:url(../images/meetingRoomElementsBg.jpg) top center no-repeat; height:744px;} #meetingContainer #elementsContainer #chairsContainer { width:880px; height:700px; margin:0 auto; position:relative;} #meetingContainer #elementsContainer #chairsContainer #exitIcon { position:absolute; top:30px; right:0; width:48px; height:48px;} #meetingContainer #elementsContainer #chairsContainer #UI { position:absolute; top:190px; left:175px; width:585px; height:381px; background:url(../images/UIBg.png) 0 0 no-repeat;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding { padding:34px 5px 0 30px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent { width:481px; height:170px; overflow:auto; margin-bottom:11px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage { margin-bottom:10px; font-size:12px; color:#224c5e;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor { float:left; width:50px; margin-right:10px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor .green { color:#9bce59;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor .blue { color:#29abe2;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage p { padding:0; float:left; width:400px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm { height:53px; background:url(../images/messageInputBg.gif) 0 0 no-repeat; margin-left:50px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm .messageInput { float:left; width:342px; height:36px; padding:2px 7px 5px 7px; margin:3px 8px 0 2px; border:1px solid #ffffff; font-size:12px !important; color:#224c5e !important;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm #sendBtn { display:block; float:left; width:59px; height:26px; background:url(../images/sendBtn.gif) 0 0 no-repeat; margin-top:12px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm #sendBtn:hover { display:block; background:url(../images/sendBtn.gif) 0 -26px no-repeat;} #meetingContainer #elementsContainer #chairsContainer #chair01 { position:absolute; top:0px; left:250px;} #meetingContainer #elementsContainer #chairsContainer #chair02 { position:absolute; top:25px; left:510px;} #meetingContainer #elementsContainer #chairsContainer #chair03 { position:absolute; top:100px; left:725px;} #meetingContainer #elementsContainer #chairsContainer #chair04 { position:absolute; top:300px; left:750px;} #meetingContainer #elementsContainer #chairsContainer #chair05 { position:absolute; top:520px; left:620px;} #meetingContainer #elementsContainer #chairsContainer #chair06 { position:absolute; top:520px; left:315px;} #meetingContainer #elementsContainer #chairsContainer #chair07 { position:absolute; top:490px; left:10px;} #meetingContainer #elementsContainer #chairsContainer #chair08 { position:absolute; top:245px; left:-50px;} #meetingContainer #elementsContainer #chairsContainer #chair09 { position:absolute; top:50px; left:10px;} */ /*------ Costume Select Styles (07/05/09) ------*/ #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox { position:absolute; top:0; right:0; width:676px; height:425px; background:url(../images/frameBg.jpg) 0 0 no-repeat;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselBox{width:620px;height:300px;margin:27px 0 0 24px;float:left;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselImg {width:200px;height:300px;margin-right:10px;margin:0 3px; float:left;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselImg {filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselImg:hover{filter:alpha(opacity=100);opacity:100;-moz-opacity:100;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselImg .inUse {filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls {width:676px;height:60px;margin:40px 10px 0 0;float:left;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls #buttons {width:68px; background:#003145; height:26px; margin:auto;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls #buttons #prev{width:22px; background:#007AC3 url(../images/CaroselPrevBtn.gif) bottom left no-repeat;; height:26px; display:block; float:left;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls #buttons #prev:hover{background:#007AC3 url(../images/CaroselPrevBtn.gif) top left no-repeat;;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls #buttons #next{width:22px; background:#007AC3 url(../images/CaroselNextBtn.gif) bottom right no-repeat;; height:26px;display:block; float:right;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox #caroselControls #buttons #next:hover{width:22px; background:#007AC3 url(../images/CaroselNextBtn.gif) top right no-repeat;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselHelp {color:#ffffff; background:url(../images/caroselHelpBg.gif) right center no-repeat; padding-right:8px; font-size:14px; position:absolute; margin:0 0 0 28px;} #meetingRoomContainer #roomContainer .roomPadding #rightCol #frameBox .caroselBack {color:#ffffff; font-size:14px; position:absolute; margin:0 0 0 28px; right: 10px; width: 50px; bottom: 30px;} /* ----- RECEPTION IDS (29/04/09) ----- */ #receptionContainer { width:100%; background:#FFFFFF; position:relative;} #receptionContainer #bottomFade { position:absolute; bottom:0; left:0; width:100%; height:10px; background:url(../images/bottomFade.png) 0 0 repeat-x;} #receptionContainer #topFade { width:100%; height:20px; background:url(../images/receptionTopFade.gif) 0 0 repeat-x;} #receptionContainer #reception { width:990px; margin:0 auto;} #receptionContainer #reception #waitingRoom { width:990px; height:770px; background:url(../images/receptionBgMain.jpg) 0 0 no-repeat; position:relative;} #receptionContainer #reception #waitingRoom #welcomeTextDark { position:absolute; top:81px; left:66px; width:555px;} #receptionContainer #reception #waitingRoom #welcomeTextDark .welcomeTitleDark { font-size:24px; font-weight:normal; color:#666666; line-height:26px; padding:0 0 8px 0;} #receptionContainer #reception #waitingRoom #welcomeTextDark p { font-size:18px; color:#666666; line-height:22px; padding:0 0 10px 0;} #receptionContainer #reception #waitingRoom #welcomeText { position:absolute; top:80px; left:65px; width:555px;} #receptionContainer #reception #waitingRoom #welcomeText .welcomeTitle { font-size:24px; font-weight:normal; color:#FFFFFF; line-height:26px; padding:0 0 8px 0;} #receptionContainer #reception #waitingRoom #welcomeText p { font-size:18px; color:#FFFFFF; line-height:22px; padding:0 0 10px 0;} #receptionContainer #reception #waitingRoom #textDark { position:absolute; top:390px; left:375px; width:325px; text-align:right;display:none} #receptionContainer #reception #waitingRoom #textDark .textTitleDark { font-size:24px; font-weight:normal; color:#ffffff; line-height:26px; padding:0 0 8px 0;} #receptionContainer #reception #waitingRoom #textDark p { font-size:16px; color:#ffffff; line-height:20px; padding:0 0 10px 0;} #receptionContainer #reception #waitingRoom #text { position:absolute; top:389px; left:374px; width:325px; text-align:right;} #receptionContainer #reception #waitingRoom #text .textTitle { font-size:24px; font-weight:normal; color:#003145; line-height:26px; padding:0 0 8px 0;} #receptionContainer #reception #waitingRoom #text p { font-size:16px; color:#003145; line-height:20px; padding:0 0 10px 0;} #receptionContainer #reception #waitingRoom #text #registerBtn { float:right; display:block; width:127px; height:27px; background:url(../images/registerBtnReception.png) 0 0 no-repeat;} #receptionContainer #reception #waitingRoom #text #registerBtn:hover { display:block; background:url(../images/registerBtnReception.png) 0 -27px no-repeat;} #receptionContainer #reception #waitingRoom #door { position:absolute; top:43px; left:10px; width:76px; height:168px;} #receptionContainer #reception #waitingRoom #mirror { position:absolute; top:345px; left:14px; width:19px; height:283px;} #receptionContainer #reception #waitingRoom #messageBoard { position:absolute; top:745px; left:130px; width:225px; height:19px;} #receptionContainer #reception #waitingRoom #waterCooler { position:absolute; top:660px; left:590px; width:118px; height:109px;} #receptionContainer #reception #waitingRoom #boardTopRight { position:absolute; top:55px; left:958px; width:31px; height:108px;} #receptionContainer #reception #waitingRoom #pictures { position:absolute; top:305px; left:953px; width:33px; height:244px;} #receptionContainer #reception #waitingRoom #pictureBottom { position:absolute; top:740px; left:380px; width:93px; height:27px;} #receptionContainer #reception #waitingRoom #chairsTop { position:absolute; top:245px; left:110px; width:425px; height:127px;} #receptionContainer #reception #waitingRoom #chairsBottom { position:absolute; top:622px; left:25px; width:565px; height:126px;} #receptionContainer #reception #waitingRoom #waitingRoomMan { position:absolute; top:598px; left:168px; width:131px; height:154px;} #receptionContainer #reception #waitingRoom #pictureRight { position:absolute; top:620px; left:953px; width:32px; height:139px;} #receptionContainer #reception #waitingRoom #people { position:absolute; top:320px; left:745px; width:220px; height:220px;} #receptionContainer #reception #waitingRoom #deskChair { position:absolute; top:20px; left:810px; width:143px; height:135px;} #receptionContainer #reception #waitingRoom #plantRight { position:absolute; top:510px; left:835px; width:150px; height:150px;} #receptionContainer #reception #waitingRoom #plantLeft { position:absolute; top:240px; left:12px; width:97px; height:100px;} #receptionContainer #reception #waitingRoom #deskPlant { position:absolute; top:10px; left:598px; width:86px; height:68px;} #receptionContainer #reception #waitingRoom #deskPC { position:absolute; top:158px; left:726px; width:143px; height:126px;} #receptionContainer #reception #waitingRoom #deskPhone { position:absolute; top:27px; left:685px; width:71px; height:66px;} #receptionContainer #reception #waitingRoom #signInBtn { position:absolute; top:95px; left:657px; display:block; width:111px; height:88px; background:url(../images/signInBtn.png) 0 0 no-repeat;} #receptionContainer #reception #waitingRoom #signInBtn:hover { display:block; background:url(../images/signInBtn.png) 0 -88px no-repeat;} #receptionContainer #reception #waitingRoom #mag01 { position:absolute; top:442px; left:105px; width:66px; height:65px;} #receptionContainer #reception #waitingRoom #mag02 { position:absolute; top:429px; left:143px; width:50px; height:62px;} #receptionContainer #reception #waitingRoom #mag03 { position:absolute; top:457px; left:168px; width:50px; height:62px;} #receptionContainer #reception #waitingRoom #mag04 { position:absolute; top:467px; left:265px; width:63px; height:56px;} #receptionContainer #reception #waitingRoom #mag05 { position:absolute; top:483px; left:315px; width:50px; height:60px;} #receptionContainer #reception #waitingRoom #mag06 { position:absolute; top:483px; left:265px; width:63px; height:63px;} #receptionContainer #reception #infoArea { width:990px; height:254px; background:url(../images/receptionBgBottom.jpg) 0 0 no-repeat; position:relative;} #receptionContainer #reception #infoArea #bottomDoor{ position:absolute; top:50px; left:947px; width:35px; height:155px;} #receptionContainer #reception #infoArea #meetingRoomBtn { display:block; width:168px; height:56px; background:url(../images/meetingRoomBtn.png) 0 0 no-repeat; position:absolute; top:75px; left:753px;} #receptionContainer #reception #infoArea #meetingRoomBtn:hover { display:block; background:url(../images/meetingRoomBtn.png) 0 -56px no-repeat;} #receptionContainer #reception #infoArea .infoPadding { padding:30px 310px 0 70px;} #receptionContainer #reception #infoArea .infoPadding .infoColTitle { color:#007AC0; font-size:24px; font-weight:normal;} #receptionContainer #reception #infoArea .infoPadding p { color:#003366; font-size:14px; padding:0 0 10px 0; line-height:20px;} #receptionContainer #reception #infoArea .infoPadding #left { float:left; width:300px;} #receptionContainer #reception #infoArea .infoPadding #right { float:right; width:280px;} #receptionContainer #reception #infoArea .infoPadding #right ul { list-style:none; padding:0; margin:0 0 10px 0;} #receptionContainer #reception #infoArea .infoPadding #right li { display:block; padding:0 0 0 12px; font-size:14px; background:url(../images/greenSquare.gif) 0 9px no-repeat; line-height:20px;} #receptionContainer #reception #infoArea .infoPadding #right .callLink { font-size:16px; font-weight:bold; color:#007AC0; padding:0 0 0 12px;} /* ----- MEETING ROOM IDS (30/04/09) ----- */ #meetingContainer { width:100%; background:url(../images/grassBg.jpg) 0 0 repeat; position:relative;} #meetingContainer #topFade { position:absolute; top:0; left:0; width:100%; height:23px; background:url(../images/meetingRoomTopFade.png) 0 0 repeat-x;} #meetingContainer #bottomFade { position:absolute; bottom:0; left:0; width:100%; height:23px; background:url(../images/meetingRoomBootomFade.png) 0 0 repeat-x;} #meetingContainer #elementsContainer { width:100%; background:url(../images/meetingRoomElementsBg.jpg) top center no-repeat; height:744px;} #meetingContainer #elementsContainer #chairsContainer { width:880px; height:700px; margin:0 auto; position:relative;} #meetingContainer #elementsContainer #chairsContainer #exitIcon { position:absolute; top:30px; right:-20px; width:48px; height:48px;} #meetingContainer #elementsContainer #chairsContainer #UI { position:absolute; top:190px; left:175px; width:585px; height:381px; background:url(../images/UIBg.png) 0 0 no-repeat;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding { padding:34px 5px 0 30px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent { width:481px; height:170px; overflow:auto; margin-bottom:11px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage { margin-bottom:5px; font-size:12px; color:#224c5e;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor { float:left; width:50px; margin-right:10px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor .green { color:#9bce59;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage .messageAuthor .blue { color:#29abe2;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #UIContent .UImessage p { padding:0; float:left; width:400px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm { height:53px; background:url(../images/messageInputBg.gif) 0 0 no-repeat; margin-left:50px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm .messageInput { float:left; width:342px; height:36px; padding:2px 7px 5px 7px; margin:3px 8px 0 2px; border:1px solid #ffffff; font-size:12px !important; color:#224c5e !important;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm #sendBtn { display:block; float:left; width:59px; height:26px; background:url(../images/sendBtn.gif) top center no-repeat; margin-top:12px;} #meetingContainer #elementsContainer #chairsContainer #UI .UIPadding #messageForm #sendBtn:hover { display:block; background:url(../images/sendBtn.gif) -18px -30px no-repeat;} #meetingContainer #elementsContainer #chairsContainer #chair01 { position:absolute; top:0px; left:250px;} #meetingContainer #elementsContainer #chairsContainer #chair02 { position:absolute; top:25px; left:510px;} #meetingContainer #elementsContainer #chairsContainer #chair03 { position:absolute; top:100px; left:725px;} #meetingContainer #elementsContainer #chairsContainer #chair04 { position:absolute; top:300px; left:740px;} #meetingContainer #elementsContainer #chairsContainer #chair05 { position:absolute; top:520px; left:620px;} #meetingContainer #elementsContainer #chairsContainer #chair06 { position:absolute; top:520px; left:315px;} #meetingContainer #elementsContainer #chairsContainer #chair07 { position:absolute; top:490px; left:10px;} #meetingContainer #elementsContainer #chairsContainer #chair08 { position:absolute; top:245px; left:-50px;} #meetingContainer #elementsContainer #chairsContainer #chair09 { position:absolute; top:50px; left:10px;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .imgTitleSpacer { display:block; margin-bottom:20px;} .greenText { color:#8CC63F; font-weight:bold;} .title2 { color:#FFFFFF; font-size:220%; font-weight:normal; padding:0;} .title3 { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; line-height:20px; margin-bottom:20px;} .title3NoMargin { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; line-height:20px;} .backLink { font-size:14px; color:#007AC3; font-weight:bold; line-height:20px; margin-bottom:20px; display:block; width:60px;} .subTitle { font-family:"Courier New", Courier, monospace; color:#003145; font-weight:bold; font-size:20px; line-height:20px; margin-bottom:20px;} .viewLink { font-size:12px; color:#003145; font-family:Arial, Helvetica, sans-serif;} .lastPara { padding-bottom:0 !important;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- LISTS ----- */ #articleList { list-style:none; padding:0; margin:0; float:left;} #articleList li { float:left; display:block; padding:0; border-right:1px solid #007AC3;} #articleList li a { float:left; display:block; padding:0 6px; color:#007AC3; font-size:16px; font-family:"Courier New", Courier, monospace; font-weight:bold; line-height:20px;} #articleList li a:hover { text-decoration:underline; color:#003145;} #articleList li a.active { text-decoration:underline; color:#003145;} #articleList li.last { border:none;} /* ----- TOP NAVIGATION ----- */ #header ul { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0;} #header li { float:left; display:block; padding:0; margin:0;} #header li a { float:left; display:block; padding:2px 12px 3px 12px; font-size:180%; color:#003145; line-height:30px;} #header li a:hover { color:#72cdf4; background-color:#FFFFFF; text-decoration:none;} #header li a.active { background:#72cdf4; color:#FFFFFF; text-decoration:none;} #header li a span { color:#007AC3; font-size:60%;} /* ----- SUB NAVIGATION ----- */ #container #subNavContainer ul { float:left; list-style:none; padding:10px 0; margin:0;} #container #subNavContainer li { float:left; display:block; border-right:1px solid #003145;} #container #subNavContainer li a { float:left; display:block; padding:0px 12px; font-size:140%; line-height:18px;} #container #subNavContainer li a:hover { color:#72C7E7; text-decoration:underline;} #container #subNavContainer li a.active { color:#72C7E7; text-decoration:underline;} #container #subNavContainer li.last { float:left; display:block; border-right:none; } #container #subNavContainer li.last a { color: #8CC63F; font-weight: bold; float:left; display:block; padding:0px 12px; font-size:140%; line-height:18px;} #container #subNavContainer li.last a:hover { color:#8CC63F; text-decoration:underline;} #container #subNavContainer li.last a.active { color:#8CC63F; text-decoration:underline;} /* ----- TABBED NAVIGATION ----- */ #messageBoardContainer #boardContent #paperContainer #paper .top #nav { position:absolute; top:-38px; left:11px;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav ul { list-style:none; padding:0; margin:0;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav li { float:left; display:block; padding:0;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #pinTop { position:absolute; top:50px; left:3px;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #homeTab { float:left; display:block; width:59px; height:78px; background:url(../images/homeTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #homeTab:hover { float:left; display:block; width:59px; height:78px; background:url(../images/homeTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #homeTab.active { float:left; display:block; width:59px; height:78px; background:url(../images/homeTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #inboxTab { float:left; display:block; width:121px; height:78px; background:url(../images/inboxTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #inboxTab:hover { float:left; display:block; width:121px; height:78px; background:url(../images/inboxTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #inboxTab.active { float:left; display:block; width:121px; height:78px; background:url(../images/inboxTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #communityTab { float:left; display:block; width:176px; height:78px; background:url(../images/communityTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #communityTab:hover { float:left; display:block; width:176px; height:78px; background:url(../images/communityTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #communityTab.active { float:left; display:block; width:176px; height:78px; background:url(../images/communityTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #adviceTab { float:left; display:block; width:125px; height:78px; background:url(../images/adviceTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #adviceTab:hover { float:left; display:block; width:125px; height:78px; background:url(../images/adviceTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #adviceTab.active { float:left; display:block; width:125px; height:78px; background:url(../images/adviceTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #newsTab { float:left; display:block; width:115px; height:78px; background:url(../images/newsTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #newsTab:hover { float:left; display:block; width:115px; height:78px; background:url(../images/newsTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #newsTab.active { float:left; display:block; width:115px; height:78px; background:url(../images/newsTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #infoTab { float:left; display:block; width:102px; height:78px; background:url(../images/infoTab.gif) 0 0 no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #infoTab:hover { float:left; display:block; width:102px; height:78px; background:url(../images/infoTab.gif) 0 -78px no-repeat;} #messageBoardContainer #boardContent #paperContainer #paper .top #nav #infoTab.active { float:left; display:block; width:102px; height:78px; background:url(../images/infoTab.gif) 0 -78px no-repeat;} /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- PAGINATION ----- */ #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pagination { width:627px; height:20px; margin-bottom:20px; color:#B2B2B2;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pagination a { color:#007AC3; font-weight:bold;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pagination .prev { float:left; width:45px; font-size:140%;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pagination .paging { float:left; width:537px; font-size:140%; text-align:center; color:#003145;} #messageBoardContainer #boardContent #paperContainer #paper .body .padding .pagination .next { float:left; width:45px; font-size:140%;} /* ----- FOOTER ----- */ #footerContainer { width:100%; background:url(../images/footerBg.gif) 0 0 repeat-x;} #footerContainer #footer { width:970px; height:99px; margin:0 auto; position:relative;} #footerContainer #footer #fLogo { position:absolute; top:15px; left:815px;} #footerContainer #footer #blue { position:absolute; top:65px; left:10px; color:#72C7E7; font-size:120%;} #footerContainer #footer #blue a { color:#72C7E7;} #footerContainer #footer ul { list-style:none; padding:0; margin:0; position:absolute; top:45px; left:8px;} #footerContainer #footer li { float:left; display:block; padding:0;} #footerContainer #footer li a { float:left; display:block; padding:0 4px; color:#FFFFFF; font-size:140%; border-right:1px solid #72C7E7; line-height:16px;} #footerContainer #footer li a.last { border:none;} #footerContainer #footer p { padding:0;} #footerContainer #footer a { font-weight:normal; text-decoration:none;} #footerContainer #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 10px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#003145; font-weight:normal; text-decoration:none; outline:none;} a:hover { text-decoration:underline; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:13px !important;} .required { color:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} /* ----- FORM VALIDATION ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- COMP ----- */ #compContainer {background:url(../images/brickBg.jpg) repeat 0 0;} .cont960 {width:960px; margin:0 auto;padding:20px 0;} #boardBg {width:910px; height:620px; margin:0 auto;background:url(../images/boardBg.png) no-repeat 0 0;position:relative;} *html #boardBg {width:910px; height:620px; margin:0 auto;background:#8A6239;} #posterBg {width:870px; height:580px;background:url(../images/tornBg.jpg) repeat 0 0;left:18px;position:relative;top:17px;} #posterBg span {background:transparent url(../images/grafittiText.gif) no-repeat scroll 0 0;display:block;height:120px;left:145px;position:relative;top:210px;width:585px;} #posterContent {position:absolute;top:110px;width:960px;} *html #posterContent {position:absolute;top:120px;width:960px;} #posterContent p {font-size:14px; margin:0 10px;} #posterContent p a {text-decoration:underline;} #posterContent p a:hover{text-decoration:none;} #posterContent .small {font-size:12px;} #posterContent h2 {font-family:"Courier New", Courier, monospace;font-size:20px;padding:0 10px;line-height:24px;margin:5px 0;} #posterContent .white {color:#FFF;} #posterContent .blue {color:#72C5E5;} #posterContent .DarkBlue {color:#003145;} #posterContent #spacer{clear:both;height:200px;} *html #posterContent #spacer{clear:both;height:230px;} #introBox {background:url(../images/introBoxBg.png) no-repeat 0 0; width:430px; height:135px;float:left;padding:15px 20px 20px 10px;} #detailsBox {background:url(../images/detailsBoxBg.png) no-repeat 0 0; width:570px; height:130px;float:left;padding:15px 20px 20px 10px;} #downloadBox {background:url(../images/downloadBoxBg.png) no-repeat 0 0; width:310px; height:130px;float:right;padding:15px 20px 20px 10px;} *html #introBox {background:#003145; width:430px; height:135px;float:left;padding:0;} *html #detailsBox {background:#72C5E5; width:570px; height:130px;float:left;padding:0;} *html #downloadBox {background:#FFF; width:310px; height:130px;float:right;padding:0;} #pdfBtn {width:210px; height:60px; margin:60px 0 0 90px; position:absolute;} #pdfBtn a {width:210px; height:60px; background:url(../images/pdfBtn.gif) no-repeat 0 0;display:block;} #pdfBtn a:hover {background:url(../images/pdfBtn.gif) no-repeat 0 -60px;} /* ----- NEW INTERFACE ----- */ #interfaceLrg { background:#F2F2F2;} #interfaceLrg #chatContainer { background:#ffffff url(../images/whiteShadowBg.gif) repeat-y; padding:0 10px; width:960px;margin:0 auto;} #interfaceLrg .box960 {width:960px; float:left;} #interfaceLrg .box640 {width:640px; float:left;} #interfaceLrg .box320 {width:320px; float:left;} #interfaceLrg h2 {color:#003145; font-size:18px; font-weight:normal; padding:10px 20px;} #chatTop { background:#E6F0F5; border-bottom: 1px solid #99CCCC; height:180px;} #chatTop input {font-size:14px!important;} #chatBox { height:70px; border:1px solid #99CCCC; overflow-y:scroll; width:610px; margin:0 10px; padding:9px;} #chatBtn { float:right;margin:5px auto;padding:3px;width:100px;} #styleSwitcher {padding:10px;} #styleSwitcher a{width:60px; height:60px; border:1px solid #99CCCC; float:left;margin:6px; display:block;} #styleSwitcher a:hover{border:2px solid #007AC3;margin:5px;} #styleSwitcher a.active {border:2px solid #007AC3;margin:5px;} #chatbottom {margin:0 0 50px 0;} #chatFeed {padding:20px; height:100%; overflow-y:scroll;font-size:14px;} #chatFeed .admin {color:#8CC63F} #chatFeed span {font-weight:bold; color:#007AC3;} #chatMenu {font-size:12px; color:#007AC3;} #chatMenu .memberDetails {width:290px; padding:0px; margin:0 0 0 10px; background-color:#EFF6F9;} #chatMenu .memberDetails:hover {background-color:#E6F0F5;} #chatMenu .avatar {width:60px; height:60px; border:1px solid #99CCCC; float:left;margin:10px;} #chatMenu span {font-weight:bold;display:block;padding:10px 0 5px 0} #chatMenu p {margin:10px;} /* ----- REAL QUITTERS ----- */ .blueBg {background:#E3F4FA} .btnBlue {background:#007AC3;float:left;font-size:12px;height:24px;line-height:22px;text-align:center; width:auto; padding:0 10px;color:#FFFFFF;} .btnBlue:hover {background:#72C7E7; text-decoration:none;} .btnBlue {-moz-border-radius:5px;-webkit-border-radius:5px;} #roundedGreenBox .body.alt #blogNav {padding:0 23px;} #roundedGreenBox .body.alt #blogNav h1 {font-size:24px;} #roundedGreenBox .body.alt #blogNav .btnBlue {width:80px;margin:8px 20px 0 0; color:#fff; font-size:14px; font-weight:bold;} #roundedGreenBox .body.alt .imgTitleSpacer {padding-left:23px;} #roundedGreenBox .body.alt .intro { padding:20px; margin:0 3px; font-size:18px;} #roundedGreenBox .body.alt li {padding:0; margin:0 0 10px;} #roundedGreenBox .body.alt ul#blogList {padding:20px 23px 20px 13px; margin:0;} #roundedGreenBox .body.alt ul#blogList.entries {padding:0 23px 20px 13px; } #roundedGreenBox .body.alt ul#blogList li {list-style:none; clear:both; margin-bottom:10px;border-top:1px solid #ccc;} #roundedGreenBox .body.alt ul#blogList li img, .body.alt .quitterInfo img{ width:89px; height:89px; padding:15px; background:url(../images/featuredPicBgWht.png) 0 0 no-repeat; float:left;} #roundedGreenBox .body.alt ul#blogList li .btnBlue {margin:10px;width:100px; text-decoration:none; padding:0;} #roundedGreenBox .body.alt ul#blogList .btnBlue{color:#FFFFFF;} #roundedGreenBox .body.alt ul#blogList li div {width:470px; float:right; padding-top:10px;} #roundedGreenBox .body.alt ul#blogList.entries li div {width:470px; float:right; padding-top:0px;} #roundedGreenBox .body.alt ul#blogList li h4 {font-size:18px;padding:0;} #roundedGreenBox .body.alt ul#blogList li h4 a {color:#003145;} #roundedGreenBox .body.alt ul#blogList li h6 {font-size:16px; font-weight:normal;padding:0; color:#007AC3;} #roundedGreenBox .body.alt ul#blogList li p{font-size:14px; line-height:22px; color:#333; padding:10px 0;} #roundedGreenBox .body.alt ul#blogList li p.day {background:#8CC63F;float:left;font-size:21px;height:24px;line-height:22px;margin:15px 10px;text-align:center;width:100px; color:#FFF;} #roundedGreenBox .body.alt .quitterInfo { padding:10px 20px 10px 10px; margin:0 3px; font-size:18px; overflow:hidden;} #roundedGreenBox .body.alt .quitterInfo h4 {font-size:21px;padding:10px 0 0;width:470px; float:right;} #roundedGreenBox .body.alt .quitterInfo h6 {font-size:16px; font-weight:normal;padding:0; color:#007AC3;width:470px; float:right;} #roundedGreenBox .body.alt .quitterInfo .bio {font-size:14px; width:470px; float:right;padding:10px 0;} #roundedGreenBox .body.alt .pageNav h6 {font-size:16px; color:#99CAE7; text-align:center; padding:0;} #roundedGreenBox .body.alt .pageNav {height:50px; clear:both;} #roundedGreenBox .body.alt .pageNav h6 {line-height:50px;} #roundedGreenBox .body.alt .pageNav .btnBlue {width:100px;} #roundedGreenBox .body.alt .pageNav a {color:#FFF; width:60px; margin:0 20px; font-size:14px; font-weight:bold;} #roundedGreenBox .body.alt .pageNav a.prev {float:left;} #roundedGreenBox .body.alt .pageNav a.next {float:right;} .blog_comment_form textarea{width: 400px; height: 100px; border: 1px solid #007ac3;} .blog_comment_form .submit{width: 75px; height: 24px; border: none;}