body { margin: 0; padding: 0; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 11px; color: #000; text-align: center; }
form, input, textarea, label, fieldset, legend, select, optgroup, option, button, datalist, keygen, output { font-family: inherit; }
body.legal { text-align:left; margin:10px;}
.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Lato, Helvetica, Arial, sans-serif;
}
img { border: 0; }
.clear { clear: both; display:block;}
.float-right { float:right; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
p { margin: 0; padding: 7px 0; }
button { min-width: 110px; }
.hidden { display:none; }
#container { margin: 0 auto; padding: 0 0 2px 0; width: 974px; text-align: left; }
#header { width: 968px; }
#header .logo { padding: 15px 0px 10px 20px; }
#header-left { 
	width: 60%;
	height: 90px;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
	float: left;
	overflow: hidden; 
}

#nav { 
	width: 40%;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
	font-size:16px;
}
#nav ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	overflow:hidden; 
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
#nav li { float: right; }
#nav .create-idea-btn { 
	padding-left: 10px; 
}
#nav a:hover { color: #79B522; }

.user-name {
	text-decoration: none !important;
	color: #0069A3;
	font-weight:400;
}

.user-name img{
	margin-left:5px;
}

#nav li a, .dropbtn {
	display: inline-block;
	padding: 14px 16px;
	color: #0069A3;
	text-decoration: underline;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 120px;
	text-align: left;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-left:15px;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.idea-primary-btn,
.idea-primary-btn.ui-state-hover {
	font-size: 14px !important;
	background: #CE472C;
	border-radius: 999px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	padding: 10px 16px;
}

.idea-primary-btn.small-btn,
.idea-secondary-btn.small-btn,
.idea-secondary-btn.small-btn.ui-state-hover{
    padding: 4px 12px;
    font-size: 14px;
    min-width: 0px;
}

.idea-secondary-btn,
.idea-secondary-btn.ui-state-hover {
	font-size: 14px !important;
	background: #ffffff;
	border-radius: 999px;
	color: #CE472C;
	border: 1px solid #CE472C;
	cursor: pointer;
	padding: 10px 16px;
}

/*Hack to override the default behavour of ui-state-hover */
#idea_button.ui-state-hover {
	background: #CE472C;
	color: #FFFFFF;
	border: none;
}

.left .inner a,  .left .inner a:visited 
{
	color:#454545;
}

#page-header { overflow: hidden; width: 970px; background: #79b522; }

#page-header .left { float: left; background: #f2f2f2; width: 735px; }
#page-header .left .filler {height:40px;}


#page-header .left p { margin-left: 18px; padding: 15px 15px 5px 0; font-size: 21px; color: #aaa;font-weight: normal; line-height: 1.6em; letter-spacing: -0.02em; font-style: italic; width:642px;overflow:hidden;height:20px; }
#page-header .form { margin: 0px 0px 0px 18px; padding: 5px 25px 0px 0; }
#page-header .form label { display: block; padding: 0 0 4px 0; font-size: 22px; }
#page-header .form #search { display: block; padding: 10px; width: 670px; font-size: 16px; }
#page-header .form #search.defaultmsg { border: 1px solid #c1c1c1; color: #999; }
#page-header .form #search.custom { border-top: 1px solid #a1a1a1; font-weight: bold; }

#page-header #button-new {float: right;  }
#page-header #button-search { float: right;}

#page-header #button-search-wrapper 
{
	margin-top: 5px;
	padding-bottom: 10px;
	padding-right:1px; 
	height:24px;
}

.spacer 
{
	width:16px;
	float:right;
}
#page-header .sidebar { float: left; width: 232px; color: #f1ece6; }
#page-header .inner {  }
#page-header h2 { margin: 0; padding: 15px; font-size: 19px; font-weight: bold; }
/* #page-header a { display: block; padding: 0 15px 15px 15px; font-size: 14px; color: #f1ece6;line-height: 1.6em; } */
#page-header a:hover { color: #fff; }
#page-header #detail-header-sidebar a { text-decoration:underline; }


