/*====================================================================
Site: Smokefree Young Persons Project
Copyright 2010 Red Bullet
Author: Red Bullet Web Design Ltd
======================================================================
GLOBAL STYLE SHEET
======================================================================*/
/* RESETS */
* {margin: 0; padding: 0; border: 0;}
ol,ul {list-style:none;}
:focus {outline:0;}

html, body {height: 100%; font-family:Arial, Helvetica, sans-serif; color:#444;}
p {line-height:1.5em;}
a {color:#003145;}
a:hover {text-decoration:none;}
.clear {clear:both;}
/*====================================================================
BASE
======================================================================*/

/* BASE ID's */
#wrapper {min-height:100%;height:auto!important;height:100%; margin:0 auto -60px;}
#push {height:60px; clear:both;}
#container {width:1000px; margin:0 auto;}
#header {float:left;height:120px;width:1000px;}
#content {float:left; width:1000px;}
#footer {width:100%;}

/* Header Styles */
#header #logo {height:125px; width:233px; float:right;margin-right:10px;}
#header #logo a {height:125px; width:233px;background:url("../images/sfyp_logo.png") no-repeat 0 -5px; display:block; text-indent:-9999px;}
#header #logo a:hover {background:url("../images/sfyp_logo.png") no-repeat 0 0px; }
#header #sectionNav {margin-left:20px;}

/* Section Nav Styles */
#sectionNav li {margin-right:10px; float:left; width:auto}
#sectionNav li a {background-image:url("../images/navBg.png"); display:block; text-indent:-9999px;}

#sectionNav li#shockBtn a {background-position:0 0; width:140px; height:100px;}
#sectionNav li#shockBtn a:hover {background-position:0 -120px;}
#sectionNav li#shockBtn a.active {background-position:0 -240px;}

#sectionNav li#incentBtn a {background-position:-150px 0; width:152px; height:100px;}
#sectionNav li#incentBtn a:hover {background-position:-150px -120px;}
#sectionNav li#incentBtn a.active {background-position:-150px -240px;}

#sectionNav li#adviceBtn a {background-position:-305px 0; width:145px; height:105px;}
#sectionNav li#adviceBtn a:hover {background-position:-305px -120px;}
#sectionNav li#adviceBtn a.active {background-position:-305px -240px;}

#sectionNav li#successBtn a {background-position:-455px 0; width:155px; height:105px;}
#sectionNav li#successBtn a:hover {background-position:-455px -120px;}
#sectionNav li#successBtn a.active {background-position:-455px -240px;}

#sectionNav li#shareBtn a {background-image:url("../images/shareNavBg.png"); background-position:-10px 0; width:155px; height:105px;}
#sectionNav li#shareBtn a:hover {background-position:-10px -120px;}
#sectionNav li#shareBtn a.active {background-position:-10px -240px;}


/* Footer Styles */
#footer ul#nav {width:920px; background:url("../images/footerBg.png") no-repeat 0 0; height:60px; margin:0 auto; padding:0 20px; position:relative; z-index:99;}
#footer ul#nav li {font-size:16px; float:left; margin:20px 5px 0; font-weight:bold;}
#footer ul#nav li a {padding:4px 6px 7px; color:#003145; text-transform:lowercase; text-decoration:none; font-style:italic;}
#footer ul#nav li a:hover {background:#72CDF4;color:#fff;}
#footer ul#nav li.active a {background:#D9E021; color:#fff;}
#footer ul#nav li#nhsLink {float:right;background:url("../images/nhsLogo.gif") no-repeat 0 0; margin:12px 0 0; width:150px;} 
#footer ul#nav li#nhsLink a {text-indent:-9999px;padding:0; display:block;}
#footer ul#nav li#nhsLink a:hover {background:none;}


/*====================================================================
Home
======================================================================*/
body#home {background:#333;}
body#home #wrapper {background:url("../images/homeBg.jpg") repeat-x;}
body#home #sectionNav {display:none;}
body#home #content {width:1000px; margin-top:10px; height:500px;}
#header h2 {background:url("../images/welcomeBg.png") no-repeat 0 0; width:615px; height:100px; margin:25px 0 0;font-style:italic; text-indent:-9999px}
#content .banner {float:left;margin-left:-10px;}
#content .banner h2 a{text-indent:-9999px;}
#shockBanner, #shockBanner a{width:260px; height:330px;}
#shockBanner {background:url("../images/shockBanBg.png") no-repeat 0 30px;}
#shockBanner h2 {position:relative; left:-10px;}
#shockBanner a {background:url("../images/shockBgLrg.png") no-repeat 0 0; display:block;}
#shockBanner a:hover {background:url("../images/shockBgLrg.png") no-repeat -360px 0;}
#incentBanner, #incentBanner a{width:260px; height:375px;}
#incentBanner {background:url("../images/incentBanBg.png") no-repeat 0 30px;}
#incentBanner h2 {position:relative; left:-5px;}
#incentBanner a {background:url("../images/incentBgLrg.png") no-repeat 0 150px; display:block;}
#incentBanner a:hover {background:url("../images/incentBgLrg.png") no-repeat -334px 150px;}
#adviceBanner, #adviceBanner a{width:260px; height:375px;}
#adviceBanner {background:url("../images/adviceBanBg.png") no-repeat 0 30px;}
#adviceBanner h2 {position:relative; left:-5px;}
#adviceBanner a {background:url("../images/adviceBgLrg.png") no-repeat 0 0; display:block;}
#adviceBanner a:hover {background:url("../images/adviceBgLrg.png") no-repeat -338px 0;}
#successBanner, #successBanner a{width:260px; height:345px;}
#successBanner {background:url("../images/successBanBg.png") no-repeat 0 30px;}
#successBanner h2 {position:relative; left:-15px;}
#successBanner a {background:url("../images/successBgLrg.png") no-repeat 0 230px; display:block;}
#successBanner a:hover {background:url("../images/successBgLrg.png") no-repeat -330px 230px;}

/*====================================================================
Shock
======================================================================*/
body#shock {background:#FCEE21 url("../images/shockBg.png") repeat-x;}
body#shock #sectionNav {position:absolute; z-index:1;}
body#shock #content h1 {background:url("../images/shockTitleBg.png") no-repeat;font-size:18px;padding:34px 0 25px;text-indent:245px; color:#006699;}
body#shock #content h1 span {display:none;}
body#shock ul#frames {padding:10px 0 0 10px;}
body#shock #about {background: #FFF; width:960px; margin:20px 0 40px 20px; float:left;}
body#shock #about #submit {background:#003145; float:right; width:280px; }

#about h2 {margin-top:-20px; position:absolute; background:url("../images/titleAboutGal.png") no-repeat; width:181px; height:36px; display:block;}
#about h2 span  {display:none;}
#about  p {padding:25px 15px 0; float:left; font-size:14px; width:650px;}
#about  p  span {font-size:12px;float:left;padding-top:5px;}
#submit h3 {color:#72CDF4; font-style:italic; font-weight:bold; font-size:16px;padding:15px;}
#submit a {color:#003145; background:#D9E021; font-weight:bold; padding:10px 15px ; font-size:14px; width:250px; display:block; text-align:center;}

/* Frame Backgrounds */
ul#frames li {background-repeat:no-repeat; float:left;}
ul#frames li a{margin:30px auto; width:65%; height:65%;}
#frame1, #frame2, #frame3, #frame4, #frame10 {background-image:url("../images/frameSet1.png")}
#frame5, #frame7, #frame8, #frame9 {background-image:url("../images/frameSet2.png")}
#frame6 {background-image:url("../images/frameOval.png")}

/* Frame Positioning */
#frame1 {width:235px; height:200px; background-position:0 0;}
#frame2 {width:225px; height:190px; background-position:0 -213px;}
#frame3 {width:260px; height:215px; background-position:0 -416px;}
#frame4 {width:250px; height:305px; background-position:right top; }
#frame5 {width:380px; height:280px; background-position:0 0;margin-top:-90px;}
#frame6 {width:250px; height:360px; background-position:0 0;margin-top:-90px;}
#frame7 {width:336px; height:255px; background-position:right top;}
#frame8 {width:337px; height:285px; background-position:bottom left; clear:left;margin-top:-55px;}
#frame9 {width:365px; height:290px; background-position:bottom right;}
#frame10 {width:260px; height:340px; background-position:bottom right;margin-top:-15px;}

/* Image Sizes */
ul#frames li img{position:absolute;}
#frame1 img {height:120px; width:155px; margin:40px 0 0 42px; }
#frame2 img {height:105px; width:130px; margin:40px 0 0 50px; }
#frame3 img {height:125px; width:165px; margin:44px 0 0 49px; }
#frame4 img {height:200px; width:140px; margin:55px 0 0 47px; }
#frame5 img {height:175px; width:270px; margin:55px 0 0 62px; }
#frame6 img {height:180px; width:125px; margin:108px 0 0 63px;}
#frame7 img {height:135px; width:225px; margin:62px 0 0 51px; }
#frame8 img {height:200px; width:245px; margin:42px 0 0 52px; }
#frame9 img {height:160px; width:235px; margin:57px 0 0 60px; }
#frame10 img {height:195px; width:135px; margin:80px 0 0 57px; }

/* Button Position */
#frame1 a span{margin-top:70px;}
#frame2 a span{margin-top:60px;}
#frame3 a span{margin-top:75px;}
#frame4 a span{margin-top:125px; margin-left:40px}
#frame5 a span{margin-top:110px;}
#frame6 a span{margin-top:165px;}
#frame7 a span{margin-top:100px; margin-left:70px}
#frame8 a span{margin-top:110px; margin-left:85px}
#frame9 a span{margin-top:105px; margin-left:80px}
#frame10 a span{margin-top:140px; margin-left:48px}

/* Button Fade */
.fadeThis {position:relative;display:block;background:none; cursor:default;}
.fadeThis  * {display: none;}
.fadeThis span.hover {display: block;height: 60px;width: 60px;margin:30px auto;background:url("../images/questionBtn.png") 0 -60px no-repeat;cursor:pointer;}
.fadeThis span:hover {background:url("../images/questionBtn.png") 0 -120px no-repeat;}

/* Button Fade */


/*====================================================================
Advice
======================================================================*/
body#advice {background:#bac9d0 url("../images/adviceBodyBg.gif") repeat;}
body#advice #sectionNav {position:absolute; z-index:1;}
body#advice #wrapper {background:url("../images/advicePaperBg.jpg") repeat-x center top;}
body#advice #header {height:500px}
body#advice #hero {position:absolute;width:670px; height:380px; top:1px;}
body#advice #videoBox {width:320px;height:380px;margin:120px 0 0 680px;position:absolute;}
body#advice #sidebar {float:right; width:310px;}

#hero #heading {background:url("../images/titleAdvice.gif") repeat-x center top; width:560px; height:283px;margin:135px 0 0 10px;position:absolute;}
#hero #heading h1 , #hero #heading a span {text-indent:-9999px;}
#hero #heading #joinLink a {display:block; height:56px; background:url("../images/joinLink.gif") no-repeat 0 -56px;margin:43px 0 0 227px;position:relative;width:236px;text-indent:-9999px;z-index:3;}
#hero #heading #joinLink a:hover {background:url("../images/joinLink.gif") no-repeat 0 0;}
#hero #heading #aloneLink a {background:url("../images/aloneLink.gif") no-repeat scroll 0 -56px transparent;display:block;height:56px;margin:83px 0 0 362px;position:relative;width:200px; text-indent:-9999px;}
#hero #heading #aloneLink a:hover{background:url("../images/aloneLink.gif") no-repeat scroll 0 0 transparent;}

#hero #footballer {float:right; width:212px; height:444px; background:url("../images/footballer.png") no-repeat 0 0;}
#hero #kids {position:absolute; top:195px; float:left; width:339px; height:273px;background:url("../images/kids.png") no-repeat 0 0;}
#videoBox h3{background:url("../images/titleAdBlocks.gif") no-repeat 0 0; height:36px; width:235px; text-indent:-9999px; margin:20px 0 0; position:absolute; z-index:1;}
#videoBox #vidPreview{margin-top:20px; height:220px;}
#videoBox #vidPreview img {position:absolute;}
#videoBox #vidPreview a {width:255px; height:160px; background:url("../images/playBtn.png") no-repeat 0 0; display:block; position:absolute; margin:35px 0 0 27px;font-size:0;}
#videoBox #vidPreview a:hover {background:url("../images/playBtn.png") no-repeat 0 bottom;}
#videoBox p {margin-left:25px; font-size:14px; font-style:italic;color:#006699;}

#commentList {width:690px;float:left;}
#commentList h2 {background:url("../images/titleCommentList.gif") no-repeat 0 0; font-size:17px;padding:30px 0 25px;text-indent:260px; color:#006699;}
#commentList ul {float:right; width:670px; margin:20px 0 50px;}
#commentList ul li {margin:0 0 30px; float:left; width:auto;}
#commentList .avatar {background:url("../images/avatarBg.gif") no-repeat 0 0; width:133px; height:133px; float:left; margin-right:25px;}
#commentList .avatar img {margin:14px; border:1px solid #006699;}
#commentList .comment {padding:10px;float:right;width:490px;}
#commentList .comment h4 {padding:0 10px 10px; color:#003145}
#commentList .comment p  span {border-left:30px solid transparent;border-top:40px solid #FFFFFF;font-size:0;line-height:0;margin:-10px 0 0 -40px;position:absolute;width:0;}
#commentList .comment h4 span {font-weight:normal;}
#commentList .comment p {background:#fff; padding:10px;}

#sidebar h3 {height:36px; width:235px; text-indent:-9999px; margin:-20px 0 0 -10px; position:absolute; z-index:1;}
#sidebar #gumAd h3 {background:url("../images/titleAdBlocks.gif") no-repeat -270px 0; }
#sidebar #quitKitAd h3 {background:url("../images/titleAdBlocks.gif") no-repeat -526px 0; }
#sidebar .adblock  {background:#C7EBFB;width:240px; margin:40px 0 20px 40px;float:left;}
#sidebar .adblock  p {color:#006699; font-style:italic; padding:30px 15px 20px;font-size:14px;font-weight:bold;}
#sidebar .adblock  a {color:#003145; background:#D9E021; font-weight:bold; padding:10px 15px ; font-size:13px; width:210px; display:block; text-align:center;}

/*====================================================================
Incentives
======================================================================*/

body#incentives #wrapper {background:#bac9d0 url("../images/incentivesBg.png") repeat-x;}
body#incentives #container {background:url("../images/paperShadowBg.png") repeat-y; height:1266px; margin-bottom:60px;}
#paperBg {background:url("../images/paperBg.jpg") no-repeat 10px 0; height:1280px;}
#facts {height:950px;}

#health p, #lifestyle p, #health h1, #lifestyle h1 {text-indent:-9999px;position:absolute;}
#health h1 {background:url("../images/titleBetterHealth.png") no-repeat 0 0; width:280px; height:80px; margin:0 0 0 10px;}
#health p#oneH {background:url("../images/reduceBg.gif") no-repeat 0 0; height:170px;  width:300px; margin:110px 0 0 30px;}
#health p#twoH {background:url("../images/fitnessBg.gif") no-repeat 0 0; height:280px; width:400px; margin:300px 0 0 30px;}
#health p#threeH {background:url("../images/tasteBg.gif") no-repeat 0 0; height:110px; width:265px; margin:590px 0 0 30px;}

#lifestyle h1 {background:url("../images/titleBetterLifestyle.png") no-repeat 0 0; width:280px; height:80px; margin:0 0 0 455px;}
#lifestyle p#oneL {background:url("../images/saveBg.gif") no-repeat 0 0; height:150px; width:460px; margin:102px 0 0 487px;}
#lifestyle p#twoL {background:url("../images/appearanceBg.gif") no-repeat 0 0;height:150px; width:460px; margin:283px 0 0 410px;}
#lifestyle p#threeL {background:url("../images/fireBg.gif") no-repeat 0 0;height:160px; width:330px; margin:420px 0 0 600px;}
#lifestyle p#fourL {background:url("../images/socialBg.gif") no-repeat 0 0;height:175px; width:320px; margin:625px 0 0 490px;}

#links {width:940px; background:#fff; margin:0 auto; height:156px; border:1px solid #ccc;}
#links h2 {background-image:url("../images/titleLinks.gif"); height:36px; text-indent:-9999px; width:180px; margin:-20px 0 0 -13px; background-repeat:no-repeat;}
#links #cost h2 {background-position:-210px 0;} #links #promise h2 {background-position:-423px 0;}
#links div{width:300px; float:left; padding:0 5px;}
#links div#time {margin-right:10px;}
#links p a {font-style:italic; color:#006699; font-size:16px; width:170px; float:left;padding:10px 0 0 10px;}
#links p img {float:right;}

/*====================================================================
Success
======================================================================*/

body#success #wrapper {background:#B3E1F8 url("../images/successBg.jpg") no-repeat top center;}

#video {width:680px; float:left;}
#videoSidebar {width:270px; float:right; padding:10px; background:#fff;margin-top:29px;background:url("../images/sideBarBg.png") repeat-y 0 0; margin-right:15px;}

#video  h1 {background:url("../images/titleWatching.png") no-repeat 0 0; font-size:13px;padding:37px 0 25px;text-indent:220px; color:#006699;width:680px;}
#video  h1  span {display:none;}

#video #player {width:660px; height:365px; padding:0 10px 10px; background:url("../images/videoBg.png") repeat-y 0 0; margin-left:10px; overflow:hidden;margin-bottom:100px;}
#video #player1 {width:660px; height:450px; padding:68px 0 10px 10px; background:url("../images/videoBg.png") repeat-y 0 0; margin-left:10px; overflow:hidden;margin-bottom:100px;}
#video #player img {width: 640px; height:355px; margin:9px; border:1px solid #006699;}
#video #player object {padding:10px; z-index:1; position:relative;top:-58px;}

#video #player1 img {width: 640px; height:355px; margin:9px; border:1px solid #006699;}
#video #player1 object {padding:10px; z-index:1; position:relative;top:-58px;}

#videoDetails h2, #relatedVideos h2{display:block;font-size:16px;height:36px;margin-left:-15px;position:relative;text-indent:-9999px;width:200px;}
#videoDetails {line-height:1.5em; padding:0 5px;}
#videoDetails h2 {background:url("../images/titleShare.gif") no-repeat 0 top; margin-top:-20px; margin-bottom:10px;}
#videoDetails h3 {color:#003145; font-size:16px;}
#videoDetails h4 {color:#72CDF4; font-size:14px;font-weight:normal;}
#videoDetails h5 {color:#003145; font-size:12px;;}
#videoDetails p {font-size:12px; margin:0 0 10px 0;}

#relatedVideos {margin-top:15px;}
#relatedVideos h2 {background:url("../images/titleVideoSidebar.gif") no-repeat 0 bottom;}
#relatedVideos ul li {float:left; width:270px; margin:5px 0; clear:left;}
#relatedVideos ul li img{width:80px; border:5px solid #72CDF4; float:left; margin:4px;}
#relatedVideos ul li a {margin:5px 0 0 10px;color:#003145; font-size:14px;color:#006699;float:left;}

#videoList {clear:both; width:980px; margin:30px 10px; float:left;}
#videoList h2 {background:url("../images/titleMoreVids.png") no-repeat;height:70px;text-indent:-9999px;width:200px;}
#videoList ul {margin-left:10px;}
#videoList ul li {width:140px; background:url("../images/videoListBoxBg.png") no-repeat; height:180px; float:left; margin:5px; padding:5px;}
#videoList ul li img {margin:5px 4px; width:130px; height:90px;}
#videoList ul li a {font-size:12px;color:#006699; padding:0 10px; float:left;}

#winners {width:940px; float:left; background:#fff; margin:0 0 40px 30px;padding-bottom:20px;}
#winners h2 {background-image:url("../images/titleCompetition.gif"); height:36px; text-indent:-9999px; width:900px; margin:-20px 0 0 -13px; background-repeat:no-repeat;}
#winners .imgGalleryThumb {width:135px; float:left; padding:15px 5px 0 15px;}
#winners div#first {margin-right:10px;}
#winners p a {font-style:italic; color:#006699; font-size:16px; width:130px; float:left;padding:10px 0 0 10px;}
#winners p img {float:right;padding-top:10px; width:150px;}



/* ----- 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:320px; float:left; }
input { width:200px; font-size:13px !important; border: 1px solid #003f5f; height: 22px; padding: 2px;}
select {width:455px; font-size:13px !important; border: 1px solid #003f5f; height: 22px; padding: 2px;  }

input.long, select#find_out, select#nature_of_enquiry {width: 430px; background:url("../images/inputLongBg.png") no-repeat 0 0; height:30px; padding:4px 10px; border:none; font-size:18px !important; color:#006699; }
input.long:focus , select#find_out:focus, select#nature_of_enquiry:focus {background:url("../images/inputLongBg.png") no-repeat 0 bottom;}
select#find_out, select#nature_of_enquiry{height:38px;width:450px;}
select#nature_of_enquiry option {width:460px; font-size:13px!important;margin-bottom:5px;}
select#nature_of_enquiry option:first-child {font-size:18px!important;margin-bottom:0px;}

textarea {width: 450px; height: 250px;border: 1px solid #003f5f;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; }
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submitBtn { 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; }


/*====================================================================
CMS styles
======================================================================*/
body#generic {background:#E3F5FD;}
body#generic #container {background:#fff;}
body#generic #content {margin-bottom:40px;}
body#generic #footer {margin-top:40px;}
body#generic #footer ul#nav {width:920px; background:url("../images/footerBg.png") no-repeat 0 0; height:60px; margin:0 auto; padding:0 20px; position:relative; z-index:99;}
.cont640 {width:640px; float:left; padding:0 20px;}
.cms-content h1.block {background:url("../images/blockBg.gif") no-repeat 0 0; line-height:36px; width:auto; color:#fff; font-size:21px; font-style:italic; font-family: verdana, arial, sans-serif; font-weight:normal; text-indent:5px; display:inline-block; padding:0; margin-left:-20px;}
.cms-content h1.block  span {background:url("../images/blockBg.gif") no-repeat right bottom; line-height:36px; display:block; padding:0 25px 0 0; margin-left:20px;}
.cms-content p {font-size:16px; line-height:24px; margin:10px 0 20px;}
.cms-content ul {list-style:square outside none; padding-left:16px;}
.cms-content ul li {line-height:24px;padding-bottom:15px;}

/*====================================================================
Light Box
======================================================================*/

.LB-window {width:100%; height:100%; position:absolute; top:0; z-index:99; left:0;}
.LB-box{margin:20px auto; width:700px; background:url("../images/lbBg.png") no-repeat top center; padding:14px;}
.LB-content {width:680px; background:#FFF; padding:11px 8px;} 
.LB-content img {width:680px !important; height:412px!important; margin:0 0 15px!important;float:left;position:relative!important;}
.LB-content h3 {font-size:18px;clear:both;color:#fff;font-style:italic; background:url("../images/lbTitle.gif") no-repeat top left;font-weight:normal; display:inline; padding:2px 0 4px 15px;margin:0 0 10px -5px; font-family:verdana, arial, sans-serif;}
.LB-content h3 span {font-weight:bold;background:url("../images/lbTitle.gif") no-repeat top right;padding:0 15px 2px 5px;}
.LB-content p {padding:10px 10px 0; font-size:12px;}
.LB-content .question {padding:10px; background:#E3F5FD; color:#006699; margin-top:15px;}
.LB-content .question  h4 {font-size:16px; font-style:italic; padding:3px 0 10px; }
.LB-content .question label {display:block;margin:0 0 5px;}
.LB-content .question input {margin-right:10px;}
.LB-content .footnote {display:block; text-align:right;padding:10px 0 0; color:#ccc;}
.LB-content a.close {position:relative!important; float:left; width:auto!important;height:auto!important;margin:0!important;background:#006699; color:#FFF; font-size:12px; padding:3px 10px;}
.LB-content .footnote a:hover {background:#003145;}

/*====================================================================
MESSAGING
======================================================================*/
#errorBlock {border: 1px solid #cc0000; margin: 5px 0 5px 0; background: #ffd2d3; padding: 0 0 5px 0; clear:both;}
#errorBlockTitle{font-weight: bold; color: #fff; padding: 5px 5px 5px 10px; margin: 0 0 10px 0; background: #cc0000; text-transform: uppercase; font-size: 11px;}
#errorBlockMsg {font-weight: normal; font-size: 12px; color: #000; padding-left: 10px;}
#errorBlockMsg li{ list-style:none;}

#infoBlock {border:1px solid #006600; margin: 5px 0 5px 0; background:#ecffec; padding: 5px 0 5px 0; clear:both;}
#infoBlockMsg {font-weight: normal; font-size: 12px; color: #000; padding-left: 10px;}