body { background-color: #fff; color: #666; }

body, p, ol, ul, td {
  font-family: "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

h1 {
  font-size: 22px;
  font-weight:normal;
  text-align:center;
  font-style:normal;
}

#challenge-description {
  font-style: italic;
}

.txt-sft {
  color: #b2b2b2;
}

p, div.form-field-ct {
	padding: 0;
	margin: 0 0 15px 0;
}

div.form-info {
  padding: 0  0 5px 116px;
  background-image: url(../images/icons/icon_info_16.png);
  background-repeat: no-repeat;
	background-position: 90px 1px;
	font-size: 10px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a, a:visited, a:hover {
	color: #666;
	text-decoration: underline;
}

form {
	margin: 0;	
}

ul {
	padding: 0 0 0 20px;	
}

.tinytext {
	font-size: 10px;
}

#top-menu {
  color: #b2b2b2;
  border-bottom: solid 2px #f2f2f2;
}
#top-menu a {
  color: #b2b2b2;
  text-decoration:underline;
}

#main {
  background: transparent url('/images/backgrounds/gradient.png') repeat-y scroll left top;
}

#header {
  background-image: url('/images/backgrounds/header.png');
  height: 175px;
  position:relative;
}

#footer {
  background-image: url('/images/backgrounds/footer.png');
}

/* Sidebar styles */
#sidebar-right, #sidebar-right ul {
  color: #808080;
  font: 11px;
}

#sidebar-right h2 {
  font:16px bold;
  color: #606060;
  height:25px;
  line-height: 26px;
  text-align:center;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* linked lists */
ul.link-list {
	list-style: none;
	padding: 0;
}

ul.link-list li {
	padding-left: 35px;
	background: transparent top left no-repeat;
}

ul.ideas li {
  background-image: url(../images/icons/icon_idea.png);
}
ul.news-items li {
  background-image: url(../images/icons/icon_info.png);
}

ul.link-list li a,
ul.link-list li a:visited {
	color: #666;
	display: block;
	height: 37px;
	padding-top: 3px;
	padding-right: 30px;
	text-decoration: none;
}

ul.link-list li a:hover {
	text-decoration: underline;
}

ul.link-list li a.go {
	background-image:  url(../images/buttons/button_go.png);
	background-repeat: no-repeat;
	background-position: top right;
}

/** Comments **/

.comment {
	padding-left: 65px;
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 50px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html .comment {
 height: 50px;
}
/**/

.comment p {
	margin-bottom: 10px;
}
.comment .comment-info { }

/*idea in overview*/
.idea {
  padding-left: 67px;
  background: transparent url(../images/icons/icon_idea_60.png) no-repeat top left;
}

div.info {
  min-height: 60px;
  clear:both;
  padding-left: 67px;
  margin-bottom: 30px;
  background: transparent url(../images/icons/icon_info_60.png) no-repeat top left;
}


.idea a.title {
  color: #000;
  text-decoration: underline;
  font: 14px;
}
.idea .display_date {
  font-size: 10px;
}
.idea .description {
  color: #b2b2b2;
}

.link_to_comments {
	padding: 0 0 0 20px;
	background:transparent url(../images/icons/icon_comment_16.png) no-repeat center left;
}

div.sidebar-block div.inner div.start-new-challenge-text {
  background:transparent url(../images/backgrounds/new_challenge_bg.png) no-repeat top left;
}

div.sidebar-block div.inner div.submit-idea-text {
  background:transparent url(../images/backgrounds/submit_idea_bg.png) no-repeat top left;
}


.lined {
  border-bottom: solid 4px #fff;
}

/* pagintion */

.pagination {
	text-align: center;
	padding: 5px 0 0 0;
}
.pagination .disabled {
	font-size: 10px;
}
.pagination .current {
	font-size: 10px;
}
.pagination a {	
}

/* breadcrumb */
#breadcrumb a {
  color: #999;
  text-decoration: underline;
}

/* ------------------------
END OF ORIGINAL DEFAULT CSS 
TODO: merge them in a nicer way.
------------------------ */

body {
  background: #f2f2f2 url(../images/backgrounds/bg.png) repeat-x;
}