#page-header #detail-header #error-summary { width: 624px; padding: 0 0px 10px 10px; }
#page-header #detail-header #detail-summary { width: 420px; padding: 15px 0px 0px 10px; margin: 0px 0px 0px 110px;}
#page-header #detail-header #detail-summary h2, #page-header #detail-header #error-summary h2 
{ font-size: 24px; letter-spacing: -0.04em; color: #666; font-weight: normal; padding: 0px; margin: 0px; line-height: 1em;}
#page-header #detail-header #detail-summary blockquote { font-size: 12px; color: #797979; font-weight: normal; margin: 10px 0px 0px 0px; padding: 0px;}

#page-header #create_your_idea { float:right;}

#content .left ul li div.idea-summary h1 a:hover { color:#79b522;text-decoration:none; }
.detail #page-header { height: 152px; }
.detail #page-header .left { height: 152px; }
.detail #page-header .sidebar { height: 152px; }
.detail #page-header .inner { height: 152px; }

#page-header #detail-header { padding: 15px 0px 5px 21px; }

#page-header #detail-header #detail-summary { width: 515px; padding: 0 0 0 10px; margin: 0px 0px 0px 110px;}
#page-header #my-summary { padding: 15px;}
#page-header #detail-header #detail-summary h2 { font-size: 24px; letter-spacing: -0.04em; color: #454545; padding: 0px; margin: 0px; line-height: 1em;}
.idea-detail-info {display:flex; margin: 10px 0px 0px 0px; padding: 0px;justify-content: space-between;}
.idea-detail-info-left { text-align:left; color: #797979; font-size: 12px; font-weight: normal;}
.idea-detail-info-right { text-align:right; color: #796164; font-size:14px; font-weight:600; margin: 10px 0px 0px 0px;}

#page-header #detail-header-sidebar { text-align:center; padding: 16px 4px 0 4px;margin:auto; }
#page-header #detail-header-sidebar #message { font-size: 24px; padding-bottom: 16px; line-height: 1em; }

 #page-header #detail-header-sidebar  a { color:#ffffff; }
 #page-header #detail-header-sidebar a:visited { color:#ffffff; }

#page-header #detail-header-sidebar a { padding: 0;}


#tabs { float: left; width: 970px; height: 28px; padding:0px; background-color: #79b522; }
#tabs .left { background: #F0F0F0 url(../images/tabs-bg.gif) repeat-x bottom left; width: 735px; height: 24px; padding: 4px 0px 0px 0px;  }
#tabs .sidebar { display: none; }
#tabs ul { margin: 0 0 0 4px; padding: 0; list-style: none;  height: 26px;  }
#tabs ul li { margin: 0 0 0 4px; float: left;  height: 24px; }
#tabs ul li a:hover { background: #ccc; color: #79B522; }
#tabs ul li a span { color: #666; }
#tabs ul li a { display: block; padding:4px 10px 4px 10px; font-size:14px; background-color: #d4d4d4; font-weight: normal; text-decoration: none; color: #0069A3; margin: 0px;  height: 15px; border-bottom: 1px solid #c1c1c1; }
#tabs ul li a.selected { padding: 6px 10px 5px 10px; background-color: #fff; font-size: 14px; text-decoration: none; border: 1px solid #c1c1c1; border-bottom: 1px solid white; color: #000; margin-top:-4px;}
#tabs ul li a.selected:hover { background: #fff; }
#tabs ul li a.selected strong { font-size: 13px; }

#content { clear:both; background: url(../images/sidebar-bg.gif) repeat-y top right; height: 1%; border: 1px solid #c1c1c1; width: 968px;background-size: 234px; }
#content .left { float: left; width: 734px; }
#content .sidebar { float: left; width: 234px;  }
#content .sidebar ul { margin: 0px 0 0 0; padding: 0; list-style: none; border:0; }
#content .sidebar ul li { margin: 0; padding: 0; border:0; height:35px; display: block; width: 234px !important;  overflow:hidden; }
#content .sidebar ul li div { margin: 0; padding: 0; }
#content .sidebar ul li a { font-size: 15px; display: block; padding: 10px 10px 10px 15px; color: #0069A3; text-decoration: none;height:9px;overflow:hidden;}
#content .sidebar ul li.selected a { font-size: 15px;  padding: 9px 10px 11px 15px;font-weight:bold; text-decoration: none; }
#content .sidebar ul li a .category-count { color:#666;}

#content .sidebar ul li.selected {
	background: url(../images/sidebar-selected.png) left top no-repeat;
	margin-left: -8px;
}

#content .sidebar ul li.selected #selected-tab-popout 
{
	display: none;
}



#content .sidebar ul li a:hover { color: #79B522; text-decoration: underline; }
#content .sidebar ul li a:hover.selected { text-decoration: none;}

#content .left .inner { padding: 30px; }
.detail #content .left .inner { padding: 5px 30px 30px 30px; }
#content .left ul { margin: 0; padding: 0; list-style: none; }
#content .left ul li { padding: 0 0 0px 0; }

#content .left ul li div.idea-summary { float: left; margin-left: 10px; width: 84%; padding-bottom: 40px;}
#content .left ul li div.idea-summary h1 { margin: 0; padding: 0; font-size: 18px; color: #424242; }
#content .left ul li div.idea-summary h1 a { color: #424242; text-decoration: none; }
#content .left ul li div.idea-summary h1 span.green { display: inline; padding: 4px 6px; background: #7ec652; color: #fff; font-size: 10px; font-weight: bold; }
#content .left ul li div.idea-summary h1 span.orange { display: inline; padding: 4px 6px; background: #f59436; color: #fff; font-size: 10px; font-weight: bold; }
#content .left ul li div.idea-summary p { font-size: 13px; color: #666; line-height: 1.4em; }
#content .left ul li div.idea-summary blockquote { margin: 0; color: #797979; }
#content .left ul li div.idea-summary blockquote a { color: #0069A3; text-decoration: none; }
#content .left ul li div.idea-summary blockquote a:hover { color: #79B522; }

#content .left ul#detail-comments li { padding: 0 0 10px 0; }
#content .left ul li div.comment { font-size: 13px; margin: 0; padding: 10px 12px 10px 10px; background-color: #F0F0F0; border-top: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; color: #797979; }
#content .left ul li div.comment p { padding: 5px 0; overflow-wrap: break-word; }
#content .left ul li div.comment blockquote { margin: 0; padding: 0; display: inline; float: left; }

#content .left .inner #submitcomment, #add_image
{
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#comment_error {
	display: block;
	padding-left: 12px;
	margin: 5px;
	color: red;
}

#image_upload_error {
	display: block;	
	margin: 5px;
	color: red;
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}

#content .left ul li div.official { background-color: #EAD7DA; border: 1px solid #79b522; color: #53393D; }
#content .left ul li div.official blockquote { margin: 0; padding: 0; }
#content .left ul li div.official blockquote a { color: #79b522; text-decoration: none; }
#content .left ul li div.official blockquote a:hover { color: #000; }
#content .left ul li div.official .flag { display: block; float: right; padding: 9px 0 5px 15px; color: #000; width: 20%; }

#content .left .comment-footer-container { padding-top: 20px; }
#content .left .comment-footer-container span { float:right; color:#796164; }

#footer {  width: 969px; margin-bottom: 20px; }
#footer img:not(#footer-sidebar img) { float: left;  padding-bottom: 10px; }
#footer a { color: #505050; text-decoration: underline; }
#footer a:hover { color: #79b522; }
#footer p { padding: 0; }
#footer-inner { width:735px;height:100px; float:left;overflow:hidden;background: #F5F6F3;}
.footer-custom-html {padding: 30px 0px 0px 10px;}
#footer-sidebar {
	float:right;
	background: #555555;
    width: 234px;
    height: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
}


