body{ width: 950px; margin-left: auto; margin-right: auto; margin-top: 0px; font-family: Arial; font-size: 12px; color: #333333;} .hr{ background-image: url('../images/horizDivider.png'); height: 45px; width: 620px;} /* ----------------MasterPage Columns---------------- */ #body_colLeft { float: left; width: 180px; overflow: hidden;} #body_colRight { float: right; width: 760px;} /*----------------Header ----------------*/ #logoLeft { float: left; margin-top: 15px; width: 240px; height: 41px; background-image: url('../images/logo.jpg'); background-repeat: no-repeat;} #headerTopRight { height: 36px; width: 592px; overflow: hidden; float: right; } /*----------------Notification Toolbar --------------------*/ #notificationBar { border-top: solid 8px #0B0B0B; border-bottom: dotted 1px #999999; margin-bottom: 10px; height: 31px; background-image: url('../images/notificationBar_bg.png'); background-repeat: repeat-x; padding: 0 10px 0 10px; } #notificationBar .left { float: left; padding: 8px; display: inline; color: #666666;} #notificationBar .right { float: right; display: inline;} #notificationBar a { font-weight: bold;} #clearBoth { clear: both;} /*----------------ThoughtBlend Panel ----------------*/ .tbPanel_header { background-image: url('../images/panel1_TM.jpg'); background-repeat: repeat-x; height: 36px; font-family: 'Trebuchet MS' , Arial; font-size: 16px; color: #666666; font-weight: bold;} .tbPanel_headerL { float: left; width: 4px; height: 36px; background-repeat: no-repeat; background-image: url('../images/panel1_TL.jpg');} .tbPanel_headerM { float: left; padding-top: 10px; padding-left: 15px;} .tbPanel_headerR{ float: right; width: 7px; height: 36px; background-repeat: no-repeat; background-image: url('../images/panel1_TR.jpg');} .tbPanel_contentL { float: left; width: 1px; border-left-style: solid; border-left-width: 1px; border-left-color: #D3D3D3;} .tbPanel_contentM{ background-position: bottom; background-repeat: repeat-x; background-image: url('../images/panel1_M.jpg');} .tbPanel_content{ overflow: hidden; padding: 10px;} .tbPanel_contentR { float: right; width: 3px; background-repeat: repeat-y; background-image: url('../images/panel1_MR.jpg');} .tbPanel_footer { background-image: url('../images/panel1_BM.jpg'); background-repeat: repeat-x; height: 6px;} .tbPanel_footerL { float: left; width: 4px; height: 6px; background-repeat: no-repeat; background-image: url('../images/panel1_BL.jpg');} .tbPanel_footerR { float: right; width: 7px; height: 6px; background-repeat: no-repeat; background-image: url('../images/panel1_BR.jpg');} /*----------------Homepage------------------*/ #homepageContent { width: 952px; height: 285px; background-image: url('../images/homepage_bg.png'); margin-bottom:5px;} #homepageContent .homepagebuttons { float: right; margin-right: 58px; width:340px;} #homepageContent .homepagebuttons .slogan { font-size: 20px; font-weight: bold; color: #fff;text-align:center; font-family: 'Trebuchet MS' , Arial; text-shadow: 0px 2px 0px #000;margin-bottom:10px;} #homepageContent .largeButton {display:block;margin-right:10px; padding-left:50px;padding-top:6px; width: 300px; height: 60px; background-image: url('../images/homepage_buttons.png'); background-repeat: no-repeat;font-size:20px; color:White;font-family: 'Trebuchet MS' , Arial; text-shadow: 0px 1px 0px #0f70ac;font-weight:bold;} #homepageContent .largeButton span{ display:block;font-size:17px;color:#023753;text-shadow:none;font-weight:normal;margin-top:-5px;} #homepageContent .signup { display:block; line-height:35px; color: #153d00; text-align:center; background-image:url('../images/bg_button4.png'); width:197px; height:36px; margin:10px auto 0 auto; font-size:18px; font-family: 'Trebuchet MS' , Arial;} #homepageContent .signup:hover{ text-decoration:underline;} #homepageContent .homepageideas { float: left; width: 450px; margin-left: 40px; height: 175px; overflow: hidden; z-index: 2; position: relative;} #homepageContent .homepageideas .idea { width: 330px; height: 85px; overflow: hidden;float:left;} #homepageContent .homepageideas .ideameta { float: left; width: 147px; margin-left: 30px; font-style: italic; color: #999999; font-size: 11px;} #homepageContent .homepageideas .comment { margin-top: 10px; float: right; width: 256px; height: 75px; overflow: hidden;} #homepageContent .homepageideas .commentmeta { font-style: italic; color: #006600; font-size: 11px;} /*-------no longer used----------*/ #homepageContent .searchBar { width: 507px; height: 32px; float: right; margin-top: 68px; background-image: url('../images/homepage_searchBG.png'); padding-top: 6px; background-repeat: no-repeat;} #homepageContent .searchBar span { font-family: 'Trebuchet MS' , Arial; color: #4E4605; margin-left: 12px; font-size: 13px;} #homepageContent .searchBar .textBox{ font-family: 'Trebuchet MS' , Arial; color: #7A7A7A; border: 1px solid #999; font-size: 14px; padding: 2px; width: 240px;} .homepagePostit{ float: left; width: 245px; height: 131px; margin-right: 1px; padding: 55px 0 0 70px; background-repeat: no-repeat; background-image: url('../images/bg_howItWorks.jpg');} .homepagePostit span { display: block; color: #000; width: 195px;} /*-------no longer used----------*/ /*----------------End Homepage------------------*/ /*----------------Submit Bars ----------------*/ div.submitIdeaBox_Big { float: left; width: 650px; margin-right: auto; margin-left: auto; padding: 10px; margin-bottom: 10px; background-image: url('../images/submitBox1_Big.png'); background-repeat: no-repeat; } div.submitIdeaBox_Med { float: left; width: 545px; margin-right: auto; margin-left: auto; padding: 10px; margin-bottom: 10px; background-image: url('../images/submitBox1_Med.png'); background-repeat: no-repeat; } span.submitIdeaBox_Big, span.submitIdeaBox_Med { display: block; font-family: 'Trebuchet MS'; font-size: 18px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; color: #808080; } .submitIdeaBox_Big input, .submitIdeaBox_Med input { width: 550px; margin-right: 10px; font-family: 'Trebuchet MS'; font-size: 16px; } .submitIdeaBox_Big input.button, .submitIdeaBox_Med input.button { width: 50px;} div.submitIdeaBox_Sm { width: 220px; padding: 5px; background-image: url('../images/submitBox1_Sm.jpg'); margin-bottom: 10px;} span.submitIdeaBox_Sm{ font-family: 'Trebuchet MS'; font-size: 16px; font-weight: bold; margin-bottom: 0px; margin-top: 20px; color: #0099FF;} .submitIdeaBox_Sm input { width: 140px; font-family: 'Trebuchet MS'; font-size: 11px; margin-left: 5px;} .submitIdeaBox_Sm input.button { width: 40px;} #statusBar .left{ float:left; height:38px;width:180px; padding-left:10px; background-image:url('../images/panel_status.png'); background-repeat:no-repeat; } #statusBar { clear: both; width: 200px; height: 38px; font-family: 'Trebuchet MS'; font-size: 12px; color: #3D505F; background-repeat: no-repeat; background-position:right; background-image: url('../images/panel_status.png'); margin-bottom: 10px; margin-top: 10px; } /*---------------------HowITWorks Sections ------------------*/ #HowItWorks p { margin-bottom: 0px; color: #1377AF; font-family: 'Trebuchet MS'; font-size: 16px; font-weight: bold; margin: 0px;} #HowItWorks div { margin-top: 5px;} #HowItWorks span { color: #7E7E7E; font-size: 12px; padding-bottom: 5px; display: block; border-bottom: 1px dashed #ccc;} #HowItWorks .rowIconLeft img { float: left; margin-right: 10px;} #HowItWorks .rowIconRight img { float: right; clear: both;} /*---------------------Search Bar Templates ------------------*/ .search_notificationBar { padding-top: 5px;} .search_notificationBar .text { border: 2px solid #3399FF; padding: 0px;} .searchBox_big { border: 1px solid #B6B6B6; padding: 10px; width: 400px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .searchBox_big input { font-family: 'trebuchet MS'; color: #999999; font-size: 20px; font-weight: normal; } /*---------------------Single Idea ------------------*/ #singleIdea .top { width: 774px; height: 151px; background-image: url('../images/bg_singleIdeaT.png'); } #singleIdea .top2 { width:774px; height:151px; background-image: url('../images/bg_singleIdeaRequestT.png'); } #singleIdea .ideaMeta { color: #999999; padding-top: 110px; width: 575px; margin-left: 70px; border-bottom: 1px dashed #C0C0C0; } #singleIdea .ideaRequestMeta { color: #999999; padding-top: 100px; width: 575px; margin-left: 70px; border-bottom: 1px dashed #C0C0C0; } #singleIdea .statistics { color: #fff; float: right; width: 115px; margin-top: 45px; } #singleIdea .title { color: #1377AF; font-size: 18px; font-weight: bold; font-family: 'Trebuchet MS' , Arial; font-weight: bold; } #singleIdea .mid { width: 774px; background-image: url(../images/bg_singleIdeaM.png); background-repeat: repeat-y; padding: 15px 0 0 70px; font-size: 14px; } #singleIdea .bottom { width: 774px; height: 225px; background-image: url(../images/bg_singleIdeaB.png); background-repeat: no-repeat; padding-top: 20px; } #singleIdea .bottom2 { width: 774px; height: 225px; background-image: url(../images/bg_singleIdeaRequestB.png); background-repeat: no-repeat; padding-top: 20px; } #singleIdea .twoCents{ font-weight:bold; margin-left:413px; margin-top:145px; } #singleIdea .rateAndComment { margin-left: 100px; width: 525px; border-top: 1px dashed #C0C0C0;} #singleIdea .rating { float: left; width: 70px; margin-right: 10px;} #singleIdea .rating .star { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} #singleIdea .rating .filled { background-image: url(../images/rating_filledStar.png);} #singleIdea .rating .saved { background-image: url(../images/rating_savedStar.png);} #singleIdea .rating .empty { background-image: url(../images/rating_emptyStar.png);} #singleIdea .attachedPhotos { margin-top: 70px; margin-left: 209px; font-size: 14px; font-weight: bold;} /* idea comments with cork board */ #ideaComments { width: 740px; margin-top: 10px; margin-left: 20px;} #ideaComments .top { height: 58px; font-family: 'Trebuchet MS' , Arial; font-size: 20px; color: #fff; background-image: url(../images/bg_commentCorkT.jpg);} #ideaComments .mid { background-image: url(../images/bg_commentCorkM.jpg);} #ideaComments .commentContainer { width: 668px; margin-left: 30px; background-image: url(../images/bg_commentM.jpg);} #ideaComments .commentTop1 { float: right; background-image: url(../images/bg_commentT1.jpg); width: 487px; height: 51px;} #ideaComments .commentTop2 { float: right; background-image: url(../images/bg_commentT2.jpg); width: 487px; height: 51px;} #ideaComments .postIt1 { width: 181px; height: 82px; background-image: url(../images/bg_commentPostit1.jpg);} #ideaComments .postIt2 { width: 181px; height: 82px; background-image: url(../images/bg_commentPostit2.jpg);} #ideaComments .commentDescrip{ margin: -45px 0 15px 190px; width: 460px;} #ideaComments .rating { float: right; text-align: right;} #ideaComments .rating .star { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} #ideaComments .rating .filled { background-image: url(../images/rating_filledStar.png);} #ideaComments .rating .saved { background-image: url(../images/rating_savedStar.png);} #ideaComments .rating .empty { background-image: url(../images/rating_emptyStar.png);} #ideaComments .commentFooter { height: 30px; background-image: url(../images/bg_CommentB.jpg);} #ideaComments .bottom { background-image: url(../images/bg_commentSubmit.jpg); height: 257px;} #ideaComments .bottomdisabled { background-image: url(../images/bg_commentClosed.jpg); height: 257px;} #ideaComments .bottom .postComment { text-align: right; padding: 90px 0 0 75px; width: 345px;} #ideaComments .bottom .postComment .text, #ideaComments .bottom .postComment .watermark { border: none; height: 90px; width: 345px; font-family: 'Trebuchet MS' , Arial; background: transparent; overflow: auto; } /*-------------idea comments -----------------*/ .ideaComment { clear: both; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 10px; width: 600px; border: 1px solid #D6DDE5; } .ideaComment img { float: right;} .ideaComment .commentHeader { padding: 5px; height: 25px; background-color: #E4EDF6;} .ideaComment .commentDescrip { padding: 10px; background-color: #F3F6FB;} /*---------------Idea Listing --------------------*/ .ideaList { margin-bottom: 15px;} .ideaList ul{ margin:0; list-style:none; padding:0;} .ideaList li.ideaLI{ border-bottom:1px solid #798b35;} .ideaList li .idea{background-image:url('../images/iconIdeas.png');background-repeat:no-repeat;padding-left:50px;min-height:60px;} .ideaList li .getIdea{ background-image:url('../images/iconGetIdeas.png');background-repeat:no-repeat;padding-left:50px;min-height:60px;} .ideaList a.listing { padding:8px; display:block; float:left; width:500px; background-color:White; } .ideaList a.listing:hover{ background-color:#f5f5f5; cursor:pointer;} .ideaList .commentWrapper{ margin: 5px 5px 5px 0; border-left:1px solid #798b35; border-right:1px solid #798b35; padding:10px; width:40px; float:left; } .ideaList .commentCount{ margin-left:5px;} .ideaList .title{ display:block; font-family: 'Trebuchet MS' , Arial; font-size: 16px; font-weight: bold;} .ideaList .idea .title{ color:#1377AF;} .ideaList .getIdea .title{ color:#798d3f;} .ideaList .descrip{ color:Black;} /*------------Login Module ----------------*/ .loginHorizontal { margin-top: 5px;} .loginHorizontal .label{ display: none;} .loginHorizontal .textBox { width: 100px; border: 1px solid #3399FF; margin-bottom: 5px;} .loginHorizontal .watermark { width: 100px; border: none; margin-bottom: 5px;} .loginHorizontal .failureText { display: none;} .loginHorizontal .loginLabel { display: none;} .loginVertical .failureText { clear: both; color: #D20000; font-size: 14px; margin: 10px 0 10px 0; padding: 5px;} .loginVertical .label { float: left; clear: left; text-align: right; width: 100px; margin: 10px 0 5px 5px;} .loginVertical .textBox { float: left; width: 150px; margin: 10px 0 5px 5px;} .loginVertical .forgotPWLink { clear: left; display: block; float: right; text-align: right;} .loginVertical .watermark { float: left; width: 150px; margin: 10px 0 5px 5px;} .loginVertical .button { float: right; margin: 10px 30px 10px 0;} .loginVertical .loginLabel { width: 300px; text-align: center; display: block;} .panel1 .header { background: url('../images/panelheader1L.png') no-repeat left top; height: 23px; padding-left: 4px; } .panel1 .header span { height: 23px; display: block; padding: 4px 0 0 5px; background: url('../images/panelheader1R.png') no-repeat right top; font-weight: bold; font-size: 13px; } .panel1 .body { margin-right: 2px; /*to account for whitespace at the right of the header */ padding: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; } .panelheader2{ height: 41px; background-image: url("../images/panelheader2.png"); background-repeat: no-repeat; background-position: right; line-height: 30px;} .panelheader2 span {display:block;float:left; height:41px;width:10px;background-image:url("../images/panelheader2.png"); background-repeat:no-repeat;} .tableHeader1 { border-bottom: dotted 1px #999999; margin-bottom: 10px; height: 31px; background-image: url('../images/notificationBar_bg.png'); background-repeat: repeat-x; padding-left: 5px; border-top: 1px dotted #ccc; color: #808080; font-weight: bold; } /*------------Navigation and Menus ------------------*/ #leftnav ul { width: 142px; list-style: none; margin-left: 10px; margin-top: 0px; padding-left: 10px; } #leftnav a { width: 124px; border: 1px solid #dcddde; border-top: 1px solid #fff; text-decoration: none; font-size: 11px; font-weight: bold; color: #817b7b; display: block; padding: 5px 0; line-height: 1.7em; margin-left: 1px; font-family: "Lucida Grande" ,Lucida,Arial,sans-serif; font-size: 13px; padding-left: 25px; position: relative; text-shadow: 0px 1px 0px #fff; } #leftnav li:first-child { width: 152px; border-top: 1px solid #dcddde;} #leftnav a:hover { color: #cc6600;} #leftnav a.active, #leftnav a.active:hover { color: #fff; text-shadow: 0px 1px 0px #666; background: url('../images/leftnav-active.jpg') 0px 0 no-repeat; width: 142px; border: 0; position: relative; top: 0px; left: -11px; border: 0 !important; text-indent: 16px; padding-bottom: 5px; } #leftnav .active span { position: absolute; width: 15px; height: 10px; background: url('../images/leftnav-active.jpg') bottom left no-repeat; top: 29px; left: 0; } #subNav { width: 80%; float: left; font-size: 12px; padding: 0 10px 0 10px; border-bottom: 1px solid #999;} #subNav li { float: left; margin: 0; padding: 0; display: inline; list-style: none;} #subNav a:link, #subNav a:visited { float: left; line-height: 20px; font-weight: bold; margin: 0 10px 0 10px; text-decoration: none; color: #999;} #subNav a.active:link, #subNav a.active:visited, #subNav a:hover { border-bottom: 4px solid #ff6600; padding-bottom: 2px; color: #0066FF;} /*----------------Main Navigation ----------------*/ .mainNav { float: right; background-color: #FFFFFF; width: 600px;} .mainNav .left { position:relative; float:right; width: 7px; height: 26px; background-image: url('mainNav/mainNav_bg.png'); background-repeat: no-repeat; } #mainNavUL { position: relative; z-index: 1000; display: inline-block; padding: 0px 0px 0px 6px; margin: 0px; list-style: none; float: right; height: 26px; background-image: url('mainNav/mainNav_bg.png'); background-repeat: no-repeat; background-position:right; } #mainNavUL li{ float: left; position: relative;margin-left:5px;margin-right:5px;} #mainNavUL a { float: left; text-decoration: none; color: #fff; padding: 0; margin:7px 10px 0 0; font: 900 14px "Arial" , Helvetica, sans-serif; } #mainNavUL a span { float: left; height: 24px; display: inline; } #mainNavUL a:hover { border-top: solid 4px #00B3E3; margin-top: 3px; } #mainNavUL a.current { background: url(mainNav/mainNavHover_bg.png) no-repeat top right; color: #000000; padding-right: 15px; position: relative; z-index: 1001; } #mainNavUL .current span { background: url(mainNav/mainNavHover_bg.png) no-repeat top left; padding-right: 15px; position: relative; z-index: 1001; } #mainNavUL .current:hover { border-top: none; margin-top: 7px; } /* sub nav */ #mainNavUL ul { padding: 0px; margin: 0px; display: block; } #mainNavUL li ul { position: absolute; left: 0px; top: 0px; margin-top: 26px; /*how far from parent nav link */ width: 120px; background-color: #0B0B0B; color: #fff; /* for IE */ display: none; } #mainNavUL li:hover ul { display: block; } #mainNavUL li ul li { display: block; margin: 5px 10px; padding: 0px 0px; width: 100px; border-top: dotted 1px #2279C6; list-style-type: none; } #mainNavUL li .leftCorner { position: absolute; top: 3px; left: -19px; } #mainNavUL li .rightCorner { position: absolute; top: 3px; left: 110px; } #mainNavUL li.last { background: transparent none repeat scroll 0% 0%; margin: 0px; padding: 0px; border: none; position: relative; border: none; height: 0px; } #mainNavUL li ul li:first-child { border-top: none; } #mainNavUL li ul a { display: block; color: #fff; font-size: 12px; } #mainNavUL li ul a:hover { color: #7FCDFE; } /*-------------Idea Categories Treeview ----------------*/ .ideaCategoriesTreeview table { list-style: none; padding: 0; margin-left: 10px;} .ideaCategoriesTreeview a { font-family: Arial; font-size: 12px; color: #004276; text-decoration: none; font-weight: bold;} .ideaCategoriesTreeview .selected { color: #000000; font-weight: bold; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #990000; border-right-color: #990000; border-bottom-color: #990000; border-left-color: #990000; background-color: #FFFFFF; } .ideaCategoriesTreeview a:hover { color: #CC0000; text-decoration: underline;}