@charset "utf-8"; /* CSS Document */ /* ----------------- B O S G E N E R A L S T Y L E S ----------------------------------*/ .clearFox { clear: both; height: 0; } /* ---See http://www.positioniseverything.net/easyclearing.html) ----*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */ /* Hide Fcous Outline in Firefox */ *:focus { outline-style:none; } body { background: #d9f1fb url(../images/bg.gif) top left repeat-x; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } #divWrapper { width: 983px; margin: 0 auto; padding: 0; } a:link, a:visited { color: #0081C7; } a:hover, a:active { color: #0254a8; } input.submitButton { background-color: #67e07d; border: 1px solid #009900; color: #fff; font-size: 17px; font-weight: bold; padding: 6px; cursor: pointer; } input.resetButton { background-color: #ecab53; border: 1px solid #bf5e00; color: #fff; font-size: 17px; font-weight: bold; padding: 6px; cursor: pointer; } .passError { color: #900; font-size: 12px !important; background: url('../images/error.gif') no-repeat center left; padding-left: 19px; } #atffc { display: none; } /* ----------------- E O S G E N E R A L S T Y L E S ----------------------------------*/ /* ----------------- B O S C M S S T Y L E S ----------------------------------------*/ body.cke_show_borders { background-color: #d9f1fb; background-image: none; } body.cke_show_borders #cmsHomeLinks { width: 293px; background: url(../images/bg-homeColBot.jpg) no-repeat right bottom; margin-left: 10px; } body.cke_show_borders #cmsHomeLinks p { color:#3C7FBD; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; letter-spacing:-1px; line-height:1.5em; margin:0; padding:7px 10px 0; } body.cke_show_borders #cmsHomeLinks h2 { height: 34px; background: url(../images/stretch02.gif) no-repeat left top; font-size:10px; text-indent:-8000px; } body.cke_show_borders #divHomeBottomMainRight { float: none; padding: 20px; background-color: #0182c6; } body.cke_show_borders .divQuestions { padding: 20px; background-color: #fff; } /* ----------------- E O S C M S S T Y L E S ----------------------------------------*/ /* ----------------- B O S H E A D E R S T Y L E S ----------------------------------*/ #divHeader { height: 131px; width: 983px; } #divHeader h1 { width: 258px; height: 95px; text-indent: -8000px; font-size: 10px; background: url(../images/logo.jpg) top left no-repeat; float: left; margin: 0 0 0 0; padding: 0; } #divHeader h1 a { display: block; height: 100%; width: 100%; text-decoration: none; } #divHeader h1.loggedin { width: 258px; height: 95px; text-indent: -8000px; font-size: 10px; background: url(../images/logo.jpg) top left no-repeat; float: left; margin: 0; padding: 0; } #divSML { float: left; width: 139px; padding-top: 18px; } #divSML p { margin: 0; } #divSML a img { border: none; } #formLogin p { width: 161px; float: left; } #pUser { color: #cfcfcf; font-size: 12px; } #pPass { color: #cfcfcf; font-size: 12px; } #pPass a { color: #88b4d7; } #pUser label { text-indent: -8000px !important; width: 108px; height: 18px; background: url(../images/username.gif) top left no-repeat; display: block; } #pPass label { text-indent: -8000px !important; width: 68px; height: 18px; background: url(../images/password.gif) top left no-repeat; display: block; } #pLogin { width: 53px !important; padding-top: 13px; } #fLogin { width: 170px !important; padding-top: 14px; padding-left:10px;} #ulTopNav { clear: both; width: 983px; list-style: none; height: 36px; background: url(../images/bg-topnav.jpg) top left repeat-x; margin: 0; padding: 0; overflow: hidden; } #ulTopNav li { float: left; height: 36px; text-indent: -8000px; font-size: 10px; } #liTopNav01 { width: 137px; } #liTopNav02 { width: 216px; } #liTopNav03 { width: 133px; } #liTopNav04 { width: 86px; } #liTopNav05 { width: 64px; } #liTopNav06 { width: 117px; } #liTopNav07 { width: 143px; } #liTopNav08 { width: 104px; } #ulTopNav li a { height: 100%; width: 100%; display: block; text-decoration: none; } #liTopNav01 a:link, #liTopNav01 a:visited { background: url(../images/liTopNav-01.jpg) top left no-repeat; } #liTopNav01 a:hover, #liTopNav01 a:active { background: url(../images/liTopNav-01.jpg) bottom left no-repeat; } #liTopNav02 a:link, #liTopNav02 a:visited { background: url(../images/liTopNav-02.jpg) top left no-repeat; } #liTopNav02 a:hover, #liTopNav02 a:active { background: url(../images/liTopNav-02.jpg) bottom left no-repeat; } #liTopNav03 a:link, #liTopNav03 a:visited { background: url(../images/liTopNav-03.jpg) top left no-repeat; } #liTopNav03 a:hover, #liTopNav03 a:active { background: url(../images/liTopNav-03.jpg) bottom left no-repeat; } #liTopNav04 a:link, #liTopNav04 a:visited { background: url(../images/liTopNav-04.jpg) top left no-repeat; } #liTopNav04 a:hover, #liTopNav04 a:active { background: url(../images/liTopNav-04.jpg) bottom left no-repeat; } #liTopNav05 a:link, #liTopNav05 a:visited { background: url(../images/liTopNav-05.jpg) top left no-repeat; } #liTopNav05 a:hover, #liTopNav05 a:active { background: url(../images/liTopNav-05.jpg) bottom left no-repeat; } #liTopNav06 a:link, #liTopNav06 a:visited { background: url(../images/liTopNav-06.jpg) top left no-repeat; } #liTopNav06 a:hover, #liTopNav06 a:active { background: url(../images/liTopNav-06.jpg) bottom left no-repeat; } #liTopNav07 a:link, #liTopNav07 a:visited { background: url(../images/liTopNav-07.jpg) top left no-repeat; } #liTopNav07 a:hover, #liTopNav07 a:active { background: url(../images/liTopNav-07.jpg) bottom left no-repeat; } #liTopNav08 a:link, #liTopNav08 a:visited { background: url(../images/liTopNav-08.jpg) top left no-repeat; } #liTopNav08 a:hover, #liTopNav08 a:active { background: url(../images/liTopNav-08.jpg) bottom left no-repeat; } #divLogin { float: right; width:560px;} /* ----------------- E O S H E A D E R S T Y L E S ----------------------------------*/ /* ----------------- B O S H O M E S T Y L E S ----------------------------------*/ #divMain { background: #d9f1fb url(../images/bg-main.jpg) top left repeat-x !important; padding: 17px 10px 17px 13px; } #divMain2 { background: #d9f1fb url(../images/bg-main.jpg) top left repeat-x !important; padding: 17px 10px 17px 13px; } /* N E W H O M E S T Y L E S */ #divNewHome { width: 969px; margin: 0 auto; background: url(../images/newHome/newHomeBG.jpg) no-repeat top left; } #divHomeTop { height: 341px; } #h2bHbH { font-size: 14px; text-indent: -8000px; margin: 0; padding: 0; float: left; height: 220px; width: 415px; background: url(../images/newHome/beHeard.jpg) no-repeat top left; } #divHomeTopRight { height: 220px; width: 223px; position: relative; float: left; background: url(../images/newHome/homeTopRight.jpg) no-repeat top left; } #pNewJoin { background: url(../images/newHome/joinNow.jpg) no-repeat top left; width: 152px; height: 102px; position: absolute; top: 76px; left: 35px; margin: 0; padding: 0; } #pNewJoin a { display: block; text-indent: -8000px; text-decoration: none; height: 100%; width: 100%; } #h3HomeTagLine { float: left; margin: 0; padding: 0; text-indent: -8000px; font-size: 13px; background: url(../images/newHome/homeTagLine.jpg) no-repeat top left; width: 638px; height: 121px; } #divHomeBottomLeft { float: left; background: url(../images/newHome/homeBottomLeft.jpg) no-repeat top left; width: 331px; height: 262px; overflow: hidden; position: relative; } #h4IloveSmilely { font-size: 13px; text-indent: -8000px; margin: 0; padding: 0; background: url(../images/newHome/iLoveSmilely.jpg) no-repeat top left; width: 331px; height: 56px; } #divBottomContent { position: absolute; left: 10px; top: 56px; overflow: hidden; height: 181px; width: 294px; } #divHomeBottomMid { float: left; background: url(../images/newHome/homeBottomMid.jpg) no-repeat top left; width: 415px; height: 262px; overflow: hidden; } #h4RecentMissions { font-size: 13px; text-indent: -8000px; margin: 0; padding: 0; background: url(../images/newHome/recentMissions.jpg) no-repeat top left; width: 415px; height: 56px; } #divHomeBottomMid img { float: left; margin: 0; } #divHomeBottomMid p { text-align: center; } #divHomeBottomRight { float: left; background: url(../images/newHome/homeBottomRight.jpg) no-repeat top left; width: 223px; height: 262px; overflow: hidden; position: relative; } #h4LiveOnTwitter { font-size: 13px; text-indent: -8000px; margin: 0; padding: 0; background: url(../images/newHome/liveOnTwitter.jpg) no-repeat top left; width: 215px; height: 56px; } #divTwitterSpace { width: 180px; height: 187px; position: absolute; top: 55px; left: 18px; } #divHomeMid { width: 389px; height: 319px; background: url(../images/bg-divHomeMid.jpg) top left no-repeat; float: left; padding: 23px 0 0 21px; margin-right: 11px; overflow: hidden; } #ulMidLinks { list-style: none; height: 75px; width: 368px; padding: 0 0 0 43px; margin: 0; } #ulMidLinks li { float: left; margin-right: 13px; } #ulMidLinks li a img { border: 0; } #h1BHBH { height: 164px; margin: 0; padding: 0; font-family: GothamLight, georgia; color: #fff; font-weight: normal; font-size: 10px; text-indent: -8000px; background: url(../images/beHeard.jpg) top left no-repeat; } #divHomeFlash { width: 346px; height: 342px; float: left; } #divHomeMid p { height: 77px; margin: 0; padding: 0; font-size: 9px; text-indent: -8000px; background: url(../images/joinSmiley.jpg) top left no-repeat; } #divHomeRight { float: left; background: url(../images/bg-divHomeRight.jpg) top left no-repeat; width: 167px; height: 342px; padding: 0 10px 0 16px; margin-bottom: 16px; } #divHomeRight h2 { font-size: 10px; text-indent: -8000px; background: url(../images/why.gif) top left no-repeat; height: 64px; width: 160px; margin: 17px 0 0 0; } #divHomeRight p { color: #fff; font-size: 13px; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; } #pButLearn { height: 31px; width: 164px; text-indent: -8000px; } #pButJoin { height: 78px; width: 164px; text-indent: -8000px; } #pButLearn a, #pButJoin a { display: block; height: 100%; width: 100%; text-decoration: none; } #pButLearn a:link, #pButLearn a:visited { background: url(../images/buttonLearnMore.jpg) top left no-repeat; } #pButLearn a:hover, #pButLearn a:active { background: url(../images/buttonLearnMore.jpg) bottom left no-repeat; } #pButJoin a:link, #pButJoin a:visited { background: url(../images/buttonJoinNow.jpg) top left no-repeat; } #pButJoin a:hover, #pButJoin a:active { background: url(../images/buttonJoinNow.jpg) bottom left no-repeat; } #stetchBox { width: 911px; margin: 0 auto; clear: both; } #divStretchContainer03 { width: 911px; position: relative; background: url(../images/bg-homeColBot.jpg) bottom right no-repeat; float: left; overflow: hidden; } #divStretchContainer02 { width: 911px; position: relative; right: 309px; background: url(../images/bg-homeColBot.jpg) bottom right no-repeat; float: left; } #divStretchContainer { width: 911px; position: relative; right: 309px; background: url(../images/bg-homeColBot.jpg) bottom right no-repeat; float: left; } .divHomeStretch { float: left; width: 293px; margin-right: 16px; } #stretch01 h2 { background: url(../images/stretch01.gif) top left no-repeat; font-size: 10px; text-indent: -8000px; } #stretch02 h2 { background: url(../images/stretch02.gif) top left no-repeat; font-size: 10px; text-indent: -8000px; } #stretch03 h2 { background: url(../images/stretch03.gif) top left no-repeat; font-size: 10px; text-indent: -8000px; } #stretch01 { position: relative; left: 618px;} #stretch02 { position: relative; left: 618px; } #stretch03 { position: relative; left: 618px; } .divHomeStretch h2 { height: 34px; margin: 0; } .divHomeStretch p { margin: 0; padding: 7px 10px 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #3c7fbd; letter-spacing: -1px; } #divHomeBottomWrapper { width: 911px; margin: 16px auto; } #divHomeBottomTopCurves { width: 911px; height: 9px; background: url(../images/homeBottomTopCurves.gif) no-repeat top left; } #divHomeBottomMain { width: 911px; padding: 11px 20px; background: url(../images/homeBottomMain.gif) no-repeat top left; } #divHomeBottomBottomCurves { width: 911px; height: 9px; background: url(../images/homeBottomBottomCurves.gif) no-repeat top left; } #divHomeBottomMainLeft { float: left; width: 273px; margin: 0 16px 0 0; } #divHomeBottomMainRight { float: left; width: 582px; margin: 0; } #divHomeBottomMainLeft h1, #divHomeBottomMainRight h1 { color: #fff; font-size: 23px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft h2, #divHomeBottomMainRight h2 { color: #fff; font-size: 21px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft h3, #divHomeBottomMainRight h3 { color: #fff; font-size: 19px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft h4, #divHomeBottomMainRight h4 { color: #fff; font-size: 17px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft h5, #divHomeBottomMainRight h5 { color: #fff; font-size: 15px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft h6, #divHomeBottomMainRight h6 { color: #fff; font-size: 13px; margin: 0 0 .7em 0; } #divHomeBottomMainLeft p, #divHomeBottomMainRight p { font-size: 15px; color: #fff; margin: 0 0 1em 0; line-height: 1.5em; } #divHomeBottomMainLeft ol, #divHomeBottomMainRight ol { font-size: 15px; color: #fff; margin: 0 0 1em 0; line-height: 1.5em; } #divHomeBottomMainLeft ul, #divHomeBottomMainRight ul { font-size: 15px; color: #fff; margin: 0 0 1em 0; line-height: 1.5em; } .divHomeTeaserTopCurves { width: 572px; height: 12px; margin: 6px auto 0 auto; background: url(../images/divHomeTeaserTopCurves.gif) no-repeat top left; } .divHomeTeaserBottomCurves { width: 572px; height: 12px; margin: 0 auto; background: url(../images/divHomeTeaserBottomCurves.gif) no-repeat top left; } .homeTeaser { width: 546px; margin: 0 auto; min-height: 75px; padding: 0 13px 15px 13px; background: url(../images/divHomeTeaserMid.gif) repeat-y top left; } .homeTeaser h1 { color: #0182c6; font-size: 23px; margin: 0 0 .7em 0; } .homeTeaser h2 { color: #0182c6; font-size: 21px; margin: 0 0 .7em 0; } .homeTeaser h3 { color: #0182c6; font-size: 19px; margin: 0 0 .7em 0; } .homeTeaser h4 { color: #0182c6; font-size: 17px; margin: 0 0 .7em 0; } .homeTeaser h5 { color: #0182c6; font-size: 15px; margin: 0 0 .7em 0; } .homeTeaser h6 { color: #0182c6; font-size: 13px; margin: 0 0 .7em 0; } .homeTeaser p { font-size: 15px; color: #353535; margin: 0 0 15px 0; line-height: 1.5em; } .homeTeaser ol { font-size: 15px; color: #353535; margin: 0 0 15px 0; line-height: 1.5em; } .homeTeaser ul { font-size: 15px; color: #353535; margin: 0 0 15px 0; line-height: 1.5em; } #divHomeBottomRow { clear: both; margin: 20px auto; width: 911px; } #divHomePoll { width: 292px; position: relative; min-height: 378px; margin: 0 19px 0 0; float: left; clear: left; background: url(../images/divHomePollMid.gif) no-repeat top left; } #divHomePollTopCurves { height: 9px; width: 292px; background: url(../images/divHomePollTopCurves.gif) no-repeat top left; } #divHomePollBottomCurves { height: 9px; width: 292px; position: absolute; bottom: 0; background: url(../images/divHomePollBottomCurves.gif) no-repeat top left; } #divHomePollContent { padding: 0 13px; } #divHomePollContent h3 { color: #fff; font-size: 19px; margin: 0 0 .7em 0; } .divHomeBottomRight { width: 600px; min-height: 179px; position: relative; float: left; background: url(../images/divHomeBottomRightMid.gif) no-repeat top left; } .divHomeBottomRightTopCurves { height: 9px; width: 600px; background: url(../images/divHomeBottomRightTopCurves.gif) no-repeat top left; margin: 0; overflow: hidden; } .divHomeBottomRightBottomCurves { height: 9px; width: 600px; position: absolute; bottom: 0; background: url(../images/divHomeBottomRightBottomCurves.gif) no-repeat top left; margin: 0; overflow: hidden; } .divHomeBottomRightContent { padding: 0 13px; } .divHomeBottomRight h3 { color: #fff; font-size: 19px; margin: 0 0 15px 0; padding: 0 0 0 13px; } #divCommentsWrapper { width: 956px; margin: 9px auto; clear: both; } #divCommentsTopCurves { float: left; width: 956px; height: 13px; font-size: 1px; overflow: hidden; margin: 0; background: url(../images/divCommentsTopCurves.gif) no-repeat top left; } #divCommentsBottomCurves { float: left; width: 956px; height: 13px; font-size: 1px; overflow: hidden; margin: 0; background: url(../images/divCommentsBottomCurves.gif) no-repeat top left; } #divCommentsMid { float: left; width: 918px; padding: 0 19px; background: url(../images/divCommentsMid.gif) repeat-y top left; } #divCommentsMid h3 { float: left; color: #fff; font-size: 19px; margin: 0 0 15px 0; } #divCommentsMainTopCurves { float: left; width: 918px; height: 9px; font-size: 1px; overflow: hidden; background: url(../images/divCommentsMainTopCurves.gif) no-repeat top left; } #divCommentsMainBottomCurves { float: left; width: 918px; height: 9px; font-size: 1px; overflow: hidden; background: url(../images/divCommentsMainBottomCurves.gif) no-repeat top left; } #commentblock { float: left; width: 878px; padding: 20px; background: url(../images/divCommentsMainMid.gif) repeat-y top left; color:#353535; font-size:15px; line-height:1.5em; margin:0; } /* ----------------- E O S H O M E S T Y L E S ----------------------------------*/ /* ----------------- B O S M A I N S T Y L E S ----------------------------------*/ #divLevel2 { width: 959px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; background: url(../images/l2-bg.png) no-repeat 0 100px; } #divLevel2Smiley { background: url(../images/l2-mainSmiley.png) repeat-y 0 150px; padding-right: 1px; width: 959px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; } #divLevel2Wide { width: 959px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; } #divLevel2Wide2 { width: 1000px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; } #divL2Main { width: 959px; background: url(../images/l2-main.png) top left no-repeat; margin: 0; } #divL2MainWide { width: 879px; background: url(../images/bg-main-wide.png) repeat-y top left; margin: 0; padding: 16px 40px 0 40px; font-size: 10pt; } #divL2MainMySmiley { width: 923px; background: url(../images/mySmiley-bg.png) no-repeat top left; margin: 0; padding: 10px 10px 0 26px; font-size: 10pt; } #divL2MainMissionDetail { width: 931px; background: url(../images/mySmiley-bg.png) no-repeat top left; margin: 0; padding: 10px 10px 0 18px; font-size: 10pt; } #divL2Main p, #divL2Main h1, #divL2Main h2, #divL2Main h3, #divL2Main h4, #divL2Main h5, #divL2Main h6, #divL2Main form { margin-top: 0; } #divL2MainWide p, #divL2MainWide h1, #divL2MainWide h2, #divL2MainWide h3, #divL2MainWide h4, #divL2MainWide h5, #divL2MainWide h6, #divL2MainWide form { margin-top: 0; } #divL2Main p, #divL2MainWide p { font-size: 15px; line-height: 1.5em; } #divL2Bottom { height: 49px; width: 959px; margin: 0; background: url(../images/l2-main-bottom.gif) top left no-repeat; clear: both; } #divL2BottomWide { height: 49px; width: 959px; margin: 0; background: url(../images/bg-main-wide-bottom.png) no-repeat top left; clear: both; } #divL2BottomSmiley { height: 13px; width: 959px; font-size: 1px; text-indent: -8000px; margin: 0; background: url(../images/bg-main-smiley-bottom.png) no-repeat bottom left; clear: both; } #divL2BottomSide { height: 49px; width: 959px; margin: 0; background: url(../images/bg-main-sidebar-bottom.png) no-repeat top left; clear: both; font-size: 1px; text-indent: -8000px; } #blankHeader { font-size: 1px; text-indent: -8000px; } .divL2Left { float: left; width: 684px; padding: 38px 29px 0 29px; } .divL2Right { float: left; width: 172px; padding: 0 30px 0 15px; } .divL2Right h1 { color: #fff; font-size: 18px; } .divL2Right h2 { color: #fff; font-size: 16px; } .divL2Right ol, .divL2Right ul { color: #fff; margin: 0; padding: 0; font-size: 13px; list-style-position: inside; line-height: 1.5; } .divL2Right p { color: #fff; font-size: 13px !important; } .divL2Right p a:link, .divL2Right p a:visited {color: #fff; font-weight: bold; text-decoration: none; } .divL2Right p a:hover, .divL2Right p a:active {color: #fff; font-weight: bold; text-decoration: underline; } .divL2Right h3 { color: #fff; font-size: 14px; } .divL2Right h4 { color: #fff; font-size: 12px; } .divL2Right h5 { color: #fff; font-size: 10px; } .divL2Right h6 { color: #fff; font-size: 9px; } #divInstructions { width: 879px; background: url(../images/bg-main-wideINST.png) repeat-y top left; margin: 0; padding: 20px 40px; font-size: 10pt; } #divLoggedin { height: 33px; float: right; background: #fff url(../images/bg-loggedin-right.gif) no-repeat top right; padding: 0 30px 0 0; font-family: Arial, Helvetica, sans-serif; } #logLinks { height: 33px; color: #0081c7; background: url(../images/bg-loggedin-left.gif) no-repeat top left; padding: 7px 0 0 20px; margin: 0; font-size: 12px; } #logLinks a:link, #logLinks a:visited, #logLinks a:hover, #logLinks a:active { color: #0081c7; } #logLinks strong { margin-left: 15px; font-size: 15px; } #logLinks strong a:link, #logLinks strong a:visited { text-decoration: none; } #logLinks strong a:hover, #logLinks strong a:active { text-decoration: underline; } #contentRight { width: 275px; float: left; background: url(../images/bgConnectsRight.gif) no-repeat top left; padding: 0 20px; height: 185px; } #connectIntro { width: 500px; float: left; background: url(../images/bgConnectsleft.gif) no-repeat top left; padding: 0 20px; margin-right: 10px; height: 185px; } #connectIntro div { height: 115px; overflow: hidden; } #connectIntro p { width: 500px; font-size: 13px; } #connectIntro h1, #contentRight h1 { color: #0081c7; font-size: 16px; } #topConnects { color: #0081c7; font-size: 16px; float: left; margin: 7px 0 7px 0; } #brandConnectSort { clear: both; margin-bottom: 8px; } #brandConnectSort form, #brandConnectSort p, #brandConnectSort input { float: left; margin: 0; font-size: 13px; } #brandConnectSort form { padding: 0 8px; } #grid { margin-top: 8px; } #tips p img { float: left; } #brandConnectSort p a:link, #brandConnectSort p a:visited { color: #0081C7; text-decoration: underline; } #brandConnectSort p a:hover, #brandConnectSort p a:active { color: #0081C7; text-decoration: underline; } #brandConnectSort p strong a:link, #brandConnectSort p strong a:visited { color: #666 !important; text-decoration: none !important; } #brandConnectSort p strong a:hover, #brandConnectSort p strong a:active { color: #666 !important; text-decoration: none !important; } #brandConnectHeader { clear: both; margin: 8px 0; border-top: 1px solid #0081c7; border-bottom: 1px solid #0081c7; padding: 7px 0; } .bcHeaderDiv { float: left; margin-right: 15px; } .bcHeaderDiv a img { border: 0; } #more { margin-top: 7px; } #content p { font-size: 13px; line-height: 1.2em; color: #333; } #addConnect a img { border: 0; } #toggle { width: 100%; background-color: #fff; padding: 5px 0; } .pGridInfo { font-size: 9px !important; color: #66614D !important; margin: 2px 0 !important; line-height: 1em !important; } .infoHeader { clear: both !important; font-size: 13px !important; color: #666666 !important; } #comments { margin: 15px auto; } #comments p { width: 450px; font-size: 13px; color: #666; } #ratings { font-size: 13px; } #dialogContent p { margin-top: 0; font-size: 14px; line-height: 1.5em; color: #666; font-family: Arial, Helvetica, sans-serif; } #sideUl li { font-size: 16px; } .h1L2Headline { width: 939px; height: 39px; margin: 0; background: url(../images/l2-main-top.png) top left no-repeat; color: #fff; font-size: 28px; padding: 10px 0 0 20px; } .h1L2Headline h1 { margin: 0; padding: 0; font-size: 10px; text-indent: -8000px; height: 100%; width: 100%; } .h1L2Headline h1#h1OfferDetails { margin: 0; padding: 0; font-size: 10px; text-indent: -8000px; background: url(../images/h1OfferDetails.gif) no-repeat 12px 0 !important; height: 100%; width: 400px; } .h1L2Headline h1#h1MyMission { margin: 0; padding: 0; font-size: 10px; text-indent: -8000px; background: url(../images/h1MissionDetails.gif) no-repeat 12px 0 !important; height: 100%; width: 100%; } #mysCol1 { width: 219px; float: left; margin-right: 16px; } #mysCol2 { width: 434px; float: left; margin-right: 16px; } #mysColWide { width: 614px; float: left; } #mysCol3 { width: 219px; float: left; } #mysColFace1 { width: 218px; float: left; margin-right: 16px; } #mysColFace1 .divBoxBg p { font-size: 17px !important; color: #666; line-height: 1.6em; margin: .2em auto .8em auto; width: 180px; } .blueBoxRight .blueInstructions p { color: #0083c8; font-size: 17px; width: 100%; margin-top:9px; } #mysCol1Mission { width: 226px; float: left; margin-right: 16px; } #mysCol2Mission { width: 434px; float: left; margin-right: 16px; } #mysCol3Mission { width: 228px; float: left; } #divMyProfile { width: 911px; } .divBoxContainer { width: 100%; padding: 0; margin: 0 0 16px 0; font-size: 13px; } .divBoxTop { height: 31px; padding-right: 12px; background: url(../images/mys-box-top-right.png) no-repeat top right; } .divBoxTop p { height: 25px; margin: 0; color: #0081c7; font-size: 18px; font-weight: bold; padding: 6px 0 0 10px; background: url(../images/mys-box-top-left.png) no-repeat top left; } .divTabTop { height: 15px; padding-right: 12px; background: url(../images/tab-top-right.png) no-repeat top right; } .divTabTop p { height: 15px; margin: 0; color: #0081c7; font-size: 18px; font-weight: bold; padding: 6px 0 0 10px; background: url(../images/mys-box-mid-left.png) repeat-y top left; } .divBoxMid { padding-right: 12px; background: url(../images/mys-box-mid-right.png) repeat-y top right; font-size: 13px !important; color: #333; } .divBoxMid p { margin: 0; padding: 0; color: #333; } .divBoxBg { background: url(../images/mys-box-mid-left.png) repeat-y top left; padding-left: 9px; padding-top: 9px; padding-bottom: 4px; } .divBoxBottom { height: 13px; padding-right: 12px; background: url(../images/mys-box-bottom-right.png) no-repeat bottom right; } .divBoxBottom p { height: 13px; margin: 0 !important; color: #0081c7; padding: 0; background: url(../images/mys-box-bottom-left.png) no-repeat bottom left; } .divSeparator { clear: both; margin-bottom: 7px !important; } #profilePic { float: left; margin-right: 7px; } #divProfileIncomplete { padding: 3px; background-color: #fdf9e3; } .spanMore { float: right; clear: right; } #ulSteps { list-style: none; margin: 0; padding: 0 0 4px 0; text-indent: 0; } #ulSteps li { background: #e3f0f7 url(../images/liMysBgBottom.gif) no-repeat bottom left; width: 412px; margin: 8px 0; color: #0081c7; } #ulSteps li span { display: block; width: 397px; background:url(../images/liMysBgTop.gif) no-repeat top left; padding: 5px 15px 5px 0; } #ulSteps li a:link, #ulSteps li a:visited { font-weight: bold; text-decoration: none; } #ulSteps li a:hover, #ulSteps li a:active { font-weight: bold; text-decoration: underline; } .liWrap { background: url(../images/liMysBgTop.gif) no-repeat; clear: both; display: block; height: 100%; padding: 5px; color: #333; } .liWrap img { float: left; color: #333; } .divShare {float: left; color: #333; font-size: 15px; padding: 8px 0 3px 5px; font-weight: bold; width: 176px; } .divEarn{float: left; color: #333; font-size: 11px; padding: 10px 0; width: 112px; } .divLis {float: left; color: #333; font-size: 9px; padding: 11px 0; } .divAccept { float: left; text-align: right; font-size: 9px; } .divAccept a { padding-right: 10px; } #ulSteps.ulOffers { } .ulLeftNarrow { margin-left: 0; margin-right: 0; padding: 0 0 0 15px; font-size: 11px; line-height: 1.5em; } .h4LeftNarrow { font-size: 17px; text-align: center; margin-top: 0; margin-bottom: 13px; } .divOfferContainer { } .divOfferContainer a.float { float: left; margin-right: 8px; } .divOfferContainer div { float: left; width: 315px; padding-bottom: 6px; } .divOfferContainer div h1, .divOfferContainer div h2, .divOfferContainer div h3, .divOfferContainer div h4, .divOfferContainer div h5, .divOfferContainer div h6 { margin-top: 0; margin-bottom: 3px; color: #4ba6d7; font-family: Arial, Helvetica, sans-serif; font-size: 15px; } .divOfferContainer div h1 a:link, .divOfferContainer div h2 a:link, .divOfferContainer div h3 a:link, .divOfferContainer div h4 a:link, .divOfferContainer div h5 a:link, .divOfferContainer div h6 a:link { color: #4ba6d7; text-decoration: none; } .divOfferContainer div h1 a:visited, .divOfferContainer div h2 a:visited, .divOfferContainer div h3 a:visited, .divOfferContainer div h4 a:visited, .divOfferContainer div h5 a:visited, .divOfferContainer div h6 a:visited { color: #4ba6d7; text-decoration: none; } .divOfferContainer div h1 a:hover, .divOfferContainer div h2 a:hover, .divOfferContainer div h3 a:hover, .divOfferContainer div h4 a:hover, .divOfferContainer div h5 a:hover, .divOfferContainer div h6 a:hover { color: #0254A8; text-decoration: underline; } .divOfferContainer div h1 a:active, .divOfferContainer div h2 a:active, .divOfferContainer div h3 a:active, .divOfferContainer div h4 a:active, .divOfferContainer div h5 a:active, .divOfferContainer div h6 a:active { color: #0254A8; text-decoration: underline; } .divOfferContainer div p { margin-top: 0; } .divMissionContainer a.float { float: left; clear: left; margin-right: 4px; } .divMissionContainer a img, .divOfferContainer a img { border: 1px solid #c4cbce; } .divMissionContainer h1, .divMissionContainer h2, .divMissionContainer h3, .divMissionContainer h4, .divMissionContainer h5, .divMissionContainer h6 { margin-top: 0; margin-bottom: 3px; color: #4ba6d7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 139px; float: left; } .divMissionContainer p { margin-top: 0; font-size: 12px !important; } #divAboutContent p { font-size: 11px; } a .imgOfferIcon { border: 1px solid #c4cbce; } /* Offer Detail Styles */ .divMysWhiteBoxTopLong { width: 905px; height: 14px; background: url(../images/whiteBoxTopLong.png) no-repeat; } .divMysWhiteBoxBottomLong { width: 905px; height: 14px; background: url(../images/whiteBoxBottomLong.png) no-repeat; margin: 0 0 16px 0; } .divMysWhiteBoxMiddleLong { background: url(../images/whiteBoxMiddleLong.png) repeat-y; width: 905px; padding: 5px 0; } .divMysWhiteBoxMiddleLong p { margin: 0 0 0 25px; } #divOfferAbstract { font-size: 15px; font-weight: bold; } #divOfferAbstract p strong { width: 95px; display: inline-block; } #pOffer { margin-bottom: 16px; } #pOffer strong { color: #33cc33; font-size: 19px; } #pMission strong { color: #ff9933; font-size: 19px; } #divOfferDesription h1, #divOfferDesription h2, #divOfferDesription h3, #divOfferDesription h4, #divOfferDesription h5, #divOfferDesription h6 { font-size: 17px; text-align: center; margin-top: 0; margin-bottom: 13px; } #divRewardsSummary h1, #divRewardsSummary h2, #divRewardsSummary h3, #divRewardsSummary h4, #divRewardsSummary h5, #divRewardsSummary h6 { font-size: 17px; text-align: center; margin-top: 0; margin-bottom: 13px; } #divOfferDesription ul, #divRewardsSummary ul { margin-left: 0; margin-right: 0; padding: 0 0 0 15px; color: #6f6f6f; font-size: 13px !important; line-height: 17px; } #divOfferDesription p, #divRewardsSummary p { margin-left: 0; margin-right: 0; color: #6f6f6f; font-size: 13px !important; line-height: 17px; } /* Mission Detail Styles */ .divL2MainMissionDetail { color: #333333; } .divL2MainMissionDetail p { font-size: 11px; } #mysCol1Mission .divBoxBg { padding-left: 13px; } #missionImage { height: 220px; width: 198px; overflow: hidden; } #mysCol1Mission .divBoxMid p, #mysCol1Mission .divBoxMid ul { font-size: 11px; } #mysCol1Mission .divBoxMid p, #mysCol1Mission .divBoxMid ul { font-size: 11px; } #mysCol2Mission .divBoxMid p, #mysCol2Mission .divBoxMid ul { font-size: 12px; } #mysCol3Mission .divBoxMid p strong em { font-size: 11px; font-style: normal; } #mysCol1Mission .divBoxMid p a { color: #00a0e2; } #mysCol2Mission .divBoxMid p a { color: #00a0e2; } #mysCol3Mission .divBoxMid p a { color: #00a0e2; } .divBlueBox { background-color:#e4f0f7; margin-top: 12px; } .divBlueBoxTop { height: 4px; background: url(../images/blueBoxTopLeft.gif) no-repeat top left; } .divBlueBoxTop p { margin: 0 !important; padding: 0 !important; background: url(../images/blueBoxTopRight.gif) no-repeat top right; } .divBlueBoxBottom { height: 4px; background: url(../images/blueBoxBottomLeft.gif) no-repeat top left; } .divBlueBoxBottom p { margin: 0 !important; padding: 0 !important; background: url(../images/blueBoxBottomRight.gif) no-repeat top right; } .blueIcons { float: left; width: 30px; padding: 4px 6px 0 7px; } .blueBoxRight { float: left; width: 363px; } .blueBoxRight h1, .blueBoxRight h2, .blueBoxRight h3, .blueBoxRight h4, .blueBoxRight h5, .blueBoxRight h6 { margin: 4px 0 4px 0; font-size: 15px; } .blueBoxRight h1 span, .blueBoxRight h2 span, .blueBoxRight h3 span, .blueBoxRight h4 span, .blueBoxRight h5 span, .blueBoxRight h6 span { text-align: right; font-size: 9px; float: right; } .blueBoxRight p { color: #6f6f6f; font-size: 13px; line-height: 17px; } .divMissionSummary { margin-top: 20px; } .divMissionSummary p { font-size: 9px !important; } .pNoticeMe { color: #cc0000 !important; font-weight: bold; font-size: 11px; } .smallLink { text-align: right; font-size: 9px; margin-top: 10px !important; } #missionSmiles { font-size: 12px; } #missionSmiles p { width: 200px; margin: 0 0 4px 0 !important; } #missionSmiles p span { text-align: right; float: right; } p.pTotals { font-weight: bold; font-size: 13px; } p.pBonus { color: #009933; } .h3Box { margin: 4px 0; } .bgDivider { padding: 4px 0; margin-top: 4px; background-color: #f4f4f4; } #divSmilesCount .divBoxMid { padding-right: 10px !important; } #divSmilesCount .divBoxBg { padding-left: 11px !important; } /* Profile Styles */ #ulProfileNav { list-style: none; margin: 0 0 1px 1px; padding: 0; height: 30px; width: 100%; } #ulProfileNav li { list-style: none; margin: 0 3px 0 0; padding: 0; height: 30px; float: left; background: url(../images/tabs-left.png) no-repeat top left; border-bottom: 1px solid #b8c3c9; } #ulProfileNav li a { float: left; } #ulProfileNav li a:link, #ulProfileNav li a:visited { padding: 7px 10px 3px 10px !important; background: url(../images/tabs-right.png) no-repeat top right; font-size: 15px; height: 20px; text-decoration: none; color: #333; font-weight: bold; } #ulProfileNav li a:hover, #ulProfileNav li a:active { padding: 7px 10px 3px 10px !important; background: url(../images/tabs-right.png) no-repeat bottom right; font-size: 15px; height: 20px !important; text-decoration: underline; color: #0081c7; font-weight: bold; } #ulProfileNav li:hover, #ulProfileNav li:active { background: url(../images/tabs-left.png) no-repeat bottom left; } #ulProfileNav li div.tab { float: left; padding: 7px 10px 3px 10px !important; background: url(../images/tabs-right.png) no-repeat bottom right; font-size: 15px; height: 20px; color: #333; font-weight: bold; } ul.profile01 #liPn01 { background-position: bottom left; } ul.profile01 #liPn01 a:link, ul.profile01 #liPn01 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile02 #liPn02 { background-position: bottom left; } ul.profile02 #liPn02 a:link, ul.profile02 #liPn02 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile03 #liPn03 { background-position: bottom left; } ul.profile03 #liPn03 a:link, ul.profile03 #liPn03 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile04 #liPn04 { background-position: bottom left; } ul.profile04 #liPn04 a:link, ul.profile04 #liPn04 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile05 #liPn05 { background-position: bottom left; } ul.profile05 #liPn05 a:link, ul.profile05 #liPn05 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile06 #liPn06 { background-position: bottom left; } ul.profile06 #liPn06 a:link, ul.profile06 #liPn06 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile07 #liPn07 { background-position: bottom left; } ul.profile07 #liPn07 a:link, ul.profile07 #liPn07 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile08 #liPn08 { background-position: bottom left; } ul.profile08 #liPn08 a:link, ul.profile08 #liPn08 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile09 #liPn09 { background-position: bottom left; } ul.profile09 #liPn09 a:link, ul.profile09 #liPn09 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } ul.profile10 #liPn10 { background-position: bottom left; } ul.profile10 #liPn10 a:link, ul.profile10 #liPn10 a:visited { background-position: bottom right; border-bottom: 1px solid #fff; } .divProfileIntro { padding: 25px; background-color: #e6e6e6; width: 780px; margin: 0 auto; } .h6UserHeadline { font-size: 17px; color: #333; margin: 0 0 17px 0; } .formProfile label { float: left; color: #0081C7; margin-right: 10px; width: 263px; text-align: right; font-size: 19px; clear: left; } .labelCheckRad { width: auto !important; clear: none !important; margin-right: 5px !important; color: #333 !important; } .formProfile input { float: left; margin-right: 5px; clear: right; } .formProfile p, .formLine { clear: both; padding-top: 10px; padding-bottom: 10px; } .formProfile input[type='text'] { border:1px solid #0081C7; font-size:16px; width:263px; height: 24px; padding: 5px; font-size: 19px; } .formProfile input[type='password'] { border:1px solid #0081C7; font-size:16px; width:263px; height: 24px; padding: 5px; font-size: 19px; } .borderBox { border:1px solid #0081C7 !important; font-size:16px; height: 24px; padding: 5px; margin-right: 15px; } .formProfile input[type='radio'] { height: 19px; width: 19px; margin-right: 25px !important; } .formProfile select { border:1px solid #0081C7; font-size:16px; width:263px; height:35px !important; padding: 0; font-size: 19px; } .formProfile select option { padding: 0 10px; } .formProfile input[type='checkbox'] { height: 19px; width: 19px; float: none !important; } .formProfile textarea { border:1px solid #0081C7; font-size:16px; width:263px; } .formProfile fieldset { width: 775px; margin: 25px auto; border:1px solid #0081C7; padding: 25px; display: block; } .formProfile fieldset legend { color: #0054a6; font-size: 23px; font-weight: bold; } p.pFormNote { padding: 15px 0 15px 273px !important; font-size: 11px; margin: 0; width:263px; line-height: 1.5em; } .iSubmit { text-align: center; width: 100%; } .iSubmit input { float: none !important; } .lFormNote { font-size: 13px; color: #333; } #tabMissionDetails { border: 2px solid #0081C7; border-collapse: collapse; width: 700px; margin: 0 auto; } #tabMissionDetails tr td, #tabMissionDetails tr th { padding: 5px; } #tabMissionDetails caption { display: none; } .colNums { border-left: 1px solid #0081C7; } tr#trHeader th { border-left: 1px solid #00a6ff !important; } .lastCol { border-left: 1px solid #0081C7; } td.tdNum { text-align: right; font-family: "Courier New", Courier, monospace; } tr.even td, tr.even th { background-color: #e4f0f7; } tr#trHeader th { background-color: #0081c7 !important; color: #fff; font-size: 15px; font-weight: bold; } .brandConnectSet p { float: left !important; margin-right: 10px; width: auto !important; clear: none !important; } .brandConnectSet .brandConnectSort p { float: left !important; } .brandConnectSet .brandConnectSort form div select { height: 17px !important; width: auto!important; font-size: 11px !important; } .spanComplete { color: #21b03b; } .spanIncomplete { color: #b02121; } #h1MyProfile { background: url(../images/h1MyProfile.gif) no-repeat top left !important; } p.pFormLabel { font-size: 19px !important } #divKidsAges { padding-bottom: 19px; } span.req { font-size: 19px !important; } /* Face 2 Face styles */ #divFormFace2Face { margin: 0; } #tabMissionDetails { font-size: 13px; } #tabMissionDetails td { vertical-align: top; } #tabMissionDetails th { font-size: 13px !important; vertical-align: bottom; } /* Static Styles */ div.divWideContent { } div.divWideContent h4 { color: #0081C7; font-size: 17px; margin-bottom: 0; margin-top: 19px !important; } /* FAQ Styles */ #divFaqWrapper h4 { font-size: 15px; font-weight: normal; } .divFaq div { display: none; } .divFaq { border: 1px solid #005a9e; margin-bottom: 18px; padding: 12px 12px 0 12px; } /* Refer a friend */ #friendEmailForm input[type='text'] { border:1px solid #0081C7; font-size:16px; width:400px; height: 20px; padding: 0px 5px; } #divItemLeftPage1 { width: 390px; border: 1px solid #0081C7; padding: 20px; float: left; height: 175px; margin-right: 15px; } #divItemRigthPage1 { width: 390px; border: 1px solid #0081C7; padding: 20px; float: left; height: 175px; } #divItemLeftPage1 h3, #divItemRigthPage1 h3 { font-size: 19px; color: #0081C7; } span.spanLabelStyle { color: #0081C7; margin-right: 10px; width: 263px; text-align: right; font-size: 19px; clear: left; } #divShareLink { background: url(../images/shareRight.gif) no-repeat top right; height: 26px; } #innerLink { background: url(../images/shareLeft.gif) no-repeat top left !important; height: 21px !important; padding: 5px 6px 0 6px !important; } #linkText { padding: 0 0 0 2px !important; float: left !important; color: #00a1e1 !important; margin: 0 !important; } #ulRate { list-style: none; margin: 0; padding: 0; font-size: 10px; width: 290px; float: left; } #ulRate li { float: left; height: 26px; width: 28px; margin: 0; padding: 0; } .topBlueRound, .topBlueRound p, .bottomBlueRound, .bottomBlueRound p { height: 7px; width: 675px; margin: 0; padding: 0; } .topBlueRound { background: url(../images/topBlueRound.gif) no-repeat top left; } .bottomBlueRound { background: url(../images/bottomBlueRound.gif) no-repeat top left; } .blueRoundContent { margin: 0; padding: 5px 10px; border-left: 1px solid #0081c7; border-right: 1px solid #0081c7; width: 653px; } #divMissionPackLeft { float: left; width: 312px; padding: 0 20px; } #divMissionPackLeft p, #divMissionPackLeft ul { color: #fff; } #divMissionPackLeft ul { list-style: none; padding: 0; font-size: 17px; } #divMissionPackLeft ul li { margin-bottom: 10px; } #divMissionPackLeft p { font-weight: bold; font-size: 19px; margin: 0 0 10px 0; } #divMissionPackRight { width: 531px; float: left; padding: 0 20px; color: #fff; } #divMissionPackRight h3 { color: #fff; font-size: 43px; margin: 0 0 15px 0; } #divMissionPackRight blockquote { width: 500px; margin: 20px 0; font-size: 19px; line-height: 1.8em; } #formArticles { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #0081C7; } #formArticles p { margin: 0; color: #0081C7; } #formArticles p label { color: #333; font-weight: bold; } #formArticles p select { color: #333; border: 1px solid #0081C7; font-size: 15px; padding: 2px; } #formArticles p input { background-color: #0081C7; border: 1px solid #0081C7; color: #fff; font-size: 15px; font-weight: bold; padding: 2px; cursor: pointer; } .divArticleList h4 { margin-bottom: 5px !important; } .divArticleList p { line-height: 1em !important; } .divArticleList { border-bottom: 1px solid #0081C7; padding-bottom: 5px; margin-bottom: 10px; } /* ----------------- E O S M A I N S T Y L E S ----------------------------------*/ /* ----------------- B O S S U R V E Y S T Y L E S ----------------------------------*/ .divSurvey { width: 720px; margin: 0; padding: 0; clear: both; } div.divDate { width: 718px; border: 1px solid #bbb; margin: 0 0 10px 0; clear: both; background: url(../images/bg_q.gif) repeat-y; padding-top: 5px; } div.divScale { width: 685px; border: 1px solid #bbb; margin: 0 auto 1px auto; clear: both; background: url(../images/bg_q.gif) repeat-y; padding-top: 5px; } div.divResp { width: 718px; border: 1px solid #bbb; margin: 0 0 10px 0; clear: both; background: url(../images/bg_q.gif) repeat-y; padding-top: 5px; } div.divChoice { width: 718px; border: 1px solid #bbb; margin: 0 0 10px 0; clear: both; background: url(../images/bg_q.gif) repeat-y; padding-top: 5px; } div.surveyNumber { width: 31px; float: left; padding: 3px; background-color: #ddd; display: inline; overflow: hidden; } div.surveyNumber p { margin: 0; font-size: 11px; font-weight: bold; } div.surveyLabel { width: 357px; float: left; padding: 3px; display: inline; overflow: hidden; } div.surveyLabel p { margin: 0; font-size: 14px; float: none !important; padding: 0 !important; } div.surveyResp { width: 312px; float: left; background-color: #ddd; padding: 3px; display: inline; overflow: hidden; } div.surveyScale { width: 275px; float: left; background-color: #ddd; padding: 3px; display: inline; overflow: hidden; } div.surveyDate { width: 312px; float: left; background-color: #ddd; padding: 3px; display: inline; overflow: hidden; } div.surveyChoice { width: 312px; float: left; background-color: #ddd; padding: 3px; display: inline; overflow: hidden; } ol.olScale { counter-reset: none; width: 275px; list-style: none; margin: 0; padding: 0 0 0 15px; float: left; overflow: hidden; } ol.olScale li { float: left; height: 22px; width: 22px; margin: 0 4px 0 0; padding: 0; text-indent: -8000px; overflow: hidden; } ol.olScale li a { display: block; width: 22px; height: 22px; margin: 0; padding: 0; overflow: hidden; } .didNotUse { float: left; width: 52px; height: 22px; margin: 0; padding: 0; display: inline; overflow: hidden; } .didNotUse a { font-size: 1pt; margin: 0; padding: 0; display: block; width: 52px; height: 22px; text-decoration: none; text-indent: -8000px; overflow: hidden; } ol.olScale li.scale10 { margin: 0 !important; } p.pNumberLabels { width: 285px; font-size: 11px; margin: 0; padding: 0 0 0 445px; } p.pNumberLabels span.num01 { display: block; float: left; width: 50px; text-align: center; } p.pNumberLabels span.num05 { display: block; float: right; width: 50px; text-align: center; } .scale1 a:link, .scale1 a:visited { background: url(../images/n_01.gif) no-repeat top left; } .scale1 a:hover, .scale1 a:active { background: url(../images/n_01.gif) no-repeat center left; } .li1 a { background: url(../images/n_01.gif) no-repeat left bottom !important; } .scale2 a:link, .scale2 a:visited { background: url(../images/n_02.gif) no-repeat top left; } .scale2 a:hover, .scale2 a:active { background: url(../images/n_02.gif) no-repeat center left; } .li2 a { background: url(../images/n_02.gif) no-repeat 0 100% !important; } .scale3 a:link, .scale3 a:visited { background: url(../images/n_03.gif) no-repeat top left; } .scale3 a:hover, .scale3 a:active { background: url(../images/n_03.gif) no-repeat center left; } .li3 a { background: url(../images/n_03.gif) no-repeat 0 100% !important; } .scale4 a:link, .scale4 a:visited { background: url(../images/n_04.gif) no-repeat top left; } .scale4 a:hover, .scale4 a:active { background: url(../images/n_04.gif) no-repeat center left; } .li4 a { background: url(../images/n_04.gif) no-repeat 0 100% !important; } .scale5 a:link, .scale5 a:visited { background: url(../images/n_05.gif) no-repeat top left; } .scale5 a:hover, .scale5 a:active { background: url(../images/n_05.gif) no-repeat center left; } .li5 a { background: url(../images/n_05.gif) no-repeat 0 100% !important; } .scale6 a:link, .scale6 a:visited { background: url(../images/n_06.gif) no-repeat top left; } .scale6 a:hover, .scale6 a:active { background: url(../images/n_06.gif) no-repeat center left; } .li6 a { background: url(../images/n_06.gif) no-repeat 0 100% !important; } .scale7 a:link, .scale7 a:visited { background: url(../images/n_07.gif) no-repeat top left; } .scale7 a:hover, .scale7 a:active { background: url(../images/n_07.gif) no-repeat center left; } .li7 a { background: url(../images/n_07.gif) no-repeat 0 100% !important; } .scale8 a:link, .scale8 a:visited { background: url(../images/n_08.gif) no-repeat top left; } .scale8 a:hover, .scale8 a:active { background: url(../images/n_08.gif) no-repeat center left; } .li8 a { background: url(../images/n_08.gif) no-repeat 0 100% !important; } .scale9 a:link, .scale9 a:visited { background: url(../images/n_09.gif) no-repeat top left; } .scale9 a:hover, .scale9 a:active { background: url(../images/n_09.gif) no-repeat center left; } .li9 a { background: url(../images/n_09.gif) no-repeat 0 100% !important; } .scale10 a:link, .scale10 a:visited { background: url(../images/n_10.gif) no-repeat top left; } .scale10 a:hover, .scale10 a:active { background: url(../images/n_10.gif) no-repeat center left; } .li10 a { background: url(../images/n_10.gif) no-repeat 0 100% !important; } .didNotUse a:link, .didNotUse a:visited { background: url(../images/n_11.gif) no-repeat top left; } .didNotUse a:hover, .didNotUse a:active { background: url(../images/n_11.gif) no-repeat center left; } .li0 { float: left; width: 52px; height: 22px; margin: 0; padding: 0; overflow: hidden; } .li0 a { font-size: 1pt; margin: 0; padding: 0; display: block; width: 52px; height: 22px; text-decoration: none; text-indent: -8000px; overflow: hidden; background: url(../images/n_11.gif) no-repeat 0 100% !important; } .li1, .li2, .li3, .li4, .li5, .li6, .li7, .li8, .li9, .li10 { overflow: hidden; margin: 0 4px 0 0; padding: 0; } .li1 a, .li2 a, .li3 a, .li4 a, .li5 a, .li6 a, .li7 a, .li8 a, .li9 a, .li10 a { overflow: hidden; margin: 0; padding: 0; } div.surveyTextArea { width: 718px; border: 1px solid #bbb; margin: 0 0 10px 0; clear: both; background: url(../images/bg_q.gif) repeat-y; padding-top: 5px; } div.formFeilds { width: 675px; float: left; padding: 3px; display: inline; } div.formFeilds p { margin: 0; font-size: 14px; } div.formFeilds td { margin: 0; font-size: 14px; } .missionRight h3 { font-size: 15px; } /* ----------------- E O S S U R V E Y S T Y L E S ----------------------------------*/ /* ----------------- B O S F O O T E R S T Y L E S ----------------------------------*/ #divFooter { padding-top: 7px; border-top: 1px solid #5a9ccd; margin-top: 27px; } #ulBottomButtons { list-style: none; height: 30px; padding: 8px 0 0 0; margin: 0; width: 880px; float: left; } #ulBottomButtons li { float: left; margin-right: 5px; height: 30px; } #ulBottomButtons li a img { border: none; } #h6SML { background: url(../images/sml.gif) top right no-repeat; text-indent: -8000px; font-size: 10px; float: right; width: 80px; height: 47px; margin: 0; padding: 0; } #divFooterBottom { clear: both; font-size: 12px; padding-top: 7px; border-top: 1px solid #5a9ccd; margin-top: 7px; } #ulBottomNav { list-style: none; padding: 0; margin: 0; float: left; color: #3d7ebe; } #ulBottomNav li { float: left; margin-right: 10px; } #ulBottomNav li a { color: #3d7ebe !important; } #divFooterBottom p { float: right; color: #3d7ebe; padding: 0; margin: 0; } #divFooterBottom p a:link, #divFooterBottom p a:visited { color: #3D7EBE !important; } #h6SML a { height: 100%; width: 100%; display: block; text-decoration: none; } /* ----------------- B O S F O O T E R S T Y L E S ----------------------------------*/ /* -------------------- P O P U P S T Y L E S -------------------------------------*/ .LB-black-overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index:1001; -moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40); } .LB-white-content { display: none; position: fixed; width: 50%; padding: 8px; top: 50px; margin: 0 25%; border: 1px solid #666; background-color: #fff; z-index:1002; font-family: Arial, Helvetica, sans-serif; } .divScrolly { padding: 0 8px; height: 350px; overflow: auto; font-size: 13px; color: #333; line-height: 1.4em; } .divScrolly h5 { font-size: 15px; } a#close { height: 30px; width: 30px; position: absolute; top: -12px; left: -12px; background: url(images/close.png) 0 0; } a#close:hover { background: url(images/close.png) 0 -30px; } .closeLBTop { width: 100%; text-align: right; margin: 0 0 8px 0; padding: 0 0 8px 0; position: relative; top: 0; border-bottom: 1px solid #666; } .closeLBBottom { width: 100%; text-align: right; margin: 8px 0 0 0; padding: 8px 0 0 0; position: relative; top: 0; border-top: 1px solid #666; } .buttonClose { background-color:#FF7F00; padding: 4px; font-size: 15px; font-weight: bold; border: 1px solid #553F00; color: #fff; cursor: pointer; } .divLegal p, .divLegal ul, .divLegal ol, .divLegal ul li, .divLegal ol li{ font-size: 10px !important; } .divLegal h1, .divLegal h2 { font-size: 15px !important; } .divLegal h3, .divLegal h4 { font-size: 13px !important; } .divLegal h5, .divLegal h6 { font-size: 11px !important; } OL.privacy { counter-reset: item } OL.privacy LI { display: block } OL.privacy LI:before { content: counter(item) ". "; counter-increment: item }