/* Trim Header Customizations */
.summary .detaill
{
	float: left;
	height:34px;
	width:618px;
	padding:4px 0 4px 16px;
	background: #79b522 url(../images/tl-corner.gif) no-repeat scroll left top;
	
}


.summary .detaill h2 
{
	background-color:#79b522;	
	color:#fff;
	padding:0px;
	margin:0px;
	
}	
.summary .detailr
{	height:34px;
	width:10px;
	float:right;
	background:#79b522 url(../images/tr-corner.gif) no-repeat scroll right top;
	padding: 4px 0 4px 0;
}

#detail .submit 
{
	float:right;
}

#comments .header { margin: 20px 0px 0px 0px; height: 35px; background: url(../images/comments_header_right.gif) right top no-repeat; }
#comments h2 { font-size: 20px; margin: 0px; padding: 5px 0px 10px 10px; height: 20px; background: url(../images/comments_header_left.gif) left top no-repeat; color:#424242; }

#comments .commentl { display: none; }
#comments .commentc { }
#comments .commentr { display: none; }

#detail #description  
{
	padding:0px 12px 0px 12px;
	font-size: 13px;
	color: #666;
}
#detail #description p
{
	overflow-wrap: break-word;
}

#comments .header 
{
	margin-bottom:10px;
}