body, ul {
  margin:0;
}
a img {
  border: 0;
}
#canvas {
  width:  1018px;
  margin:  20px auto;
  overflow: hidden;
  padding: 0px;
}
/* overrule generic html */

#top-menu {
  padding: 3px;
  text-align:right;
}

.pagination, .bottom-block {
  width: 700px;
}

#canvas .header-less-high {
  height: 40px !important;
/*  margin-top: 150px;*/
}

#challenge-description {
  width:70%;
  color: #666;
}

#challenge-description .description {
  text-align:justify;
  height: 102px;
  margin-left:-24px;
  overflow:hidden;
  margin-bottom: 1px;
}

#challenge-image {
  margin: -10px 0 0 40px;
}

label {
  cursor: pointer;
}

.pos-r {
  float:right;
}

.pos-l {
  float:left;
}

.pos-c {
  display:block;
}

.txt-c {
  text-align:center;
}

.indent {
  margin-left:80px;
}

.indent-s {
  margin-left:60px;
}

.txt-sm {
  font-size:12px;
}

.txt-xsm {
	line-height: 12px;
  font-size:10px;
}

.txt-drk {
  color: #808080;
}

.txt-xdrk {
  color: #000;
}

.txt-lgt {
	color: #a0a0a0;
}

a {
  color: #888;
  text-decoration: underline;
}

a:visited {
  color: #666;
}

a.no-link, a.no-link:visited, a.no-link:hover {
	color: #666;
	text-decoration: none;
	cursor: normal;
}

span.alert, span.required {
  color: #900;
}

div.errors {
  text-align:center;
  color: #900;
}

/* overrule drupal system.css */
.item-list ul li {
  list-style-type: none;
}

ul.links {
  margin: .3em 0;
}

#profile-top {
	margin-bottom: 15px;
}

#profile-top-left {
	float: left;
	width: 40%;
}

#mugshot-with-frame {
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
}

#mugshot-with-frame #mugshot {
	margin: 15px;
	width: 120px;
	height: 120px;
}

#mugshot-with-frame #mugshot-frame {
  position: relative;	
  top: -150px;
}

#profile-top-right {
	float: right;
	width: 60%;
}

#profile-top input {
  width:270px;
  margin-bottom: 1px;
}

#profile_user_details input {
	width: 250px;
}

/* generic sap classes */
.line {
  float: left;
  width: 100%;
  display: block;
  position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
  /*overflow: hidden;*/ /*only needed for equal height columns*/
  background-color: transparent;
}

.item {
  position: relative;
  float: left;
/*  overflow: hidden;*/
  left: 100%;
}

/*.item div {
  display:block;
}
*/
.column { /* all columns have continous background color */
  height: 100%;
/*  margin-bottom: -5000px;
  padding-bottom: 5000px;
*/}

/* end generic; all sap elements must have margin-left and with defined */
#logoitem {
  margin-left: -95%;
  width: 90%;
  padding-top:20px;
}

#title {
  margin-left: -80%;
  width: 65%;
}

#primary-nav {
  margin-left: -100%;
  width: 100%;
  text-align: center;
}

#main {
  padding: 10px;
}

#main #sidebar-left {
  margin-left: -100%;
  width: 250px;
  z-index: 100; /*prevent main content from obscuring sidebars */
}

#main #sidebar-left .sap-content {
  padding-left: .5em;
  padding-right: .5em;
}

#main #maincontent {
  margin-left: -100%;
  width: 100%;
}

#main #maincontent div.inner-maincontent {
  padding: 0px 280px 5px 10px;
  * margin-left: -15px;
}

#maincontent div.block {
  background:transparent url(../images/backgrounds/block_bg.gif) no-repeat scroll left bottom;
  margin-bottom:10px;
  width:720px;
  overflow: hidden;
}

#maincontent div.block h2 {
  background:transparent url(../images/backgrounds/block_title_bg.gif) no-repeat scroll 0% 0%;
	font-family: "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
  font-size:16px;
  color: #606060;
  height:25px;
  margin:0pt;
  overflow:hidden;
  padding:5px 3px 0pt 0pt;
  position:relative;
  text-align:center;
}

#maincontent div.block h2 span.days-left {
  color: #b2b2b2;
  font-size: 13px;
  padding-right:4px;
}

