.ie6 .content_container,
.ie7 .content_container { padding-top: 60px; }

.submit {
  min-height: 600px;
  width: 940px;
  margin: 13px auto 0;
  position: relative;
}
.submit.preview {
  margin-top: 5px;
}
.submit h1 {
  margin-bottom: 12px;
  color: #f39;
}
form.submit {
  padding: 48px 48px 48px 48px;
  width: 834px;
  border: 5px solid #e5e5e5;
}

form.submit label,
form.submit input,
form.submit .button { /* override defaults */
  float: none;
  clear: none;
}
.ie6 form input { border: 1px solid #000; }

.submit.add section {
  margin: 0 auto;
  width: 290px;
}
.submit.add h4 {
  margin-bottom: 10px;
  font-size: 16px;
}
.submit.add p {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
  color: #656565;
}

.submit.add hr {
  display: block;
  padding: 0;
  margin: 20px auto 22px;
  width: 290px;
  height: 1px;
  border: 0;
  background-color: #ccc;
  clear: both;
}

form.submit label {
  display: inline-block;
  margin: 7px 0 4px;
  font-weight: bold;
}
form.submit label.first,
.radio label { margin-top: 0; }

p.radio { margin-top: 12px; }

form.submit .radio label {
  margin-bottom: 1px;
  display: inline-block;
  width: 128px;
  font-weight: normal;
}

form.submit .legal label,
form.submit .site_news label {
  font-weight: normal;
}

form.submit .note {
  display: inline-block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 13px;
  font-style: italic;
}

form.submit .checkbox {
  margin-top: 2px;
  margin-left: -16px;
  float: left;
}

form.submit .site_news label,
form.submit .legal label {
  margin-left: 16px;
  margin-right: 26px;
}
.ie6 form.submit .site_news input,
.ie6 form.submit .legal input {
	margin-left: 0;
}

form.submit .button,
form.confirm .button {
  padding: 12px;
  width: 290px;
  height: auto;
  font-size: 16px;
  line-height: 16px;
}
form.confirm .button {
	width: 245px;
}

.ie6 form.confirm .button,
.ie7 form.confirm .button {	width: 165px; }

form.confirm p a {
	margin: 5px 8px 0 0;
	float: right;
}

form.submit .collaborator label { display: none; }

form.submit input[type=text] {
  width: 267px;
}
	
form.submit textarea {
  width: 267px;
}

.image_form {
  margin: 14px 0 8px;
  width:290px;
}

.image_form .upload_image {
  padding: 15px;
  margin: 0 0 8px 0;
  border: 5px solid #e5e5e5;
}

.upload_image input[type=checkbox],
form.submit .upload_image label {
  display: none;
}

.image_form p {
  margin: 0 0 10px 0;
}
.errorlist  {
	position: absolute;
	right: 620px;
    margin-top: 5px;
	padding: 4px;
	background-color: #ffe0f5;
}
.errorlist li {
    color: #f39;
    font-size: 12px;
	font-weight: bold;
}
.upload_image .errorlist {
	margin: -15px 0 0 -220px;
	width: 175px;
}

.collaborator .errorlist {
    margin-top: -25px;
    width: 118px;
}

.challenge_info {
	margin-top: -3px;
	color: #282828;
	text-align: right;
	float: right;
}
.challenge_info span {
	display: block;
	float: right;
}
.challenge_info a img.challenge_banner {
	margin-top: 3px;
	margin-left: 6px;
	width: 47px;
	height: 26px;
	float: right;
}
.ie6 .challenge_info,
.ie7 .challenge_info { width: 300px; }


.confirmation_notice {
	margin: 0;
	padding: 14px 0 16px 0;
	font-size: 17px;
	color: #282828;
	border-top: 1px solid #e5e5e5;
	clear: both;
}

.submission_preview .design {
	background-color: #e5e5e5;
  padding: 20px 46px 46px;
  position: relative;
}
.submission_preview .design h3 {
	float: left;
  margin:0 0 4px;
}
.submission_preview .design p {
	margin:0 0 8px;
	color: #282828;
  clear:left;
}

.submission_preview .design .slideshow_container {
  clear: both;
}

.sub_meta_wrapper .left {
  float: left;
  width: 630px;
}
.ie6 .sub_meta_wrapper .left { width: 600px; }


.sub_meta_wrapper .right {
  background-color: #ff0;
  float: right;
  margin:30px 46px 0 0;
	padding: 20px 20px 14px;
	width: 250px;
}

.sub_meta_wrapper .left .comment p {
	margin-right: 20px;
}

.sub_meta_wrapper  .right h5 {
	margin-bottom: 5px;
}

.sub_meta_wrapper .right p {
	color: #282828;
  margin:0 0 10px;
}

.design-author-details {
  margin:40px 46px 0;
  position: relative;
}

.design-promoter-code{
	margin-top:10px;
	padding:40px 100px;
	background:#292929;
	text-align:center;
}
.design-promoter-code p{
	font-weight: 500;
	font-size: 25px;
	color:#fff;
	line-height:1.1;
}
.design-promoter-code h1{
	color:#ff0;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform:none;
	margin-top:10px;
}
.soc-btn {
	padding: 6px 0;
	font-size:16px;
	margin-bottom:10px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	text-align:center;
	width:30%;
	float:left;
	margin-top:20px;
}
a.fb { color: #FFF;background-color: #3B5998!important; }
a.tw { color: #FFF;background-color: #1daced!important; }
a.ms { color: #FFF;background-color: #888888!important; }

/* Partners */

.partners {
  border-top: 5px solid #e5e5e5;
  margin-top: 50px;
}
.partners h3 {
  padding-top: 12px;
}
.partners ul {
  margin-top: 20px;
  overflow:hidden;
}
.partners ul li{
	width:280px;
	margin-right:50px;
	float:left;
	font-size:14px;
	line-height:18px;
}
.partners ul li:last-child {
	margin-right:0;
}

/* collaborator list */

input + #collaborator_loading {display: none;}

input.ui-autocomplete-loading + #collaborator_loading {
  display: block; 
  position: absolute; 
  right: 8px; 
  top: 10px; 
}

p#collaborator_form  {
  position: relative;
}
#collaborator_list {
  height: auto;
  margin: 0 auto;
  width: 18rem;
}
#collaborator_list a {
  text-decoration: none;
}
#collaborator_list a:hover {
  color: #F39;
}
#collaborator_list ul {
  padding: 10px 10px 0;
}
#collaborator_list ul li {
  padding-top: 5px;
}