.closed-for-commenting #newcomment {display: none;}
.closed-for-commenting #comment-header-none {display: none;}
.closed-for-commenting #comment-header-some {display: block;}

#newcomment textarea 
{
	width: 671px;
}

#newcomment {
	padding-bottom: 40px;
}

#newcomment #comment_form input#submitcomment {
	margin: 10px 0px 0px 0px;
	float: right;
}

#loginToComment {
	margin-top: 10px;
	margin-left: 215px;
}

#ModalContainer { text-align: left; }
#ModalContent { height: 1%; }
#ModalContent .left { float: left; width: 312px; background: #fff; }
#ModalContent.idea-form-container .left { float: left; width: 616px; background: #fff; }
#ModalContent.confirmation-dialog .left { width: 352px; }
#ModalContent.confirmation-dialog #cancelButton { width: 150px; }
#ModalContainer #idea_form input { width:96%;}
#ModalContainer #idea_form input[type='textbox'] { height:25px; }
#ModalContainer #idea_form textarea { width:96% }
#ModalContent .sidebar { float: left;  padding: 0 12px 12px 21px;  color:#797979}
#ModalContent .sidebar a { text-decoration:underline; color:#797979;}
#ModalContent .sidebar a:hover { text-decoration:underline; color:#000000;}

#ModalContent .left label { width: 65px; float: left; text-align: right; padding-right: 4px; padding-top: 2px;}
#ModalContent .left  #idea_form label {width:auto;float:none;text-align:left;margin-top:10px; }
#ModalContent .left #idea_form button { float: none; }
#ModalContent .left #Category { display:inline; }
#ModalContent .left input { width: 215px; border: solid 1px #c1c1c1; font-size:1em;padding:5px; }
#ModalContent .left label#label_agreetoterms {width: 215px; display:inline;float:left; text-align:left;}
#ModalContent .left #agreetoterms {float:left; width:auto;text-align:right;margin-left:53px;margin-right:6px;}
#ModalContent .left label#label_agreetoterms a { text-decoration:underline; color: #79b522;}
#ModalContent .left #register_button { margin-top: 10px; }
#ModalContent .left input[type='submit'] { float : right; }
#ModalContent .left .input { padding: 4px 0px 4px 4px; float: left; }
#ModalContainer .header { color: #79b522; font-size: 1.3em; font-weight:bold;padding-left:20px;padding-right:10px;float:clear;margin-bottom:-3px;}
.ModalContent .status, #ModalContent .status, #confirm_message .status  { font-size: 1.3em; font-weight:bold;padding-left:20px;padding-right:10px;float:clear;}
#ModalContainer .left #new-idea-lastrow { width:96%; border:0; padding:0;margin:10px 0 10px 0;}
#ModalContainer .left #new-idea-lastrow label { display:inline;}
#ModalContainer button 
{
	float:right;
	margin-right:10px;
}

#ModalContainer #idea_form button { margin: 0px 4px;  }
#ModalContainer #idea_form #VoteFor {
	width:20px;
	position:absolute;
	margin: 0px 0px 0px -20px;
}

#images_container, #commentform_images_container, #ideaform_images_container {
	flex-wrap: wrap;
} 

.image_input_container {
	display: flex;
	margin: 8px;
	width: 130px;
	height: 28px;
	gap: 4px;
	align-items: center;
	border-radius: 12px;
	background-color: #d9d9d9;
}

.image_input_container img {
	aspect-ratio: 1;
    object-fit: contain;
    height: 24px;
    width: 24px;
	padding: 2px;
	margin-left: 5px;
}

