* html img, * html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* major outer structure */

body {
background: url('../img/contests/background.png') repeat;
height: 1000px;
margin: 0;
padding: 0;
}

div.container {
width: 1200px;
height: 1000px;
margin: 0px auto;
}

div.left_col {
width: 114px;
height: 1000px;
float: left;
}

div.center_col {
width: 972px;
height: 1000px;
float: left;
background-color: #ffffff;
}

div.right_col {
width: 114px;
height: 1000px;
float: left;
}

/*center column details*/

div.center_col img.border_image {
display:block;
float:left;
}

div.center_col div.main {
display:block;
float:left;
width: 946px;
margin: 0px 13px 0px 13px;
}

/*
div.center_col div.subtitle {
width: 100%;
text-align: center;
float:left;
padding: 10px 0px 10px 0px;
border-top: 3px solid #e1e1e1;
border-bottom: 3px solid #e1e1e1;
color: #555555;
font-weight: bold;
}
*/

/* STEPS */
div.center_col div.steps {
width: 100%;
background: url('../img/contests/steps_bg.gif') repeat-x;
text-align: left;
float:left;
border-top: 3px solid #e1e1e1;
border-bottom: 4px solid #f1f1f0;
padding: 22px 0px 10px 0px;
margin: 13px 0px 0px 0px;
color: #333333;
font: bold 12px/15px arial;
}

div.steps div.step1 {
  margin: 0px 35px 0px 14px;
  width: 263px;
  float:left;
}

div.steps div.step2 {
  margin: 0px 18px 0px 43px;
  width: 261px;
  float:left;
}

div.steps div.step3 {
  margin: 0px 5px 0px 43px;
  width: 261px;
  float:left;
}

div.steps div div.copy  {
  text-align:justify;
  width:100%;
  float: left;
  margin: 15px 0px 0px 0px;
  color: #333333;
}

div.steps div div.images  {
  float: left;
  margin: 0px 0px 0px 15px;
}


/* FORM */
div.center_col form {
width: 100%;
text-align: left;
float:left;
padding: 4px 0px 10px 0px;
color: #555555;
font-weight: bold;
}

label {
display: block;
float: left;
width: 100%;
font: bold 16px/33px arial;
color: #4b4b4b;
margin: 6px 0px 0px 0px;
}

input, select {
border: 1px solid #d1d1d1;
display: block;
float: left;
width: 100%;
text-align: left;
}

/* form: column 1 */
div.center_col form div.col_1, div.center_col form div.col_2, div.center_col form img.col_3, div.center_col form div.col_4 {
display: block;
float: left;
}

div.center_col form div.col_1 {
width: 260px;
margin: 0px 80px 0px 0px;
}

div.center_col form div.col_1 label {
margin: 6px 0px 0px 15px;
}

#member_email, #member_name {
margin: 0px 0px 0px 15px;
width: 260px;
font: normal 16px arial;
color: #777777;
}

div.center_col form div.col_1 p.sponsor {
display: block;
float: left;
width: 300px;
height: 269px;
text-align: center;
color: #333333;
font: normal 11px arial;
margin: 55px 0px 0px 0px;
}

/* form: column 2 */
div.center_col form div.col_2 {
width: 227px;
margin: 0px 0px 0px 15px;
}

#all_teams, #all_teams option {
font: bold 13px arial;
color: #424242;
}

#all_teams {
height: 404px;
}

/* form: column 3 */
div.center_col form input.col_3 {
width: 52px;
height: 62px;
margin: 187px 21px 0px 21px;
}

#add_team {
background: url('../img/contests/add_team.jpg') no-repeat;
border: none;
cursor: pointer;
}

/* form: column 4 */
div.center_col form div.col_4 {
width: 263px;
}

div.col_4 label {
margin: 6px 0px 0px 0px;
width: 150px;
}

div.col_4 p {
float: left;
display: block;
width: 110px;
text-align: right;
font: 11px/12px arial;
margin: 10px 0px 5px 0px;
}

div.col_4 p a {
font: normal 10px/33px arial;
color: #2aa2e0;
text-decoration: none;
text-transform: uppercase;
}