/*/////
********************* Adding styles for submission preview ********************************/

#submission_details {
  background: #fff;
  margin: 30px 0 0 46px;
  min-height: 173px;
  padding: 20px 23px 23px;
  width: 481px;
}

#submission_details h5 {
  margin:10px 0;
}

#submission_details.confirmation {
  min-height:112px;
}

#submission_details.confirmation .comment {
  margin:0 0 1px;
}

#submission_details .intro {
  clear:none;
  position: relative;
  padding:0;
  margin:0 0 0 53px;
  border-top: 1px solid #E5E5E5;
  font-size: 11px;
  line-height: 11px;
}

#submission_details .comments {
  width:inherit;
}

.lt-ie8 #submission_details .comments {width:475px;}

#submission_details .intro span {
  background:#e5e5e5;
  display:inline-block;
  min-width:247px;
  padding:5px;
}

#submission_details .sub_desc {
  clear:none;
  margin:0 0 0 53px;
}

.scoring aside.sidebar p.break_flow {float:left;clear:both;}

/*/////
********************* Submission Kit Styles ********************************/

#content.submit.kit {
  border-top:solid 5px #e5e5e5;
  padding:17px 0 0;
}

#content.submit.kit h1 {
  color:#282828;
  font-size:28px;
  margin:0 0 26px;
}

.submit.kit h2{
  font-size:15px;
  margin:0 0 29px;
}

.submission_steps ul {
  list-style:url("../imgs/global/sq_li.gif");
  margin:0 0 0 17px;
}