.image_container {
	border-radius: 5px;
    border: 1px solid #d9d9d9;
	margin: 2px;
}
.image_link {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image {
    height: 60px;
    width: 60px;
	padding: 2px;
}

#ModalContent.unauthorized-dialog .left
{
	height: 80px;
	padding-top: 20px;
}
#ModalContent.unauthorized-dialog .sidebar { padding-top: 20px; }

textarea { border-left: solid 1px #C1C1C1; border-top: solid 1px #C1C1C1; border-right: solid 1px #797979; border-bottom: solid 1px #797979; }
input[type='text'], input[type='password'] { border-left: solid 1px #C1C1C1; border-top: solid 1px #C1C1C1; border-right: solid 1px #797979; border-bottom: solid 1px #797979; }

.ui-dialog 
{
	padding:4px;
}

.ui-widget-header {
	background:#79b522;
	border:0;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
}

.ui-dialog-titlebar {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-webkit-border-bottom-left-radius: 0px 0px;
-webkit-border-bottom-right-radius: 0px 0px;
-webkit-border-top-left-radius: 11px 11px;
-webkit-border-top-right-radius: 11px 11px;

}

.ui-dialog .left 
{
	float: left;
	border-right: 1px solid #c1c1c1;
	text-align:left;
}

.ui-dialog .sidebar 
{
	float: left;
	width: 168px;
	text-align:left;
	color:#797979
}

.ui-dialog .errors { color: #000000; }

.ui-dialog label.primary 
{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	display:block;

}

.ui-widget-header .ui-icon {
	background-image:url(smoothness/images/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-state-hover .ui-icon  {
	background-image:url(smoothness/images/ui-icons_454545_256x240.png);
}

.ui-dialog .ui-dialog-buttonpane button 
{
	padding:0px;
}

#newcommentbody 
{
	overflow:hidden;
}

.detail-badge
{
	width: 100px;
	height: 21px;
	float: right;
	background: no-repeat right;
	margin:10px 0 10px 10px;
}

.status-candidate .detail-badge {display: none;}
.status-planned .detail-badge
{
	background-image: url(../images/planned-detail-badge.gif);
}
.status-completed .detail-badge
{
	background-image: url(../images/completed-detail-badge.gif);
}

.status-message-modal p 
{
text-align:left;	
font-size:16px;
}

.status-message-modal .indent 
{
	padding-left:20px;
	margin-left:20px;
}

.status-message-modal .check-box 
{
	height:16px;
	width:16px;
	border:1px solid #79b522;
	float:left;
	margin-right:8px;
}

.status-message-modal div 
{
	text-align:left;
}


.pagination .disabled
{
	visibility: hidden;
}

.pagination .enabled
{
	visibility: visible;
}

.pagination .current 
{
	color:#79b522;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	width:auto;
}


.left .inner .pagination .disabled a
{
	color:#797979;
	border: none;
}

.left .inner .pagination button {
	float:right;
	margin-right:11px;
	min-width:80px;
	font-size:10px;
}

.left .inner .pagination button a, .left .inner .pagination button a:visited 
{
	color:#fff;
}

#pagination-current{
	background-color:#FFFFFF;
	color:#333;
}

.pagination {
	display: flex;
    flex-direction: row-reverse;
}

.detail #comments 
{
	margin-top:20px;
}

.created-at {display:none;}
.latest-action-at {display:none;}
.status-changed-at {display:none;}

.list-latest .created-at {display: inline;}
.list-top .created-at {display: inline;}
.list-hot .latest-action-at {display: inline;}
.list-myvotes .latest-action-at {display: inline;}
.list-planned .status-changed-at {display: inline;}
.list-completed .status-changed-at {display: inline;}
.list-search .created-at {display: inline;}

#page-header #my-summary .label { font-size: 24px; text-align:right; letter-spacing:0em;}
#page-header #my-summary .data { font-size: 24px; color:#79b522; letter-spacing:0em; }

#update-password
{
	font-size:13px;
	width:370px;
	padding: 10px;
}

#update-password legend
{
	font-size:14px;
	font-weight:bold;
}

#update-password input 
{	
	width:215px;
	padding:2px;
}

#update-password .input label
{
	float:left;
	padding-right:4px;
	padding-top:2px;
	text-align:right;
	width:115px;
}

#update-password .input label.error
{
    color: Red;
}

#update-password .input
{
	float:left;
	padding:4px;
}

#update-password button {
	 float: right; margin: 10px; font-size:10px;font-weight:normal;
}

#hud-1-1 
{
	font-size:36px;
}

#hud-2-1
{
	font-size:36px;
}

#hud-2 
{
	font-size:18px;
}
#hud-3 
{
	font-size:18px;
}

#hud-1 img 
{
	padding:0px;
}

#hud-2 img 
{
	padding-right:4px;
	padding-left:12px;

}

#hud-3 img 
{
	padding-right:4px;
	padding-left:12px;
}
#hud-total 
{
	padding:0;
	margin:0;
}

#hud-pagination
{
    position: relative;
    top: 142px;
    left: 70%;
}

.idea-comment-hud 
{
	font-size:12px;
	padding:5px;
	width:281px;
}

.hud-left 
{
	text-align:right;
	padding:0;
}

.hud-right 
{
	text-align:left;
	padding-left:8px;

}

.hud-row 
{
	padding:5px;
	width:201px;	
}

#hud-2-1 .hud-ideas-of
{
    font-size:18px;
    line-height: .9em;
}

.hud-search-noresults
{
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.hud-integer
{
    letter-spacing: -2px;
}

.hud-decimal
{
    letter-spacing: -2px;
    padding:0;
    margin:0;
}

.hud-fraction
{
    letter-spacing: 0px;
}

/*#vote-message-voted { width: 225px; }*/

#category-list a, #category-list a:hover
{
	text-decoration:none;	
	color:#79b522;
}

#category-list hr { border-top: solid 1px #DDDDDD; border-bottom: solid 1px #FFFFFF; border-left: none; border-right: none; }

#content #category-header 
{
}
#content .sidebar h2 { margin: 0; padding: 10px 5px 5px 15px;  font-size: 24px; color: #777; text-transform:capitalize; letter-spacing: -0.02em; font-weight: normal; }

.hud-search-noresults 
{
	width: 281px;
	text-align:center;
	padding:0 20px 0 20px;
}

ul#errors { padding:0 0 0 20px;margin-left:0px;}
ul#client_errors { padding:0 0 0 20px; margin-left:0px;}

ul#errors li, ul#client_errors li, ul#upload_error li  
{
	list-style-image: url(../images/warning.gif);
}


a.flag-inappropriate { background: url(../images/alert-icon.gif) no-repeat 0px 2px; padding-left: 16px; font-size:11px;}
a.flag-inappropriate:hover { text-decoration: underline; }

span.flagged-inappropriate { background: url(../images/alert-icon.gif) no-repeat 0px 2px; padding-left: 16px; color: #79b522; float: right; font-size:11px;}


.detail .byline { float: left; display: inline; margin: 0; padding: 0;color:#797979;font-size:11px;}

#flag-line-container { padding: 16px; }
#flag-line-container a {float: right;}

#editable 
{
	border: 1px solid ; margin: 40px 19px 14px; padding: 8px; font-size: 12px; text-align: center; width: 80%; background-color: rgb(255, 255, 255);
}

/* this overrides the button colors that are reversed in pagination I couldn't find where the colors where originally defined so this is here. move it if you find out where */

.pagination .ui-state-default 
{
	background: #0069A3;
	border: 0;
	padding: 0.3em 0;
}

.pagination .ui-state-active, .pagination .ui-state-active.ui-state-hover 
{
	background: #AAA;
	border: 0;
	padding: 0.3em 0;
}

.pagination .ui-state-default.ui-state-hover 
{
	background: #79B522;
}

.pagination .ui-state-default.ui-state-hover a 
{
	color: #fff !important;
}

#auth-header {
	padding: 25px 0 0 33px;
	font-size: 18px;
	color: #797979;
}

#auth-container {
	background: url(../images/auth-bg.png) transparent no-repeat center top;
	background-size: 100% auto;
	height: 100vh;
}

	#auth-container #container {
		width: 700px;
	}

	#auth-container #header {
		width: 100%;
		padding-top: 20px;
	}

	#auth-container #footer {
		width: 700px;
	}

	#auth-container #footer-inner {
		width: 500px;
	}

	#auth-container #footer-sidebar {
		width: 200px;
	}
	#auth-container #footer-sidebar img {
		padding: 61px 62px 60px 55px;
	}

	#auth-container #header-left {
		width: 100%;
	}

	#auth-container #header-right {
		display: none;
	}

