/*
Portions of this CSS Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/*Used for top right menu on all pages */
.menu  {position: relative; text-decoration: none; font-size:90%; padding-bottom: 0px; text-align: right; margin-right:15px; text-decoration: none; z-index: 99;}
.menu A:visited {text-decoration: none; color: #333399;}
.menu A:link {text-decoration: none; color: #333399;}
.menu A:active {text-decoration: none; color: #333399;}
.menu A:hover {text-decoration: underline; color: #333399;}
/*Can be used to format this SPAN in the top menu on all pages for the Unvoted and User Profile */
#userdetails {}
/*Format footer that shows on all pages*/
#footer {font-size: 85%; text-align: left; margin-left:10px; margin-top:10px;}
#footer A:link, #footer A:visited, #footer A:active {color: #333399; text-decoration: none;}
#footer A:hover {text-decoraton: underline;}
#errors {text-align: left;color: #FF3366; font-weight: bold; padding-bottom: 5px;}
/*Default body text for ideas and other areas*/
body  {
	font-family: Arial;
           font-size:80%;
           margin:0;
	padding: 0;
           color: #666666;
	background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/bg_vertical.png);
	background-repeat:repeat-x;
}
/*Yahoo YUI for CSS Grids DO NOT CHANGE*/
.yui-main {background-color: #FFFFFF;}
.yui-g	{padding-right: 0px; min-height: 900px; height: auto !important;height:900px;}
.yui-g .yui-b {background-color: #FFFFFF; padding-top:10px; border: 1px solid #cccccc; min-height:1900px; height: auto !important; height:1900px;}
/*Used to format the IdeaJam logo in the upper left corner of every page*/
#logo {float: left; margin-top: 5px; padding-left:10px;}
/*Used to format the Header of all pages*/
#hd {height:90px;
         padding-top:10px;
         padding-bottom: 5px;}
.div_view {width:530px; padding: 20px; margin: 10px;}
/*Used to add spacing to radio buttons and checkboxes*/
input.radio, input.checkbox {margin-right: 3px; margin-left: 3px;}
#nctRememberMeCheckBox {margin-right: 3px; margin-left: 3px;}
/*Used to format the entire idea container*/
.div_idea_container {width: 510px; padding: 5px; margin: 5px;} 
.div_idea_container td {border: none; padding: 2px; min-width: 200px;} 
/*Used on Idea Form to hold contents of Idea*/
.div_idea {top: 20px; text-align: left;}
/*Used on views to show total vote count */
.div_votes {width: 60px; font-size: 105%; color: #666666; height: 20px; vertical-align: middle; font-weight: bold; margin-top: 2px;}
/*Used on the Idea Form in the votes graphic on top left side of form*/
.div_votes_idea {width: 80px; font-size: 85%; color: #666666; height: 40px; vertical-align: middle; font-weight: nomal;}
/*Used in views to hold Promote/Demote/No Opinion area*/
.div_votes_container {background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/voteboxmedium.png); background-repeat: no-repeat; margin-left: 4px; vertical-align: middle; width: 60px; height: 70px; padding-top:1px; text-align: center;}
/*Used in views to hold Promote/Demote/No Opinion area on the Idea Form*/
.div_votes_container_idea_form{background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/voteboxbig.png); background-repeat: no-repeat; margin-left:10px; vertical-align: middle; width: 80px; height: 85px; padding-top: 3px; text-align: center;}
/*Promote link in views used for voting*/
.div_promote {cursor: pointer; width: 62px; color: #40ae31 ; font-size:75%; margin-top: 4px; text-decoration: none; height:15px; font-weight: bold;}
/*Demote link in views used for voting*/
.div_demote {cursor: pointer; width: 62px; color: #FF5100; font-size:75%;  margin-top:1px; text-decoration: none; height:15px; font-weight: bold;}
/*No Opinion link in views used for voting*/
.div_meh {cursor: pointer; width: 62px; color: #666666; font-size:80%;  margin-top:1px; text-decoration: none; height:15px; font-weight: bold;}
/*Promote link used on Idea Form to vote*/
.div_promote_idea {cursor: pointer; width: 80px;color: #40AE31; font-size: 85%;  margin-top: 3px; text-decoration: none; height:15px; font-weight: bold;}
/*Demote link used on Idea Form to vote*/
.div_demote_idea {cursor: pointer; color: #FF5100; font-size:85%; margin-top:1px; text-decoration: none; height:15px; width: 80px; font-weight: bold;}
/*Used in views to show list of tags */
.div_idea_tags {font-size: 90%; text-align: left; font-weight: bold;}
/*Used in views to show author of idea */
.div_whoseidea {position: static; font-size: 90%; text-align: left; padding-bottom: 2px; color: #666666; font-weight: bold;}
/*Used to control the view header */
.div_view_header {position: relative; color:#40A3E1; font-weight: bold; margin: 10px; font-size: 98%; z-index: 99;}
.div_view_header a, .div_view_header a:link, .div_viewer_header a:active, .div_view_header a:focus, 
.div_view_header a:visited, .div_view_header a:focus {font-size: 100%; text-decoration:none; font-weight: bold; color:#333399;}
.div_view_header a:hover {text-decoration: underline; font-size: 100%;}
.div_view_header a.button:hover {text-decoration: none;}
/*Used to control the view body*/
.div_idea_body {margin-top: 5px; text-align: left;}
.div_idea_body img {vertical-align: middle;}
.div_idea_body a {font-weight: normal;}
/*CSS for sidebar*/
.div_sidebar {margin-left: 10px; margin-bottom: 5px; margin-right:10px; text-align: left;}
.div_sidebar td {text-align: left; font-size: 90%; border: none; padding: 2px; vertical-align: middle; height: 20px;}
.div_sidebar img {align: left;}
/*Controls links in the sidebar */
.div_sidebar td A:visited, .div_sidebar td A:link, .div_sidebar td A:active {color: #333399; text-align: left;  text-decoration: none;}
.div_sidebar td A:hover {text-decoration: underline;}
/*Controls H2 Headings in sidebar */
.div_sidebar h2 {font-size: 131%; font-weight: bold; text-decoration: none; color:#333399; border-bottom: 2px solid #CCCCCC;}
.div_sidebar h2 A:visited, .div_sidebar A:link, .div_sidebar A:active {text-decoration: none; color: #333399;}
.div_sidebar h2 A:hover {text-decoration: underline; color: #333399;}
/*Controls Left column of What's Hot grid in right navigator*/
.div_sidebar .leftcol {font-size: 95%; color: #666666; font-weight: bold; text-align: center; vertical-align: middle; padding-top:10px; 
background-image:url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/voteboxsmall.png);
	background-repeat: no-repeat; height: 25px; width: 34px; font-weight: bold;}
/*Controls the name of the IdeaSpace at the top of each view*/
#div_idea_space_name h2 {position: relative; font-size: 200%; color: #FF5100; font-weight: bold; text-align: left; border-bottom: none; min-width: 100px; white-space: wrap; left: 0px; padding-top:10px; line-height: 1.2em;}
#ideanav {position: absolute; width: 697px; z-index: 0;}
#prevbutton {float: left; left: 0px; padding-top: 150px; cursor:pointer;}
#nextbutton {float: right; right 0px; width: 8px; padding-top: 75px; cursor:pointer;}
/*Used on Help and Statistics Forms*/
#div_about {padding:10px; font-size: 108%}
#div_about h3 {font-weight:bold;color: #333399;}
#div_about A:link {font-weight: normal; color: #333399; text-decoration: none;}
#div_about A:visited {font-weight: normal; color: #333399; text-decoration: none;}
#div_about A:hover {font-weight: normal; color:#333399; text-decoration: underline;}
#div_about a.button:hover {text-decoration: none;}
/*Used to Control Idea Title in Views*/
#ideatable {position: relative; z-index: 99; left: 0px;}
#ideatable h3, #ideatable h3 a,#ideatable h3 a:link,#ideatable h3 a:visited,#ideatable h3 a:active {font-size:115%; color: #333399; font-weight: bold; text-decoration: none;}
#ideatable h3 a:hover {text-decoration: underline;font-size:115%;}
/*Used to control other links for ideas in views*/
#ideatable a,#ideatable a:link,#ideatable a:visited,#ideatable a:active {font-size:105%; color: #2E69C7; font-weight: normal; text-decoration: none;}
#ideatable a:hover {font-size: 105%; text-decoration: underline;}
#ideatable a.button:hover {text-decoration: none;}
/*Controls the table cells for Idea Views*/
#ideatable td {padding: 7px;border-bottom: 1px solid #cccccc;vertical-align: top;}
#ideatable td h3 {text-align: left;}
#ideatable tr:hover {background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif); background-repeat:repeat-x;}
/*Controls IdeaSpace name at top of each view*/
#div_idea_space_name {
	margin: 0px 10px;
	text-align: left;
            line-height: 2.0em;
	color: #40AE31;
	font-size: 105%;
	font-weight: bold;
	padding-top: 0px;
	border-bottom-color: #2E69C7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
#div_idea_space_name A:link {font-weight: bold; color: #333399; text-decoration: none;}
#div_idea_space_name A:visited {font-weight: bold; color: #333399; text-decoration: none;}
#div_idea_space_name A:hover {font-weight: bold; color: #333399; text-decoration: underline;}
#div_idea_space_name A.button:hover {text-decoration: none;} 
/*Used on Idea form (in idea_raad) subform*/
#div_idea_space_name_comment {
	margin: 0px 10px;
	position: relative;
	text-align: left;
	color: #40AE31;
	font-size:110%;
	font-weight: bold;
	border-bottom: 2px solid #2E69C7;
}
/*Used by the view navigation system to move between view pages*/
.navtable td {border:1px solid #CCCCCC; text-align: right; padding: 4px;}
.navtablelink, .navtablelink_on, .navtablecur {font-size:75%; 
	padding: 2px; padding-left: 4px; padding-right: 4px; cursor: pointer;}
.navpagecount {font-size:75%; cursor: default;}
.navtablelink_on {color: #000000;}
.navtablecur {color: #666666; font-weight: bold ;background-color: #DAEEF7;}
.navpages {color: #000000; padding-top: 0px; padding-bottom: 0px;
	font-size:100%; padding-left:4px; padding-right: 4px;}
.navpages input {padding: 0px; width:35px; font:100%;
	color: #000000; text-align: right; cursor: pointer;}
.newideatable td{padding-left: 0px; text-align: left; border: none;}
.newideatable h3 {color: #333399; font-weight: bold; padding-top:10px;}
/*This is for the comment view on the idea form */
#commentview {text-align: left; width:100%;}
/*Used at the top of an idea form to warn user of missing information*/
#warningmessage {position: relative; font-size:110%; color: #000000; background-color: 
#95E599; left: 30px; float: left; padding:10px; width: 100px; height: 48px; border: 4px solid 
#666666; padding-top: 25px; visibility: hidden; font-weight: bold; text-align: center; line-height: 25px; z-index: 100;}
#warningmessage input {position: absolute;}
/*Comment formatting on Idea form*/
.comment {font-size: 100%;color: #000000; padding-bottom: 10px; padding-top:10px; font-weight: normal; font-size: 90%; border-bottom:1px solid #CCCCCC; overflow: auto;padding-left:5px;}
.comment A:link {color: #333399; text-decoration: none;}
.comment A:visited {color: #333399; text-decoration: none;}
.comment A:active {color: #333399; text-decoration: none;}
.comment A:hover {color: #333399; text-decoration: underline;}
.commentby {font-size: 85%; font-weight: bold; padding-top: 5px; color:#666666;padding-left:5px;padding-top:5px;padding-bottom:5px;}
.commentby A:link, .commentby A:visited, .commentby A:active {color:#333399; text-decoration: none;}
.commentby A:hover {text-decoration: underline;}
/*Used to colorize Tags in tag clouds*/
a.tag1:link, a.tag1:visited {font-size: .9em; color:#2E69C7; text-decoration: none;}
a.tag1:hover {font-size: .9em; text-decoration: underline; cursor: pointer;}
a.tag2:link, a.tag2:visited {font-size: 1.1em; color: #333399; text-decoration: none;}
a.tag2:hover {font-size: 1.1em; text-decoration: underline; cursor: pointer;}
a.tag3:link, a.tag3:visited {font-size: 1.2em; color: #98CA3C; text-decoration: none;}
a.tag3:hover {font-size: 1.2em; text-decoration:underline; cursor: pointer;}
a.tag4:link, a.tag4:visited {font-size: 1.3em; color: #6699CC; text-decoration: none;}
a.tag4:hover {font-size: 1.3em; text-decoration: underline; cursor: pointer;}
a.tag5:link, a.tag5:visited {font-size: 1.4em; color: #FF5100; text-decoration: none;}
a.tag5:hover {font-size: 1.4em; text-decoration: underline; cursor: pointer;}
a.tag6:link, a.tag6:visited {font-size: 1.5em; color: #40AE31; text-decoration: none;}
a.tag6:hover {font-size: 1.5em; text-decoration: underline; cursor: pointer;}
/*Tag accordian on Tags page*/
#accordion {position: relative;}
.toggler {
	color: #222;
            text-align:left;
	margin: 0;
	padding: 2px 5px;
	background: #EEE;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	font-weight: bold;
	width: 95%;
           cursor: pointer;
}
#tagcloud {text-align: center;}
#tagcloud h2 {text-align: left;}
/*Used to format the No Comments found message*/
.nocomments{font-size: 10pt; color: #666666; font-weight: normal;}
/*Used for search results*/
#searchresults{position: absolute; display: none; z-index: 1; background-color: #FFFFFF;}
/*Used for lists*/
ul li {list-style-type: disc; margin-left: 20px; color: #666666;}
ol li {list-style-type: decimal; margin-left: 20px;color: #666666;}
strong {font-weight: bold;}
em {font-style: italic;}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    text-decoration: none;
}
/*Used for graphical buttons*/
#button {text-decoration: none;}
a.button {
    background: transparent url('/IdeaJam/P/ij.nsf/bg_button_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url('/IdeaJam/P/ij.nsf/bg_button_span.gif') no-repeat;
    display: block;
    padding: 5px 0 5px 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
}
a.button:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    padding-bottom: 4px;
    padding-top: 6px;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
}
a.buttonblue {
    background: transparent url('/IdeaJam/P/ij.nsf/bg_button_a_blue.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.buttonblue span {
    background: transparent url('/IdeaJam/P/ij.nsf/bg_button_span_blue.gif') no-repeat;
    display: block;
    padding: 5px 0 5px 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
}
a.buttonblue:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
}
a.buttonblue:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    padding-bottom: 4px;
    padding-top: 6px;
    font-size: 12px
    font-face: arial, sans-serif;
    font-weight: normal;
    color: #000000;
}
/* End Graphical Button CSS */
#navbutton {position: relative; top: -24px; left: 155px;}
.nav {margin:10px;align:left;}
#changespace {font-weight: normal;}
#changespacediv {position: relative; left: 0px;width:100%; text-decoration: none; z-index: 99;}
/*Idea Form - Voting Section*/
#showwhohasvoted {cursor: pointer;}
#whohasvoted {font-size: 90%; font-weight: bold; color: #666666;}
#whohasvoted A:link, #whohasvoted A:active {font-weight: bold; color: #333399; font-size:100%; text-decoration: none;}
#whohasvoted A:visited {color: #333399; font-size:100%; text-decoration: none;}
#whohasvoted A:hover {color: #333399; font-size:100%; text-decoration: underline;}
#whohasvoted H3 {font-weight: bold;}
/*Used by the Register Form*/
#signuptable td {text-align: left; border:none; padding-top:10px;padding-right:10px; margin:0px;}
.signup
{
min-height: 1900px;
height:auto !important;
height:1900px;
position: relative;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:500px;
  left: 10px;}
.signup a:link, .signup a:visited, .signup a:active {color: #333399; text-decoration: none;}
.signup a:hover {text-decoration: none;}
.signup h4 {color: #FF5100; font-weight: bold; font-size:125%;}
/*Used in views to show linked idea and screenshot graphics*/
.view_graphic_images {float: right; padding-left:10px;}
/*Section of idea form used to show Blog This info*/
#ideajamblogthis textarea {font-size:100%; font-weight: normal; background-color: #FFFFBD;}
/*Used at the top of views to display the System Text used in Control Panel*/
#viewheadermessage {margin:10px; background-color:#eefee1; padding: 10px; border-bottom: 1px solid #cccccc;font-weight:bold;font-size:110%;border-top: 1px solid #cccccc;text-align:center;}
#viewheadermessage a, #viewheadermessage a:visited  #viewheadermessage a:active {color:#333399;text-decoration:none;}
#viewheadermessage a:hover {color:#333399;text-decoration:underline;}
/*Used on the Idea form to show similar ideas after entering an idea description*/
#similarideas {display: none; margin:10px; padding: 5px; background-color: #F3FFF0;}
#similarideas A:link, #similarideas A:visited, #similarideas:active {text-decoration: none; color: #333399;}
#similarideas A:hover {text-decoration: underline;}
/*Used to on Idea form to show tags when user types in tags*/
#matchingcategories{cursor: pointer; color:#333399; padding:5px;}
/*Used on the Idea form for the No Opinion button*/
#noopinionbutton{position: relative; top: -16px;}
/*Used to show statistics in header of every page*/
#header_stats {color:#666666; position: relative; font-size: 90%;min-width:800px; top: 46px; left:-195px; height: 20px; white-space:nowrap;}
#hd > #header_stats {color:#666666; position: relative; font-size: 90%;min-width: 800px; white-space:nowrap;margin-left:10px; float: left;left: 0px; top: 0px; height: 20px;}
/*Used to format the NCT Remember Me features*/
#nctRememberMeInsertLocation {float: right; text-decoration: none; font-size:80%; font-weight:normal; padding-bottom: 0px; text-align: right; margin-right:15px;}
#nctRememberMeInsertLocation A:link, #nctRememberMeInsertLocation A:visited, #nctRememberMeInsertLocation A:active {color: #333399; text-decoration: none;}
#nctRememberMeInsertLocation A:hover {text-decoration: underline;}
/*Used for User Profiles*/
#profile, #profile td
{
padding-top:15px;
padding-right:10px;
}
#profile A:link, #profile A:visited, #profile A:active {text-decoration: none; color: #333399;}
#profile A:hover {text-decoration: underline;}
#controlpaneldiv, #controlpaneldiv td {text-align: left;}
#controlpaneldiv td input.text {width: 100%;}
#controlpaneldiv td input.textarea {width: 100%; height: 150px; wrap: auto;}
/*Used for the Favourite Ideas Buttons*/
.star_empty {float: left; background: transparent url('/IdeaJam/P/ij.nsf/star_empty.gif') no-repeat scroll top left;height:16px; width: 19px; padding-right: 3px; cursor: pointer;}
.star {float: left; background: transparent url('/IdeaJam/P/ij.nsf/star.gif') no-repeat scroll top left;height:16px; width: 19px; padding-right: 3px; cursor: pointer;}
input.file {margin-bottom: 3px;}
/* BEGIN V1.3.2 CSS */
/*Used for the Favorite Ideas Buttons*/
.star_empty {float: left; background: transparent url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/star_empty.gif') no-repeat scroll top left;height:16px; width: 19px; padding-right: 3px; cursor: pointer;}
.star {float: left; background: transparent url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/star.gif') no-repeat scroll top left;height:16px; width: 19px; padding-right: 3px; cursor: pointer;}
.idea_star_empty {float: left; background: transparent url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/star_empty.gif') no-repeat scroll center center;height:30px; width: 19px; padding-right: 3px; cursor: pointer;}
.idea_star {float: left; background: transparent url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/star.gif') no-repeat scroll center center;height:30px; width: 19px; padding-right: 3px; cursor: pointer;}
#idea {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;width:95%;}
#ideaCategories {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;width:95%;}
.newideatable input:focus {background-image:url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif');
background-repeat:repeat-x;}
/* Controls the table row background image */
#ideatable tr:hover {background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif); background-repeat:repeat-x;}
.newideatable select {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;}
.newideatable input.radio {width:normal;}
.suggestion {cursor: pointer; background-color: #EBEBEB;color:#333399; padding-left:3px;padding-right:3px;line-height:20px;font-weight:bold;}
.suggestion:hover {cursor: pointer; background-color: #336699;color:#FFFFFF; padding-left:3px;padding-right:3px;line-height:20px;font-weight:bold;}
/* END V1.3 CSS */
/*Begin V1.4 CSS */
/* Web Admin Control Panel */
.controlpaneltable td{padding-left: 10px; text-align: left; border: none;}
.controlpaneltable h3 {color: #333399; font-weight: bold; padding-top:10px;}
.controlpaneltable input {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;width:95%;}
.controlpaneltable input.textarea {width: 100%; height: 150px; wrap: auto;}
.controlpaneltable input:focus {background-image:url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif');
background-repeat:repeat-x;}
.controlpaneltable select {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;}
.controlpaneltable input.radio {width:20px;}
#div_idea_container h1 {padding-left: 10px; font-size: 120%; cursor: pointer;}
/* Used on Advanced Search Form */
#ideaAuthor, #ideaDescription {padding: 3px; font-size:110%;color:#666666; border:1px solid #CCCCCC;font-weight:bold;width:95%;}
/* Used to show how a person voted on the Idea Form in Read Mode */
.howVoted {
           margin-top: 3px;
           height:15px;
           font-size: 0.8em;
           color: #000000;
           font-weight: bold;
}
/* Used to Control the Messages that appear below an IdeaSpace Heading */
.message {margin:5px; background-color:#EEFEE1; padding: 5px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC;font-size: 13px; font-weight: normal; color: #666666;line-height:1.5em;}
.closemessage {float: right; background: transparent url('/IdeaJam/P/ij.nsf/cross.png') no-repeat scroll top left;margin-top: 7px; height:16px; width: 16px; padding-right: 3px; cursor: pointer;}
/* Used on the Idea form to format status changes made to the idea */
.statuschange {background-color: #FFFF88;}
.systemadmin {background-color: #C3D9FF;}
.ideaspaceadmin {background-color: #EEFEE1;}
/* Used on the RecentComments view to format table cells */
.commentcell {width: 95%;overflow: hidden;word-wrap: break-word;}
.commenttabledate {width: 15%;}
.commenttablecreatedby {width: 15%;text-align:left;}
.commenttablebody {text-align:left;}
/*Used to format Advanced Search in Sidebar*/
#advancedSearchHolder a:visited, #advancedSearchHolder a:link #advancedSearchHolder a:active {color: #333399;font-size: 90%;text-decoration:none;padding-top:5px;}
#advancedSearchHolder a:hover {color: #333399;text-decoration:underline;}
/* End V1.4 CSS */
/* Begin V1.5 CSS */
/* Used for Dashboard */
.dashboard {
    font-size: 105%;
    padding: 10px;
}
.dashboard h3{
    border-bottom:2px solid #CCCCCC;
    color:#333399;
    font-size:125%;
    font-weight:bold;
    text-decoration:none;
    text-align: left;
}
.dashboard a, .dashboard a:visited, .dashboard a:hover, .dashboard a:active{
    color:#2E69C7;
    font-size:105%;
    font-weight:normal;
    text-decoration:none;
}
.dashboard table{
    width: 100%;
}
.dashboardscore, .dashboardcomments {
    text-align: center;
}
.dashboard thead{
    font-weight: bold;
}
#suggestedideas{
    padding-bottom: 20px;
}
.dashboard h3 {text-align: left;}
#myideas {padding-bottom: 20px;}
.dashboard td {padding: 3px;border-bottom: 1px solid #FFFFFF;vertical-align: top;}
.tooltip2:hover, .tooltip:hover {background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif); background-repeat:repeat-x;}
/* Used for hover over Idea in Dashboard */
.tool-tip {
	color: #fff;	
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: #666666;
	text-align: left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #666666;
	text-align: left;
}
.dashboarddate {
	width: 100px;
}
.suggestionspace {
	width: 200px;
}
/* Used in Web Admin Page to control - this is new CSS to fix bug in V1.4 CSS */
.controlpaneltable {width: 690px;}
/* Used to provide padding around Sidebar Login Box */
.loginHolder
{
padding-bottom:40px;
}
/* Div around Dashboard button */
.dashboardLink
{
padding-bottom:10px;
}
/* Div around the Post my Idea button */
.newidealink
{
padding-bottom:10px;
}
/* Additional CSS for Help Page */
#div_about h3 A:link {font-weight: bold; color: #333399; text-decoration: none;}
#div_about h3 A:visited {font-weight: bold; color: #333399; text-decoration: none;}
#div_about h3 A:hover {font-weight: bold; color:#333399; text-decoration: underline;cursor:pointer;}
/* End V1.5 CSS */
/* Start V1.6 CSS */
/* Top Innovators block in Sidebar*/
#topinnovatorssidebar a:link, #topinnovatorssidebar a:active, #topinnovatorssidebar a:visited {
color: #333399;
}
#topinnovatorssidebar h2 a:link, #topinnovatorssidebar h2 a:active, #topinnovatorssidebar h2 a:visited {
color: #333399;
}
#topinnovatorssidebar h2 a:hover {
text-decoration: underline;
}
#topinnovatorssidebar a:hover {
text-decoration: underline;
}
#topinnovatorssidebar span.topinnovatorscore {
color: #666666;
}
/* Top Innovators Page */
#topinnovatorstable {
width: 100%;
}
#topinnovatorstable thead th {
color: #333399;
font-weight: bold;
cursor: pointer;
text-decoration: underline;
text-align: center;
}
#topinnovatorstable thead th.topinnnameth {
text-align: left;
}
#topinnovatorstable td {
padding-top:3px;
padding-bottom:3px;
color: #666666;
font-weight: normal;
}
#topinnovatorstable td.topinnname {
color: #40A3E1;
cursor: pointer;
}
#topinnovatorstable td.topinnscore {
font-weight: bold;
text-align: center;
}
#topinnovatorstable td.topinnideas, #topinnovatorstable td.topinncomments, #topinnovatorstable td.topinnvotes, #topinnovatorstable td.topinnvotesfor  {
font-weight: normal;
text-align: center;
}
#topinnovatorstable tr:hover {
cursor: pointer;
background-image: url(/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif); 
background-repeat:repeat-x;
}
/* Follow and Un Follow Buttons */
div.buttons {
padding-bottom: 35px;
}
/* Follow/Unfollow Buttons */
.buttons a, .buttons button {
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f1f1f1;
border:1px solid #666666;
border-top:1px solid #eee;
border-left:1px solid #eee;
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-family: Arial, Verdana, sans-serif;
font-size:100%;
line-height:100%;
text-decoration:none;
font-weight:bold;
color:#333399;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* Follow/Unfollow Button Normal (Currently not used by IdeaJam as of V1.6) */
button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* Follow button */
button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#EEFEE1;
border:1px solid #666666;
color:#529214;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* Unfollow button */
.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* End V1.6 CSS */
/* Start V1.7 CSS */
/* Formatting for Fields */
.extrafield {
padding: 3px;
font-size:110%;
color:#666666;
border:1px solid #CCCCCC;
font-weight:bold;
width:95%;
}
.extrafielddate {
padding: 3px;
font-size:110%;
color:#666666;
border:1px solid #CCCCCC;
font-weight:bold;
}
#hiddenextrafields {
text-align: left;
}
#extrafieldscontainer {
border:1px solid #CCCCCC;
background-color: #EEFEE1;
text-align: left;
padding:6px;
}
/* Hover overs for Dashboard */
.tip {
  color: #fff;
  z-index: 13000;
  width: 127px;
}
.tip-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  padding: 8px 8px 4px;
  background: url(/IdeaJam/P/ij.nsf/bubble.png) top left;
}
.tip-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: url(/IdeaJam/P/ij.nsf/bubble.png) bottom right;
}
/* Used to format Implementation Plan Textarea field on Focus */
#implementationplan:focus, #additionallongtext:focus {background-image:url('/IdeaJam/P/ij.nsf/vwControlPanel/Control+Panel+Settings/$FILE/ideadetail_background.gif');
background-repeat:repeat-x; 
}
/* Used to format Implementation Plan Textarea field */
#implementationplan, #additionallongtext {
border:1px solid #CCCCCC;
color:#666666;
font-size:110%;
font-weight:bold;
padding:3px;
width:95%;
font-family:Arial;
}
/* Thiis is for the Idea Description field when using plain text editor on an idea*/
#ideaDescription {
font-family: Arial;
}
/* End V1.7 CSS */
/* Start V1.8 CSS */
.linkedideasuggestions a {font-weight: bold; color: #333399; text-decoration: none;}
a.linkedidea, a.linkedidea:link, a.linkedidea:active, a.linkedidea.visited {color: #333399;}
.modified {float: right; display:block;color: #666666;padding: 4px;font-weight:normal;font-size:90%;}
.commentmoderation {margin-top:10px;padding-bottom:25px;}
/* IE 6 Hack for Comment Editing */
* html .commentmoderation {margin-bottom: 25px;}
a.button, span.button, a.button span {text-decoration: none !important;}
/*Used on the Idea form to show suggested tags after entering an idea description*/
#suggestedcategories {display: none; margin:10px; padding: 5px; background-color: #F3FFF0;}
#suggestedcategories A:link, #suggestedcategories A:visited, #suggestedcategories:active {text-decoration: none; color: #333399;}
#suggestedcategories A:hover {text-decoration: underline;}
.vcard .email {display: none;}
.developersfooter {float: right; padding-right: 250px;}
/* BE MARCH 16, 2011 SET TO DISPLAY NONE */
/* span.developersfooter {display:none;} */
/* Developers Page */
div#developers_container {padding:10px; font-size: 108%}
div#developers_container ul {padding:5px 0 5px 0;}
div#developers_container h1 {font-size: 130%; font-weight:bold;color: #333399; padding: 5px 0 5px 0;}
div#developers_container h2 {font-size: 110%; font-weight:bold;color: #333333; padding: 5px 0 5px 0;}
div#developers_container h3 {font-weight:bold;color: #336699; padding-bottom:5px;}
div#developers_container h4 {font-size: 110%; font-weight:bold;color: #333333; padding: 10px 0 5px 0;border-bottom: 1px solid #cccccc; }
div#developers_container p {padding: 5px 0 5px 0;}
div#developers_container a:link,div#developers_container a:visited, div#developers_container a:active {font-weight: normal; color: #333399; text-decoration: none;}
div#developers_container a:hover {font-weight: normal; color:#333399; text-decoration: underline;}
/* JSON Unit Tests Container */
div#jsonunittests_container {padding:10px; font-size: 108%}
div#jsonunittests_container h1 {font-size: 130%; font-weight:bold;color: #333399; padding: 5px 0 5px 0;}
div#jsonunittests_container h2 {font-size: 110%; font-weight:bold;color: #333333; padding: 10px 0 5px 0; border-bottom: 1px solid #cccccc;margin-bottom:10px;}
div#jsonunittests_container h3 {font-weight:bold;color: #336699; padding-bottom:5px;}
div#jsonunittests_container h4 {font-size: 110%; font-weight:bold;color: #333333; padding: 10px 0 5px 0;border-bottom: 1px solid #cccccc; }
div#jsonunittests_container td {padding:5px;}
/* Idea Form Tags Typeahead */
ul.autocompleter-choices li.autocompleter-selected {background-color: #cccccc;color:#333333;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color: #336699;} 
div#linkedideasuggestions a.linkedidea:link, div#linkedideasuggestions a.linkedidea:visited, div#linkedideasuggestions a.linkedidea:active {color:333399;text-decoration:none;}
div#linkedideasuggestions a.linkedidea:hover {text-decoration:underline;}
div#linkedideasuggestions {background-color: #f3fff0;width:95%;}
ul#linkedideaslist li a.linkedidea:link, ul#linkedideaslist li a.linkedidea:visited, ul#linkedideaslist li a.linkedidea:active {text-decoration:none;}
ul#linkedideaslist li a.linkedidea:hover {text-decoration:underline;}
ul#linkedideaslist li img {vertical-align:middle;}
ul#linkedideaslist {margin-top:10px;}
div#linkedideasuggestions {padding-top:10px;padding:5px;}
#linkedideatext {font-size:110%;padding:3px;border:1px solid #cccccc;}
.overTxtLabel {font-size:110%;padding:3px;}
/* Used for Lotus Business Card Integration */
#cardHeader table { width: 398px !important } 
#cardTable { display:block;overflow:hidden }  
.lotusui .lotusVCard #A11Yblank { display: block; height: 0 !important; width: 0 !important;} 
 
/* End V1.8 CSS */
/* Misc. Elguji Changes */
#errors ul li {color: #ff5100;}
/* Start V1.9 CSS */
div#ideaactivity {margin-top:20px;}
div#ideaactivity h3 {font-weight:bold;}
div#ideahistorychart  {margin-top:20px;}
div#sidebarideaspaces {margin-top:10px;}
div#sidebarideaspaces a:link, div#sidebarideaspaces a:visited, div#sidebarideaspaces a:active {color:#333399;text-decoration:none;}
div#sidebarideaspaces a:hover {text-decoration:underline;}
.reputation {margin:2px 0px 2px 3px;
padding:1px 5px 1px 5px;
background-color:#fff; 
color:#66666; font-weight:bold; 
 -moz-border-radius:4px;
font-size:85%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border: 1px solid #ccc;
cursor:help;
}
.gold {background-color: #D4A017;color:#fff;border:none;}
.silver {background-color: #666666;color:#fff;border:none;} 
.bronze {background-color: #AF7817;color:#fff;border:none;}
div#topinnovatorssidebar .reputation {font-size:85%; padding:0px 3px 0px 3px;-moz-border-radius:2px;
-webkit-border-radius:2px;
border: 1px solid #ccc;}
div#topinnovatorssidebar .gold {color:#ffffff !important; border:none;}
div#topinnovatorssidebar .silver {color:#ffffff !important;border:none;}
div#topinnovatorssidebar .bronze {color:#ffffff !important;border:none;}
.readmodemessage{background-color:#336699; color:white;font-weight:bold;padding:10px;-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;text-align: center;}
/* End V1.9 CSS */