.submission_steps li {
  display:list-item;
  font-size:15px;
  line-height: 20px;
  margin:0 0 25px;
}

.submission_steps figure {
  float:right;
  margin:-45px 0 30px 25px;
  border:5px solid #e5e5e5;
}

.submission_steps figcaption {
  color:#8c8c8c;
  font-size: 13px;
  font-style: italic;
  margin:10px 0 0;
  text-align: right;
}

.template_list {
  border-top:solid 1px #e5e5e5;
  padding:28px 0 0;
}

.template_list ul {
  margin:31px 0 0;
}

.template_list li {
  float:left;
  position: relative;
  height:213px;
  width:233px;
}

.template_list li a {
  background:url('../imgs/make/template-icons-sprite.png') no-repeat 0 0 #f2f2f2;
  border:solid 1px #bfbfbf;
  display:block;
  height:211px;
  text-align:center;
  width:231px;
}

.template_list li a, 
.template_list li a em {
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.265, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.260, 0.265, 1.525); 
     -moz-transition: all 300ms cubic-bezier(1.000, -0.260, 0.265, 1.525); 
      -ms-transition: all 300ms cubic-bezier(1.000, -0.260, 0.265, 1.525); 
       -o-transition: all 300ms cubic-bezier(1.000, -0.260, 0.265, 1.525); 
          transition: all 300ms cubic-bezier(1.000, -0.260, 0.265, 1.525); /* custom */
}

.template_list #girlystyles a {background-position: -231px 0;}
.template_list #kidstyles a   {background-position: -462px 0;}
.template_list #hoody a       {background-position: -693px 0;}

.template_list #sweatshirt a  {background-position: 0 -211px;}
.template_list #polo a        {background-position: -231px -211px;}
.template_list #tank a        {background-position: -462px -211px;}
.template_list #scarf a       {background-position: -693px -211px;}

.template_list #duffel a      {background-position: 0 -422px;}
.template_list #messenger a   {background-position: -231px -422px;}
.template_list #jetpack a     {background-position: -462px -422px;}
.template_list #tote a        {background-position: -693px -422px;}

.template_list #laptop a      {background-position: 0 -633px;}
.template_list #pencil a      {background-position: -231px -633px;}
.template_list #wallet a      {background-position: -462px -633px;}
.template_list #notebook a    {background-position: -693px -633px;}

.template_list #wallart a     {background-position: 0 -844px;}
.template_list #iphone a      {background-position: -231px -844px;}
.template_list #card a        {background-position: -462px -844px;}

.template_list li a em {
  color:#09f;
  display:block;
  font-size: 16px;
  font-style: normal;
  text-transform: none;
  position: relative;
  top:167px;
}

.template_list li a span {
  color:#8c8c8c;
  display:block;
  position: relative;
  top:170px;
}

.template_list li a:hover {
-webkit-box-shadow: inset 0 0 5px #ababab;
   -moz-box-shadow: inset 0 0 5px #ababab;
        box-shadow: inset 0 0 5px #ababab;
  text-decoration: none;
}
.template_list li a:hover em {color:#f39;}

.template_list li a:active {
  border:solid 1px #838383;
-webkit-box-shadow: inset 0 0 5px #282828;
   -moz-box-shadow: inset 0 0 5px #282828;
        box-shadow: inset 0 0 5px #282828;
}

.sub_meta_wrapper {
  background: #E5E5E5;
  padding: 0 0 10px;
  width: 100%;
}

.cyoa {
  float:right;
  position: absolute;
  right:0;
  top:5px;
}

.cyoa li {
  float:left;
  margin:0 0 0 10px;
}

.cyoa li a {
  background: #09f;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#fff;
  display:block;
  padding:10px 15px;
  text-decoration: none;
}

.cyoa li a:hover {
  background:#f39;
}

/* Hacking this in until we can port this whole thing to scss and leverage our globals */

.req {
  color: #f39;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  top: 0.25em;

}

.th-removed {
    display: none!important;
}

.th-loader {
  margin: 1.05rem auto 0;
}