#auth-content .inner {
	padding: 25px 80px 0 80px;
}

	#auth-content .inner .message {
		width: 400px;
		font-size: 12px;
		font-weight: 600;
		text-align: center;
	}

	#auth-content .inner #confirmation-link, #contact-admin-link {
		display: flex;
		margin-top: 10px;
		padding: 5px;
	}

		#auth-content .inner #confirmation-link a, #contact-admin-link a {
			color: #0069A3;
			font-weight: 600;
			margin: auto;
		}

            #auth-content .inner #confirmation-link a:hover, #contact-admin-link a:hover {
                color: #79B522;
            }

		#auth-content .inner #confirmation-link p, #contact-admin-link p {
			margin: auto;
			text-align: center;
		}

#auth-content .input-container {
	padding: 10px 10px 10px 7px;
	height: 40px;
}

	#auth-content .input-container label {
		padding: 2px;
		display: block;
		font-weight: 600;
	}

	#auth-content .input-container input[type='text'], input[type='password'] {
		width: 100%;
		height: 25px;
		padding: 2px;
		display: block;
		border: solid 1px #c1c1c1;
		border-radius: 3px;
	}

#auth-content .auth-button {
	margin-left: 7px;
}

#auth-content .agree-to-terms {
	padding: 10px 5px 12px 4px;
}

	#auth-content .agree-to-terms input[type='checkbox'] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}

	#auth-content .agree-to-terms label {
		font-weight: 600;
		padding: 5px;
	}

	#auth-content .agree-to-terms a {
		color: #0069A3;
		font-weight: 600;
	}

        #auth-content .agree-to-terms a:hover {
            color: #79B522;
        }

	#auth-content .agree-to-terms #switchToLogin {
		float: right;
		color: #0069A3;
		font-weight: 600;
		padding: 5px;
	}

        #auth-content .agree-to-terms #switchToLogin:hover {
            color: #79B522;
        }