#maincontent div.block .inner {
  margin:5px;
  padding:5px;
}

/* Sidebar */

#sidebar-right {
  margin-left: -280px;
  * margin-left: -295px;
  width: 250px;
  position:relative;
  z-index: 100; /*prevent main content from obscuring sidebars */
}

div.sidebar-block {
  background: transparent url(/images/backgrounds/greyblock_bg.gif) no-repeat;
  margin-bottom: 15px;
}

div.sidebar-block div.inner {
  background: transparent url(/images/backgrounds/greyblock-footer.gif) bottom left no-repeat;
	padding: 0 6px 5px 6px;
}

/* sidebar inner container which is followed by more inner containers.
 * (Omits rounded bottom corners and has a bottom border for division)
 */
div.sidebar-block div.not-last {
	background: none !important;
	border-bottom: 4px solid white;
}

#main #sidebar-right div.searchblock {
  margin-bottom: 8px !important;
}

#sidebar-right ul {
}

#sidebar-right ul.go {
  margin-left: 40px;
}

#main #sidebar-right .sap-content {
  padding-left: .5em;
  padding-right: .5em;
}

#footerline {
  border-bottom: none;
}

#footer {
  margin-left: -100%;
  height:34px;
  width: 100%;
  text-align: center;
	
}
.poweredby, #powered-by {
	margin: 10px auto 20px auto;
	text-align: center;
}
.poweredby a, .poweredby a:hover, .poweredby a:visited,
#powered-by a, #powered-by a:hover, #powered-by a:visited {	
	font: Arial;
	font-size: 10px;
}

/*search boxes */
.searchblock {
  height: 38px;
  width:250px;
  display:block;
  margin-bottom: -6px;
  * margin-bottom: 0;
  background: transparent url(/images/backgrounds/search_bg.png) no-repeat;
}

.searchblock-large {
  height: 38px;
  padding: 0 4px 0 4px;
  width:633px;
  display:block;
  background: transparent url(/images/backgrounds/search_bg_large.png) no-repeat;
}

.search-container .search-box {
  border: none;
  padding-left:4px;
  color: #999;
  text-decoration:italic;
  font-size:14px;
  line-height:30px;
  height: 34px;
  width:200px;
  background: transparent;
}

.searchblock-large .search-box {
  width:580px !important;
  border:0 !important;  
}

.search-container .search-button {
  width:38px;
  height: 38px;
  border:none;
  background: transparent url(/images/backgrounds/search.png) no-repeat right center ;
}

/* idea */

div#idea.block {
	overflow: hidden;
}

.idea-description {
  width:620px;
  color: #999;
  min-height: 60px;
  overflow:visible;
  padding-left:80px;
  padding-bottom:20px;
  background: transparent url(/images/icons/icon_idea_60.png) no-repeat left top ;
  border-bottom: solid 1px #f2f2f2;
}

#idea-mugshot {
  margin-left: 10px;
  margin-right: 10px;
}

#breadcrumb {
  color: #999;
  font-size: 90%;
  padding-left: 15px;
  margin-top: -5px;
  margin-bottom: 5px;
  display:block; width:100%; clear:both;  
}

#sidebar-right h2 {
  margin-top: 0px;
	font-family: "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;

}

/* Attachments */

ul#attachments {
  color: #999;
  padding-left:40px;  
}

ul#attachments li{
  margin-bottom: 5px;
}

ul#attachments a {
  color: #333;
  text-decoration:underline;
}

