/*
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: 90%
	margin: 0;
	padding: 0;
	color: #666666;
	background-image: url(/elguji/ideajam.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(/elguji/ideajam.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(/elguji/ideajam.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(/elguji/ideajam.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: 800px; white-space: nowrap; 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;}
/*Used to control other links for ideas in views*/
#ideatable a,#ideatable a:link,#ideatable a:visited,#ideatable a:active {font-size:115%; color: #2E69C7; font-weight: normal; text-decoration: none;}
#ideatable a:hover {font-size: 115%; 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;}
/*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; width:100%; overflow: auto;}
.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;}
.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('/elguji/ideajam.nsf/bg_button_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url('/elguji/ideajam.nsf/bg_button_span.gif') no-repeat;
    display: block;
    color:#000;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    font: normal 12px arial, sans-serif;
    text-decoration: none;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
    font: normal 12px arial, sans-serif;
}
a.button:active span {
    background-position: bottom left;
    color: #000;
    padding: 6px 0 4px 18px; /* push text down 1px */
    text-decoration: none;
    font: normal 12px arial, sans-serif;
}
a.buttonblue {
    background: transparent url('/elguji/ideajam.nsf/bg_button_a_blue.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.buttonblue span {
    background: transparent url('/elguji/ideajam.nsf/bg_button_span_blue.gif') no-repeat;
    display: block;
    color: #000;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    font: normal 12px arial, sans-serif;
    text-decoration: none;
}
a.buttonblue:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    font: normal 12px arial, sans-serif;
    text-decoration: none;
}
a.buttonblue:active span {
    background-position: bottom left;
    color: #000;
    padding: 6px 0 px 18px; /* push text down 1px */
    text-decoration: none;
    font: normal 12px arial, sans-serif;
}
#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:#BBFDB2; padding: 5px; border: 1px solid #666666;}
/*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; white-space: nowrap; top: 46px; left:-195px; height: 20px;}
#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: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;}