#auth-content .nav-links {
	padding: 12px 0 0 7px;
}

	#auth-content .nav-links a {
		display: block;
		padding: 3px;
		color: #0069A3;
		font-weight: 600;
	}

        #auth-content .nav-links a:hover {
            color: #79B522;
        }

#auth-content .profile-action-links {
	padding: 10px 10px 10px 7px
}

	#auth-content .profile-action-links a {
		padding: 3px;
		color: #0069A3;
		font-weight: 600;
	}

        #auth-content .profile-action-links a:hover {
            color: #79B522;
        }

#auth-content .errors {
	padding: 8px 0 0 8px;
	font-size: 16px;
}

#auth-content .input.g-recaptcha {
	margin: auto;
	width: 310px;
	padding: 10px 0;
}

#auth-content .form-header {
	padding: 8px;
	font-size: 14px;
}

#email-notification {
	padding: 18px 10px 10px 7px;
}
	#email-notification p {
		color: #777777;
	}

#remove-my-profile {
	padding: 0px 7px;
}

#remove-my-profile p {
	color: #ff0000;
}

#ModalContent.remove-my-profile-dialog .left {
	width: 100%;
}
.remove-my-profile-dialog .left {
	border-right: none;
}

.remove-my-profile-dialog .sidebar {
	display: none;
}

.idea-info{
	display:flex;
}

.idea-info-left{
	width:20%
}

.idea-info-right{
	width:80%;
	text-align:right;
}

.idea-list-summary-info {
	display:flex; 
	margin: 5px 0px 5px 0px; 
	padding: 0px;
	justify-content: space-between;
}

.idea-list-summary-info-left {
	text-align:left; 
	color: #797979; 
	font-size: 12px; 
	font-weight: normal;
}

.idea-list-summary-info-right {
	text-align: right;
	color: #796164; 
	font-size:14px; 
	font-weight:600;
	flex-shrink:0;
}