div.attachment-fields {
	border-bottom: 3px solid #f2f2f2;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/* Evaluations */

input.hint, textarea.hint {
  color: #CCCCCC !important;
}

textarea.slim {
  width:440px !important;
}

div.evaluation { 
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 65px;
	min-height: 50px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html div.evaluation {
 height: 50px;
}
/**/

div.evaluation-info { 
	margin-bottom: 6px;
}

div.greyed-out {
  color: #CCCCCC;
}

form div.message {
  padding-left: 80px;
  background: url(/images/icons/icon_comment_60.png) no-repeat 10px center ;
}

form div.message textarea {
  width: 88%;
  border: 1px solid #EEE;
  padding: 0.5em;
}

/* Idea history sidebar block */
ul.idea_history {
  list-style: none;
	font-size: 10px;
	padding: 0;
}
ul.idea_history li {
  list-style: none;
  margin: 0;
  padding: 0.5em 0 0.5em 35px;
}
ul.idea_history li .date {
  color: #CCC;
}
ul.idea_history li .changed_by {
  font-weight: bolder;
}
ul.idea_history li.assignment {
  background: url(/images/icons/icon_assigned_to_24x24.png) no-repeat 5px center;
}
ul.idea_history li.evaluation {
  background: url(/images/icons/icon_announcement.png) no-repeat 5px center;
}
ul.idea_history li.rejection {
  background: url(/images/icons/icon_returned_24x24.png) no-repeat 5px center;
}
ul.idea_history li.submission {
  background: url(/images/icons/icon_idea.png) no-repeat 5px center;
}
ul.idea_history li.transition {
  background: url(/images/icons/icon_info.png) no-repeat 5px center;
}


/* MISC */

.inner .padded-content {
  padding-left: 100px;
}

.inner .less-padded-content {
  padding-left: 80px;
}

.inner h3 {
  color:#606060;
  font-family: "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
  font-size:16px;
  text-align:center;  
  font-weight:normal;
  margin: 0;
	clear: both;
}

p.no-top-margin {
  margin-top: 0;
}

label.attrib {
  color: #666;
  font-size: 12px;
  display:block;
  width:100px;
  float:left;
  text-align:right;
  padding-right:5px;
}

/* Horizontal rulers */

hr {
  height:4px;
  background-color: #f2f2f2;
  color: #f2f2f2;
  margin:10px -10px 10px -10px;
  border: 0;
}

hr.small {
  height:2px;
}

.hr-bottom {
  border-bottom: solid 1px #f2f2f2;
}

input[type=text], input[type=password], textarea {
  border: solid 1px #e6e6e6;
  font: 13px "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
  color: #808080;
  padding:2px;
}

.inner input[type=text], .inner[type=password], .inner textarea {
	  width:570px;
}

textarea.large {
  height: 175px;
}

textarea.medium {
  height:75px;
}


.inner-info {
  background: url(/images/icons/icon_info_60.png) left top no-repeat;
  min-height: 100px;
}

.inner-idea {
  background: url(/images/icons/icon_idea_60.png) left top no-repeat;
}

.add-contributor {
  background: transparent url(/images/icons/icon_contributor_60.png) no-repeat scroll left top;
}

.inner .alert {
  background: transparent url(/images/icons/icon_alert_60.png) no-repeat scroll left top;
  padding-left: 80px;
} 

#assign_evaluator_form input[type=text] {
  width: 500px;
}

#assign_evaluator_form .loading { 
  background: url(/images/loading.indicator.white.gif) no-repeat right center;
}

dl.challenge_criteria_compliances dt {
	color: #999;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px; /* Force the height of the element to 21px to show all of the icon bg */
	background: transparent url(/images/icons/icon_question_24x24.png) no-repeat scroll left top !important;
	padding: 0 0 0 35px;
}

dl.challenge_criteria_compliances dd {
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 0 0 0 35px;
}

dl.evaluation_criteria dt {
	font-weight: bold
}

dl.evaluation_criteria dd {
	margin-left: 0; 
	padding-left: 1em; 
	margin-bottom: 1em; 
	font-style: italic
}


div.flash_notice, div.flash_error {
  margin: 15px 15px 10px 15px;
  background-color: #fff;
  padding: 6px 8px;
}
 
div.flash_notice h2, div.flash_error h2 {
  font-size: 100%;
  margin: 0 0 5px 0;
}

div.flash_notice {
  border: 1px solid #0000ff;
  color: #0000ff;
}
 
div.flash_notice h2 {
  color: #0000ff;
}

div.flash_error {
  border: 1px solid #e11;
  background-color: #fff;
  color: #e11;
}
 
div.flash_error h2 {
  color: #e11;
}
 
div.flash_notice p, div.flash_error p {
  margin: 0 0 5px 0;
  padding: 0;
}
 
div.flash_notice ul, div.flash_error ul {
  margin: 0 0 5px 0;
  padding-left: 30px;
}
 
