div.signup-form h1 { font-size: 1.8em; font-weight: bold; color: #c2002a; }

div.challenges h2 { font-size: 1.6em!important; margin: 0!important; padding: 0!important; background: none!important; font-weight: normal; /*importants are overriding default group h2 settings*/ }
div.challenges h3 { font-size: 2em; font-weight: bold; margin: 0; padding: 0; }
body.groups div.challenges p { margin: 0; padding: 0; }

/* loading... */
p.loading { padding-bottom: 15px!important; text-align: center; background: url('/images/ajax-loader.gif') 50% 100% no-repeat; }
p.carousel-loading { border: 2px solid #666; z-index: 10000; position: absolute; top: 100px; left: 50%; width: 80px; margin-left: -435px; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #555; font-size: 1em; padding: 15px; text-align: center; /**/ }
p.spinner { border: 2px solid #666; z-index: 10000; position: absolute; top: 100px; left: 45%; width: 80px; margin-left: -435px; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #555; font-size: 1em; padding: 15px; text-align: center; /**/ }


/* When there's no entries yet, we do this - NOT SURE IF WE STILL NEED THIS
div.challenges.no-entries ul.challenge-info { float: left; width: auto; }*/

/* Challenges overview */
div.challenge-list div.panel { 
	width: 93.5em; 
	float: left; 
	position: relative; 
  background:#fff;
  border:2px solid #eee;
  padding:1em;
  margin-bottom:2em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
	}
div.challenge-list h2 { margin: 0; padding: 0 !important; font-size: 1.6em; font-weight:bold; color: #c2002a; }
div.challenge-list h3 { margin: 0; padding: 0; font-size: 1.4em; }
div.challenge-list p { margin: 0; padding: 0; color: #000; font-size: inherit; }
div.challenge-list p.open-close { font-style: italic; color: #666; }
div.challenge-list ol { margin: 0; padding: 0; }
div.challenge-list ol li { position: relative; width: 78em; float: left; margin: 0; padding: 0; list-style: none; border-top: 2px solid #eee; }
div.challenge-list ol li.first { border-top: none; }
div.challenge-list ol li img { float: left; margin: .5em .5em .5em 0; padding: .25em; border: 1px solid #eee; }
div.challenge-list ol li.first img { margin-top: 0; }
div.challenge-list li h3 { margin-top: 5px; font-size: inherit; line-height: 1.6em; }
div.challenge-list li.first h3, div.challenge-list li.first ul.buttons { margin-top: 0!important; }
div.challenges div.challenge-list ul.buttons { margin: 5px 0; padding: 0; position: absolute; top: 0; right: 5px; }
div.challenges div.challenge-list ul.buttons li { margin: 0 5px; float: left!important; width: auto; border: none; }
div.challenges div.challenge-list ul.buttons li div.text-button { margin: 0; float: none; width: auto; white-space: nowrap; }
div.challenges div.challenge-list ul.buttons li a { display: block; text-decoration: none;}


div.challenge-list span.hidden { margin-top: 1em; color: #666; }
div.challenge-list div.text-button { margin: -45px 0 1em 700px; float: right; }

div.about { padding-top: 10px; margin: 0; position: relative; }
div.about p { margin: 0; padding: 0; width: 75%; line-height: 1.5em;}
div.about div.text-button { position: absolute; top: 10px; right: 5px; margin: 0; /**/ }


/* Index pages for each individual challenge */
div.panel { 
	margin-top: 20px; 
	width: 93.5em; 
	float: left; 
	position: relative; 
	}
div.panel h3 { margin-bottom: 5px; font-size: 1.4em; color: #c2002a; }
div.panel p.no-works { display: block; z-index: 1000; position: absolute; margin:1em 0 0 1em; width: 78em; }

div#intro.panel { 
	overflow: hidden; 
	width: 93.5em; 
	float: left; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
	}
	
div#intro.panel p { margin-bottom: 1em; }

div#intro.panel div.float-left { margin: 0 0 0 10px; padding: 10px 0 0 0; min-height: 290px; width: 350px; float: left; }
div#intro.panel div.float-left p { max-width: 420px; }
div#intro.panel div.float-right { margin: 0; padding: 0; width: 430px; min-height: 300px; float: right; position: relative; }
div#intro.panel div.float-right img { position: absolute; right: 0; }
div#intro img { display:none; }


/* Create/Edit screens */
div.challenges fieldset { margin: 0; padding: 0; }
div.challenges fieldset ol { margin: 0; padding: 0; }
div.challenges fieldset ol li { margin: 0 0 10px 0; padding: 0; width: 750px; float: left; list-style: none; }
div.challenges fieldset ol li p { margin-top: 0; }
div.challenges fieldset ol li fieldset { margin: 0; padding: 0; }
div.challenges fieldset ol li label { margin: 0 10px 0 0; padding: 0; font-size: 1em; }
div.challenges fieldset.radios-checkboxes label { margin-left: 210px; width: 400px; font-weight: normal; }
div.challenges fieldset ol li input, div.challenges fieldset ol li select { margin: 0; padding: 0; }
div.challenges fieldset ol li select { float: left; }
div.challenges fieldset ol li span.info { clear: left; display: block; margin: 0 0 0 110px; color: gray; }
div.challenges fieldset ol li .date.time span.info { margin: 0 0 0 211px; }
div.challenges fieldset span { margin: 0; }
div.challenges fieldset span.readonly { float: left; }
div.challenges fieldset.date.time { position: relative; width: 100%; float: left; margin: 0; padding: 0; clear: left; text-align: right; }
div.challenges fieldset.date.time.first { margin-top: 1em; }

div.challenges fieldset.radios-checkboxes { position: relative; width: 100%; float: left; margin: 1em 0; padding: 0; clear: left; text-align: right; }
div.challenges fieldset.date.time h3, div.challenges fieldset.radios-checkboxes h3 { margin: 0 10px 0 0; padding: 0; width: 200px; float: left; font-size: 1em; display: block; text-align: right; }
div.challenges fieldset.date.time p { margin: 0 0 15px 0; font-size: .95em; }
div.challenges fieldset h3:after { content: ":"; }
div.challenges div.date-time-selector { margin: -1.4em 0 0 160px; padding: 0; }
div.challenges div.work-type-selector, div.challenges div.faux-label { margin: -1em 0 0 0; padding: 0; }
div.challenges div.date-time-selector *, div.challenges div.work-type-selector *, div.challenges div.faux-label * { margin: 0; padding: 0; }
div.challenges fieldset.date.time div.date-time-selector option { padding: 0 4px; }
div.challenges fieldset.submit { text-align: right; }

div.challenges form input, div.challenges form textarea {  margin-bottom: 0; margin-top: 0px; }
.UTC-time { width: 250px; }
div.challenges li.options label.checkbox { margin-left: 210px; width: auto; float: left; font-weight: normal; }

div.challenges span.validation-error { width: 600px; margin: 0; padding: 0; }
fieldset.work-types span.validation-error { margin-left: 210px; }
div.challenges textarea+span.validation-error, div.challenges input+span.validation-error { margin-left: 210px; /**/ }


/* Adding an entry */
div#enter-challenge.panel div.conditions { width: 100%; float: left; border: 1px solid #aaaaaa; background-color: #ffffff; position: relative; }
div#enter-challenge.panel div.conditions p { margin: 5px; }
div#enter-challenge div.works-selector p.no-works { top: 21px; }
div.challenges #enter-challenge form { margin: -5px 0 0 0; padding: 0; position: relative; float: left; min-height: 300px; }

/* these have been moved to application.css as they are now used in challenges AND mybubble
div.challenges .rb-work-selector div.status { width: 100%; text-align: center; background-color: #eeeeee; }
div.challenges .rb-work-selector div.require-js { width: 100%; text-align: center; } */


div.challenges div#prev-arrow-container { margin: 0; padding: 0; width: 70px; display: block; float: left; }
div.challenges div#next-arrow-container { margin: 0; padding: 0; width: 70px; display: block; float: right; text-align: right; }
div.challenges div#prev-arrow-container img { margin-left: 20px; }
div.challenges div#next-arrow-container img { margin-right: 20px; }


/* View entries panel (controls "Browse all entries" and "View recent entries") */
div#recent-entries.panel p.no-works, div#all-entries.panel p.no-works { top: 45px; left: 10px; }
div#recent-entries.panel div.works ul { min-height: 145px; }
div#recent-entries.panel div.works ul li img { background: url('/images/bg_thumbnail_loading.gif') center no-repeat!important; }
div.works h4, div.works p { text-align: center; }
div#all-entries.panel div.works ul { min-height: 445px; }
div.challenges div.works { 
	margin: 0; 
	width: 93.5em; 
	float: left; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; ; 
	}
div.challenges div.works div#prev-arrow-container { margin-top: 55px; }
div.challenges div#all-entries div.works div#prev-arrow-container { margin-top: 190px; }
div.challenges div.works div#next-arrow-container { margin-top: 55px;}
div.challenges div#all-entries div.works div#next-arrow-container { margin-top: 190px; }

div.challenges div.works ul { margin: 5px 0; width: 10000px; float: left; list-style: none; clear: none; /*border: 1px solid #c00;*/ }
div.challenges div#all-entries.panel div.works ul { margin-left: 5px; }
div.challenges div.works ul li { margin: 5px; padding: 0; float: left; width: 135px; }
div#all-entries.panel div.works ul li { margin: 5px!important; }
div#all-entries.panel div.works ul li img{ margin: 0!important; }

div.carousel { position: relative; z-index: 1; overflow: hidden; width: 728px; float: left; }
div#all-entries div.works ul { width: 728px;}





/* Your entry*/
div#your-entry div.entry { 
	width: 100%; 
	float: left; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  margin-bottom:2em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
	}
div#your-entry.panel { position: relative; z-index: 1; }
div.entry ul { margin: 0; padding: 0; list-style: none; }
div.entry ul li { margin: 5px; padding: 0; width: 100%; float: left; }
div.entry ul li * { margin: 0; padding: 0; font-size: 1em; }
div.entry ul li a { display: inline; }
div.entry a img { margin: 0 5px 0 0; float: left; }
div#your-entry.panel div.text-button { float:right; }



/* Voting panel */

div#vote.panel { }
div#vote.panel h3 {  }
div#vote.panel .clear { clear:both; }

div#vote.panel #vote-content { clear: left; min-height:455px; width: 100%; float: left; border: 1px solid #aaaaaa; background-color: #ffffff; position:relative; }


div#vote.panel #vote-content #imageflow { position:relative; height:425px; padding:15px 0; z-index: 100; }

div#vote.panel #vote-content #imageflow #loading { margin:0; padding:0; margin-top:160px; text-align:center; width:100%; }
div#vote.panel #vote-content #noscript-oh-no p { font-weight:bold; margin:180px 0 0 0; padding:0; text-align:center; width:100%; }
div#vote.panel #vote-content #imageflow #loading img { margin-top:5px; position:relative;}
div#vote.panel #vote-content #imageflow #loading span { display:block; text-align:center; }

div#vote.panel #vote-content #imageflow .loading-image { display: none; position: absolute; } /*display: none; }*/

img.next { border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }
img.current {  border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }
img.prev {border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }

div#vote.panel #vote-content #imageflow .loading-area { position:relative; visibility: visible; }
div#vote.panel #vote-content #imageflow .loading-area img { display: none; }
div#vote.panel #vote-content #imageflow .loading-area div.caption { text-align:center; position:absolute; top:310px; width:100%; font-size:13px; color:#666666; }
div#vote.panel #vote-content #imageflow .loading-area p.retract { text-align:center; font-size:13px; color:#666666; }
div#vote.panel #vote-content #imageflow .loading-area div.caption form { display: none;}

div#vote.panel #vote-content #imageflow img.next { border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }
div#vote.panel #vote-content #imageflow img.current {  border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }
div#vote.panel #vote-content #imageflow img.prev {border:none;background: url('/images/bg_thumbnail_loading.gif') center  no-repeat }

div#vote.panel #vote-content #imageflow div.controls { margin-top: 350px; text-align:center; float: left; text-align:center; width:100%; }
div#vote.panel #vote-content #imageflow div.controls a.left  { display:inline; margin:0; padding:0; width:auto; }
div#vote.panel #vote-content #imageflow div.controls a.right { display:inline; margin:0; padding:0; width:auto; }
div#vote.panel #vote-content #imageflow div.controls form    { display:inline; margin:0; padding:0; width:auto; }

div#vote.panel #vote-content #imageflow div.vote-panel-criteria { margin-top: 20px; float: left; width:100%; text-align:center; }
div#vote.panel #vote-content #imageflow div.vote-panel-criteria p { margin:0; padding:0; text-align:center; font-size:12px; font-style:italic; color:#999999; }


/* Recent Vote Winners */
div#vote-activity.panel div.voters { 
	float: left; 
	width: 100%; 
	min-height: 70px; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  margin-bottom:2em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }
div#vote-activity.panel div.voters.none { min-height: 20px; height: auto; }
div#vote-activity.panel div.voters.none p { margin: 5px;  }
div.voters ul { margin: 0; padding: 0; list-style: none; }
div.voters ul li { margin: 5px 5px 0 5px; padding: 0; width: 280px; float: left; }
div.voters ul li.first-half { border-bottom: 1px solid #e4e4e4; }
div.voters ul li * { margin: 0; padding: 0; font-size: 1em; }
div.voters ul li h4 { max-height: 3.25em; overflow: hidden; }
div.voters ul li a { display: block; }
div.voters ul li a img { margin: 0 5px 5px 0; float: left; }


/* The top ten */
div#top-ten.panel div.top-ten { 
	float: left; 
	width: 93.5em; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  margin-bottom:2em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;  
	}
div.winner { margin: 5px; width: 415px; float: left; text-align: center; }
div.winner * { text-align: center; }
div#top-ten.panel div.winner p { margin: 0 75px; }
div.winner a img { margin-top: 90px!important; border: 1px solid #ddd; }
div.top-ten ul { margin: 5px 0 5px 0; padding: 0; list-style: none; width: 445px; float: right;}
div#top-ten.panel div.top-ten ul li { margin: 5px; padding: 0; float: left; }
div#top-ten.panel div.top-ten ul li a { margin: 0; padding: 0; display: block; height: 135px; }
div#top-ten.panel div.top-ten ul li img { margin: 0; padding: 0; border: 1px solid #999; }


/* Other challenges in the group (tail of the challenge show screen) */

div.panel.other-challenges { width: 93.5em; float: left; }
div.panel.other-challenges div.challenge-list { 
	width: 100%; 
	float: left; 
	background:#fff;
  border:2px solid #eee;
  padding:1em;
  margin-bottom:2em;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;  
	}
div.panel.other-challenges div.challenge-list ol { width: 100%; float: left; }
div.panel.other-challenges div.challenge-list ol li { width: 100%; float: left; }


/* Entries Closed Panel (show in voting phase, so that people aren't looking to enter) */

div.panel.entries-closed { }
div.panel.entries-closed div { background:white; border: 1px solid #aaaaaa; padding:10px; }
div.panel.entries-closed div p { font-size:1.2em; }



/* Moderator only stuff */
div#management.panel {  }
div#management.panel div.text-button { margin: 0 0 1em 700px; float: right; }