#your_teams, div.picked_team {
width: 232px;
float:left;
}

div.team_numbers  {
width: 31px;
float:left;
}

div.team_numbers p {
display: block;
float: left;
width:100%;
background-color:#828282;
color: #ffffff;
background: url('../img/contests/number_bg.gif') no-repeat;
margin: 0 0 1px 0;
height: 26px;
text-align:center;
font: bold 16px/26px arial;
}

li.picked_team  {
width: 224px;
height: 26px;
margin: 0 0 1px 0;
float:left;
background-color:#68be23;
border-left: 8px solid #68be23;
color: #333333;
cursor: pointer;
font: bold 14px/26px arial;
}

li.empty_team_field {
width: 224px;
height: 26px;
margin: 0 0 1px 0;
float:left;
background-color:#e0e0e0;
border-left: 8px solid #e0e0e0;
}

li.highlight {
width: 224px;
height: 26px;
margin: 0 0 1px 0;
float:left;
background-color:#ffffff;
border-left: 8px solid #ffffff;
}

div.center_col form p.disclaimer {
display: block;
float: right;
width: 270px;
padding: 5px;
margin: 19px 4px 0px 0px;
background-color: #fcffdd;
color: #585858;
font: normal 11px/14px arial;
}

div.center_col form p.disclaimer a {
text-decoration:none;
background-color: #fcffdd;
color: #48970b;
font: normal 11px/14px arial;
}

div.center_col form input.submit_teams {
clear:both;
display: block;
float: right;
width: 98px;
height: 35px;
margin: 20px 7px 0 0;
background: url('../img/contests/submit.jpg') no-repeat;
border: none;
cursor: pointer;
}

a.remove {
color: #ffffff;
font: normal 10px arial;
text-decoration: underline;
}

div.center_col img.border_image_bottom {
display:block;
position:absolute;
top:927px;
}


/******* THANK YOU PAGE ******/
form.thankyou {
margin: 13px 0px 0px 0px;
border-top: 3px solid #e1e1e1;
float: left;
display: block;
width: 100%;
}

/* email share */
form.thankyou div.email_share {
margin: 16px 40px 0px 0px;
float: left;
display: block;
width: 415px;
}

form.thankyou div.email_share p, form.thankyou div.social_share p  {
float: left;
display: block;
width: 100%;
color: #48970b;
font: bold 20px arial;
margin: 0px 0px 14px 0px;
}

form.thankyou div.email_share div {
float: left;
display: block;
width: 100%;
color: #555555;
font: bold 20px arial;
background-color:#f3f3f3;
margin: 0px 0px 2px 0px;
padding: 32px 0px 30px 0px;
}

form.thankyou div.email_share div label{
float: left;
display: block;
width: 100%;
color: #555555;
font: bold 14px/20px arial;
margin: 0px 0px 10px 29px;
}

form.thankyou div.email_share div textarea{
float: left;
display: block;
width: 345px;
color: #555555;
font: bold 14px/20px arial;
margin: 0px 0px 18px 29px;
border: 1px solid #d1d1d1;
}

form.thankyou div.email_share div input.submit_share {
clear:both;
display: block;
float: left;
width: 98px;
height: 35px;
margin: 20px 7px 0px 29px;
background: url('../img/contests/submit.jpg') no-repeat;
border: none;
cursor: pointer;
}


/* social share */
form.thankyou div.social_share {
margin: 16px 0px 0px 0px;
float: left;
display: block;
width: 485px;
/* width: 517px; */
}

form.thankyou div.social_share div  {
float: left;
display: block;
width: 100%;
color: #555555;
font: bold 20px arial;
background-color:#f3f3f3;
margin: 0px 0px 2px 0px;
}

form.thankyou div.social_share div a {
color: #555555;
font: bold 16px arial;
text-decoration: none;
}

form.thankyou div.social_share div img {
float: left;
display: block;
width: 86px;
margin: 32px 25px 32px 35px;
}

form.thankyou div.social_share div p {
float: left;
display: block;
width: 200px;
margin: 60px 0px 0px 0px;
}

/* CLOSED */
p.closed{
font: normal 16px/20px arial;
text-align:center;
margin-top: 25px;
}