div.flash_notice ul li, div.flash_error ul li {
  padding-left: 0; 
}

.translation_missing {
    font-family: 'Courier new', monospaced;
    color: red;
}

.criteria_answer_area {
	margin-bottom: 1em
}

textarea.big-field {
	height: 150px;
}

p.current-conditions {
	margin: 5px;
	padding: 6px 15px 6px 15px;
	border: 1px solid #dfdfdf;
	font-style: italic;
	background-color: #f4f4f4;
}

.fieldWithErrors {
	display: inline;
	background-color: white;
	padding: 0;	
}

div.fieldWithErrors input,
div.fieldWithErrors textarea,
div.fieldWithErrors select {
	border: 1px solid red !important;
}

div.fieldWithErrors label.attrib {
	font-weight: bold;
	border-width: 0px;
}

/*** Login Page ***/

#login-ct {
	margin: 20px auto;
	width: 518px;
}

	/* overridden in UPC css */
	#login-ct #login-header {
		background-image: url('/images/backgrounds/login_header.png');
		height: 30px;
	}

	#login-ct #login-main {
	  background: transparent url('/images/backgrounds/login_middle.png') repeat-y scroll left top;
		padding: 10px 19px 0 19px;
	}
	
		#login-main .login-block {
			background: #f0f0f2 url(../images/backgrounds/login_block_bg_bottom.jpg) bottom left no-repeat;
			margin: 10px 0 10px 0;
		}
		
			.login-block .intro {
				background: #f2f2f2 url(../images/backgrounds/login_block_bg_top.jpg) top left no-repeat;
				padding-top: 10px;
			  margin-bottom: 14px;
			}

				.login-block .intro p {
					font-size: 14px;
					text-align: center;
					
					/* Composate for the step number pushing this to the right */
					position: relative;
					left: -15px;
				}
									
				.login-block .intro span.step {
				  line-height: 40px;
				  margin: 0 10px 10px 10px;
				  float: left;
					color: white;
					font-size: 48px;
					width: 20px;
				}
			
			.login-block form {
				padding: 0 0 0 10px;
				margin: 0;
			}
				
				.login-block form input.field {
					width: 180px;
				}
			
				.login-block form label.field {
					float: left;
					width: 110px;
				}
			
	#login-ct #login-footer {
		background-image: url('/images/backgrounds/login_footer.png');
		height:20px;
	}
	
/** New user page **/

#new-user input.field {
	width: 180px;
}

#new-user label.attrib {
	float: left;
	width: 110px;
}

	/*  Login screen */
	/*
	#login-screen {
	font-family: "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	  width:600px;
	  margin: 40px -40px 40px 150px;
	}

	#login-screen h3 {
	  text-align:center;
	}

	#login-screen label {
	  display:block;
	  float:left;
	  margin:8px 10px 0 0;
	  padding-top:3px;
	  text-align:right;
	  width:200px;  
	}

	#login-screen input[type=text], #login-screen input[type=password] {
	  border:1px solid #D9D9D9;
	  margin-top:8px;
	  height: 18px;
	  font-size: 14px;
	  width: 240px;
	}
	*/


/*
#main-login .new_user, #main-login .change_password  {
  margin: 10px;
}
#main-login .new_user label, #main-login .change_password label {
  width: 150px;
}

#main-login h2 {
  text-align: center;
}

#main-login #login, #main-login #password, #main-login input[type="text"], #main-login input[type="password"] {
  width: 240px;
  height: 18px;
  line-height: 18px;  
  padding: 2px;
  border:solid 1px #999;
}
#main-login label {
  width:100px;
  float: left;
  text-align:right;
  padding-right: 4px;
}

.rememberme {
  width:400px !important;
  text-align:left !important;
}

.footer-login {
	background-image: url('/images/backgrounds/login_footer.png');
	height:20px;
}

#header-login {
	background-image: url('/images/backgrounds/login_header.png');
	height: 30px;
}

#canvas-login {
  margin:20px auto;
  overflow:hidden;
  padding:0;
  width:518px;
} 

*/


/*menu*/

#tabs-menu {
  position: relative;
	top: 160px;
}

#tabs {
  clear:both;
  width:980px;  
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0 10px;
  position:relative;
  top:0;
  left:0;
  z-index:20;
}

#tabs li.tab {
	float: left;	
}
#tabs li.right-tab {
	float: right !important;
}

#tabs li.tab a.left {
  background:transparent url(../images/buttons/tabs_bg_inactive.png) top left no-repeat;
  color:#7F6E76;
  display:block;
  float:left;
  font-size:12px;
  height:40px;
  margin:2px 0px 0px 1px;
  padding:12px 8px 0px 14px;
  text-decoration:none;
}

#tabs li.tab a.right {
  background-color: transparent;
	background-image: url(../images/buttons/tabs_bg_inactive.png);
	background-position: top right;
	background-repeat: no-repeat;
  float:left;
  height: 50px;
  margin-top: 2px;
  width: 6px;
}

#tabs li.active-tab a.left {
  background:transparent url(../images/buttons/tabs_bg_active.png) top left no-repeat scroll;
  color: #fff;
}

#tabs li.active-tab a.right {
  background:transparent url(../images/buttons/tabs_bg_active.png) top right no-repeat scroll;
}

/** Actions toolbar **/

ul#actions {
  list-style: none;
  height: 100px;
  margin: 0;
	padding: 0 0 0 25px;
}

ul#actions li {
  float: left;
	margin: 0 30px 0 0;
}

ul#actions li a {
  text-decoration: none;
  color: #808080;
	font-size: 11px;
	line-height: 13px;
	float: left;

	/* 100 x 110 */
	padding: 70px 10px 0 10px;
  height: 30px;
  width: 80px;

  text-align: center;

 	background-color: white;
	background-position: left -100px;
	background-repeat: no-repeat;
}

ul#actions li.active a,
ul#actions li a.toggle-tab:hover {
	background-color: #f2f2f2;
	background-position: top left;
}



/* Tab icons */

ul#actions a#settings_toggle-tab {
  background-image: url(/images/toolbar/tab_challenge.jpg);
}

ul#actions a#contributors_toggle-tab {
  background-image: url(/images/toolbar/tab_contributor.jpg);
}

ul#actions a#workflow_toggle-tab {
  background-image: url(/images/toolbar/tab_funnel.jpg);
}

ul#actions a#idea_submission_toggle-tab,
ul#actions a#idea_toggle-tab  {
  background-image: url(/images/toolbar/tab_idea.jpg);
}

ul#actions a#trash_toggle-tab {
  background-image: url(/images/toolbar/tab_delete.jpg);
}

ul#actions a#reject_toggle-tab {
  background-image: url(/images/toolbar/tab_refuse.jpg);
}

ul#actions a#assign_evaluator_toggle-tab {
  background-image: url(/images/toolbar/tab_forwardtoeval.jpg);
}

ul#actions a#evaluations_toggle-tab {
  background-image: url(/images/toolbar/tab_evaluation.jpg);
}

ul#actions .hibbum {
  outline: 0;
  text-decoration: line-through;
  cursor: default; 

  filter:alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/icons/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.stars { 
	z-index: 5;
	background: url(/images/icons/star.gif) left center; 
	height: 25px;
}

.stars.one   { width:  25px; }
.stars.two   { width:  50px; }
.stars.three { width:  75px; }
.stars.four  { width: 100px; }
.stars.five  { width: 125px; }

/* Styles for custom buttons */

button {
	background: transparent;
	border: 0;
	color: #808080;
	padding: 0px !important;
	margin: 5px !important;
	cursor: pointer;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px;
	
	/* Extra instructions for IE */
	width: auto;
	overflow: visible;
}
	button div {
		font-size: 12px;
		padding: 0;
		margin: 0;
		height: 26px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url(../images/buttons/button_grey.png);
	}
	button.dark div {
		background-image: url(../images/buttons/button_dark.png);
		color: white;
	}
	button div.left {
		background-position: top left;
		padding-left: 13px;
	}
	button div.right {
		background-position: right -26px;
		padding-right: 13px;
	}
	button .content {
		float: left;
		height: 20px;
		padding-top: 6px;
		white-space: nowrap;
	}
	button.go .content {
		padding-right: 26px;
		background-image: url(../images/buttons/go.png);
		background-position: right 8px;
		background-repeat: no-repeat;
	}
	button.white-go .content {
		padding-right: 26px;
		background-image: url(../images/buttons/go_white.png);
		background-position: right 8px;
		background-repeat: no-repeat;
	}
	
	
/** Idea buttons bar (folow / vote) **/
div.idea-buttons {
	padding: 30px 5px 0px 5px;
}
	
/** Subscription buttons **/
a.subscription-button {
	background-image: url(../images/buttons/button_subscribe_middle.jpg);
	background-repeat: repeat-x;
	font-size: 10px;
	line-height: 24px;
	text-decoration: none;
	float: left;
	width: 154px;
}
a.subscription-button:hover {
}
a.subscription-button span {
	float: left;
	height: 24px;
	background-repeat: no-repeat;
}
a.subscription-button span.right {
	padding-right : 24px;
	width: 120px ;
	background-image: url(../images/buttons/button_subscribe_right.jpg);
}
a.subscription-button span.left {
	padding-left : 10px;
	background-image: url(../images/buttons/button_subscribe_left.jpg);
}
a.follow {
	background-position: left 0px;
}
a.follow:hover {
	background-position: left -48px;
}
a.unfollow {
	background-position: left -24px;
}
a.unfollow:hover {
	background-position: left -72px;
}
a.follow span.right {
	background-position: right 0px;
}
a.follow:hover span.right {
	background-position: right -48px;
}
a.unfollow span.right {
	background-position: right -24px;
}
a.unfollow:hover span.right {
	background-position: right -72px;
}
a.follow span.left {
	background-position: left 0px;
}
a.follow:hover span.left {
	background-position: left -48px;
}
a.unfollow span.left {
	background-position: left -24px;
}
a.unfollow:hover span.left {
	background-position: left -72px;
}

/* Styles for tag_picker and tags_for */
ul.tag-list {
	list-style: none;
	margin: 15px;
	padding: 0;
	text-align: center;
}
	ul.tag-list li {
		float: left;
		height: 16px;
		padding: 0;
		margin: 0 5px 7px 5px;
	}
		ul.tag-list li a {
			padding-left: 10px;
			background-color: transparent;
			background-image: url(../images/buttons/tag_bg_light.gif);
			background-position: top left;
			text-decoration: none !important;
			outline: 0;
			float: left;
			height: 16px;
		}
		ul.tag-list li.active a{
			background-image: url(../images/buttons/tag_bg_dark.gif);
			color: white;
		}
		ul.tag-list li span {
			float: left;
			height: 16px;
		 	padding-right: 10px;
			background-image: url(../images/buttons/tag_bg_light.gif);
			background-position: bottom right;
	
			cursor: pointer;
			font-size: 10px;
			line-height: 15px;
		}
		ul.tag-list li.active span {
			background-image: url(../images/buttons/tag_bg_dark.gif);
		}

/* Tag cloud */

#tags {
  padding-left:4px;
  width: 95%;
  margin-bottom: -10px;
  * margin-bottom: 0;
}

#add-tag {
  width: 242px;
  height: 20px;
  padding-left: 4px;
  background: transparent url(/images/backgrounds/addtag_bg.gif) no-repeat left top;
}

#add-tag input {
  height: 16px;
  border: none;
  background: none;
}

#add-tag-text {
  width: 220px;
}
#add-tag-submit {
  width: 10px;
  cursor: pointer;
}

/* Tag clous tag sizes */

#tags .css1 { font-size: 1.0em; }
#tags .css2 { font-size: 1.2em; }
#tags .css3 { font-size: 1.4em; }
#tags .css4 { font-size: 1.6em; }

.voting-button {
	float: left;
	width: 50px;
	height: 24px;
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 24px;
}

span.voting-button { /* inactive */
	background-position: bottom left;
}

a.voting-button { /* active */
	background-position: top left;
	color: white;
}

.vote-up {
	background-image: url(../images/buttons/button_voting_up.png);
	color: green;
	padding-left: 12px;
}
.vote-down {
	background-image: url(../images/buttons/button_voting_down.png);
	color: red;
	padding-right: 12px;
 	text-align: right;
}

span.vote-up {
	color: green;
}
span.vote-down {
	color: red;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}