/* TEMPLATE CSS */

body {
text-align:center; /*for IE5 centering*/
background-color:#2e2e32;
font-family:rockwell, arial;
font: 15px/16px rockwell, arial;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
}
b.red {
font:bold italic 15px/16px rockwell, arial;
color:#cc0021;
text-transform:uppercase;
}
b.black {
font:bold italic 15px/16px rockwell, arial;
color:#000000;
text-transform:uppercase;
}

/* CENTERING */

div.centered {
width:926px;
margin:0px auto;
text-align:left;
}

/* HEAD & LOGO */

#head {
width:100%;
padding:26px 0px 22px 0px;
border-top:1px solid #575758;
border-bottom:1px solid #57575b;
background-color:#2e2e32;
}
#head img {
margin-left:2px;
}

/* SUB-HEAD / TOP NAV */

#sub-head {
width:100%;
float:left;
padding:5px 0px 9px 0px;
border-bottom:1px solid #c3c3c3;
background-color:#ffffff;
}
#sub-head div.jingle {
width:360px;
float:left;
margin:5px 0px 0px 3px;
font:bold italic 15px rockwell, arial;
color:#2e2e32;
}
#sub-head div.links {
width:320px;
float:right;
}
#sub-head div.links a {
float:right;
margin:6px 0px 0px 23px;
border:none;
}
#sub-head div.links a:hover {
}

/* BIG MIDDLE AREA */

#mid {
width:100%;
clear:both;
float:left;
background-color:#e5e5e5;
background-image:url('../img/site/bg-grass.jpg');
background-repeat:repeat-x;
background-position:left top;
}

/* FULL-PAGE MIDDLE AREA */
#full-page #mid {
background-image:none;
}

#full-page #mid div.content {
background-color:#fbfbfb;
background-image:url('../img/site/full-page-bd-top.gif') !important;
background-repeat:no-repeat;
background-position:left top;
}

#full-page #mid div.long-content {
background-color:#fbfbfb;
margin: 15px;
}

#full-page #mid div.long-content h1 {
font:bold 20px/26px rockwell, arial;
margin-bottom:10px;
}

#full-page #mid div.long-content p {
margin-bottom:15px;
}

#full-page #mid div.long-content h2 {
font-family: arial;
font-weight: bold;
font-size: 16px;
color: #333333;
margin-bottom: 10px;
}

#full-page #mid div.long-content h3 {
font-family: arial;
font-weight: bold;
font-size: 14px;
color: #333333;
margin-bottom: 10px;
}


/* BOTTOM SHARE */

#share-bar {
clear:both;
}
#share-bar div.twitter {
}
#share-bar div.facebook {
}

/* FOOT */

#foot {
width:100%;
float:left;
font:italic 11px rockwell, arial;
color:#5e5e5e;
border-bottom:40px solid #2e2e32;
background-color:#ffffff;
/*go back to 31px once add share*/
padding:90px 0 0 0;
}
#foot div.extra-border {
padding:12px 0px 24px 0px;
border-bottom:1px solid #c3c3c3;
}
#foot a {
color:#4e4e4e;
font:italic 11px rockwell, arial;
text-decoration:none;
}
#foot a:hover {
color:#4e4e4e;
font:italic 11px rockwell, arial;
text-decoration:underline;
}
#foot ul {
width:600px;
float:left;
}
#foot li {
display:inline;
margin:0px 5px 0px 0px;
}
#foot li.copyright {
display:inline;
margin:0px 11px 0px 0px;
}
#foot img.maven {
float:right;
}

/**********************
 PAGE SPECIFIC CSS
***********************/

/* HOMEPAGE */

#mid div.content {
width:926px;
float:left;
margin:43px 0px 51px 0px;
background-color:#fbfbfb;
background-image:url('../img/site/homepage-left.gif');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.homepage-left {
width:321px;
float:left;
}
#mid div.homepage-left p {
margin:23px 10px 15px 25px;
font:normal 14px/16px rockwell, arial;
color:#464646;
text-wrap:normal;
word-wrap:break-word;
}
#mid div.homepage-left h2 {
margin:0px 10px 0px 25px;
font:bold italic 15px rockwell, arial;
text-transform:uppercase;
color:#000000;
}
#mid div.homepage-left form {

}
#mid div.homepage-left input.text-input {
width:302px;
height:46px;
padding:15px;
margin-left:12px;
border:none;
font:italic 14px arial;
color:#2a2a2a;
background-image:url('../img/site/text-input.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.homepage-left input.submit {
width:95px;
height:35px;
margin-left:219px;
}
#mid div.homepage-right {
width:605px;
float:right;
}

/* SIGNUP step 2:pick editions */

#mid div.content {
width:926px;
float:left;
margin:43px 0px 51px 0px;
background-color:#fbfbfb;
background-image:url('../img/site/homepage-left.gif');
background-repeat:no-repeat;
background-position:left top;
}
/*LEFT*/
#mid div.editions-left {
width:321px;
height:223px;
float:left;
margin-top:20px;
overflow:hidden;
}
#mid div.editions-left p {
margin:0px 10px 19px 25px;
font:normal 14px/16px rockwell, arial;
color:#464646;
text-wrap:normal;
word-wrap:break-word;
}
/*RIGHT*/
#mid div.editions-right {
width:605px;
float:left;
background-image:url('../img/site/editions-bg-center.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.editions-right h2 {
margin:0px 10px 5px 57px;
font:bold italic 15px rockwell, arial;
text-transform:uppercase;
color:#ffffff;
}
#mid div.editions-right h2 span {
font:normal 10px arial;
text-transform:lowercase;
color:#686868;
}
#mid div.editions-right div.left-form {
width:377px;
float:left;
padding-top:22px;
}
#mid div.editions-right div.right-form {
width:228px;
float:right;
}
/*EDITIONS CHECKLIST*/
#mid div.editions-right div.editions-checklist {
width:297px;
height:93px;
float:left;
margin:0px 0px 10px 47px;
padding:4px 0px 4px 0px;
font:bold italic 15px rockwell, arial;
text-transform:uppercase;
color:#ffffff;
background-image:url('../img/site/editions-bg.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.editions-right div.editions-checklist div.edition-on, #mid div.editions-right div.editions-checklist div.edition-off {
width:289px;
height:31px;
float:left;
margin:0px 0px 0px 6px;
cursor:pointer;
background-image:url('../img/site/edition-off-on-bg.gif');
background-repeat:no-repeat;
}
#mid div.editions-right div.editions-checklist div.edition-off {
color:#000000;
background-position:0px 0px;
}
#mid div.editions-right div.editions-checklist div.edition-on {
color:#ffffff;
background-position:0px -30px;
}
input.hide-checkbox {
filter:alpha(opacity=0);
opacity:0.0;
cursor:pointer;
}
#mid div.editions-right div.editions-checklist label {
width:242px;
float:left;
cursor:pointer;
padding:8px 0px 9px 0px;
margin:0px 0px 0px 15px;
font:bold italic 14px/14px arial;
text-transform:uppercase;
}
#mid div.editions-right div.editions-checklist label span {
font:bold italic 10px arial;
text-transform:uppercase;
color:#cc0022;
cursor:pointer;
}
#mid div.editions-right div.editions-checklist div.edition-on label span {
color:#ffffff;
}
#mid div.editions-right div.editions-checklist input {
width:21px;
float:left;
margin:8px 8px 0px 0px;
}
/*OPTIONAL FIELDS*/
div.ie-margin-fix {
width:298px;
float:left;
margin:0px 0px 10px 47px;
}
#mid div.editions-right div.optional-fields {
width:298px;
height:40px;
float:left;
font:bold italic 14px rockwell, arial;
text-transform:uppercase;
color:#2a2a2a;
background-image:url('../img/site/optional-fields.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.editions-right div.optional-fields input {
font:bold italic 14px rockwell, arial;
text-transform:uppercase;
color:#2a2a2a;
}
#mid div.editions-right input#member_dob {
width:90px;
float:left;
background-color:transparent;
background:url('../img/site/dd_arrow.gif') no-repeat 70px 1px transparent;
cursor:hand;
border:none;
margin:11px 0px 14px 14px;
padding:0;
}
div.ui-datepicker {
margin: 0;
padding: 0;
float:left;
}
#mid div.editions-right input#member_zip {
width:57px;
float:left;
background-color:transparent;
border:none;
margin:10px 0px 0px 14px;
}
#mid div.editions-right select#member_gender {
width:90px;
float:left;
background-color:#F1F0F0;
border:none;
margin:13px 0px 0px 18px;
}
/* DOB DATE PICKER */
#ui-datepicker-div * {
font-family:rockwell, arial;
font-size:15px;
}
#mid div.editions-right div.right-form input.submit {
width:228px;
height:243px;
}

/* SIGNUP step 3:pick teams */
 
/* Major elements for this section are 
defined above in .editions-left and .editions-right */

div#team-selection {
width:330px;
float:left;
margin: 0 0 0 25px;
color:#2a2a2a;
}
div#team-selection div.num {
width:18px;
float:left;
font: bold italic 15px rockwell, arial;
color:#ffffff;
overflow:hidden;
margin: 10px 0px 0px 0px;
}
div#team-selection div.bg {
width:312px;
height:41px;
float:left;
background-image:url('../img/site/teams-bg.gif');
background-repeat:no-repeat;
background-position:left top;
}

/* SIGNUP step 4 SHARE */

#mid div.content {
width:926px;
float:left;
margin:43px 0px 51px 0px;
background-color:#fbfbfb;
background-image:url('../img/site/bg-share.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#mid div.editions-left a {
color:#d20026;
text-decoration:underline;
}
#mid div.content div.share-right {
width:604px;
float:right;
}
#mid div.share-right h2 {
margin:0px 0px 5px 0px;
font:bold italic 15px rockwell, arial;
text-transform:uppercase;
color:#ffffff;
}
#mid div.share-right h2 span {
font:normal 10px arial;
text-transform:lowercase;
color:#686868;
}
#mid div.share-right div.share {
width:300px;
float:left;
margin:20px 0px 0px 50px;
}
#mid div.share-right div.sweeps-share {
width:230px;
}
#mid div.share-right form {
width:225px;
float:right;
margin:20px 0px 0px 0px;
}
#mid div.share-right textarea {
font: 12px/15px arial;
color:#515151;
padding:10px;
border:0;
background-image:url('../img/site/bg-email-textarea.jpg');
background-repeat:no-repeat;
background-position:left top;
margin:0px 0px 10px 0px;
}

/* ARCHIVE */

#archive .row {
border-top: 2px solid #ccc;
background: #ffffcc;
padding: 5px 12px;
}
#archive .row.off {
background: none;
}
#archive .row dd.year {
font-family: arial;
font-weight: bold;
font-size: 14px;
color: #888;
}
#archive .row dd.date {
float: left;
width:130px;
font-size: 18px;
font-family: arial;
font-weight: bold;
color: #333333;
}
#archive .row dd.subject a {
color: red;
}
/*kill old archive hear and foot*/
div.container div.header, div.container div.footer {
display:none;
}
div.container div.body {
background:none !important;
}

/* MEMBER PROFILE */
form#member_profile {
width:400px;
font: 15px/16px rockwell, arial;
}
#member_profile input, #member_profile select {
display:block;
float:right;
width: 200px;
font: 15px/16px rockwell, arial;
margin: 0 0 10px 0;
}
#member_profile label {
clear:both;
display:block;
float:left;
width:90px;
font: 15px/16px rockwell, arial;
margin: 3px 0 10px 0;
}
#member_profile div.row {
clear:both;
display:block;
float:left;
width:290px;
}
#member_profile h1 {
clear:both;
}
#member_profile div.edition {
font-weight: bold;
margin: 0 0 0 90px;
}
#member_profile div.subbed {
color:#cc0021;
}
#member_profile div.subbed a {
color:#a7a7a7;
font: normal 11px arial;
}
#member_profile div.teams {
margin: 0 0 10px 90px;
}

/* WEB VERSION OF MAILER */

.web-mailer {
float:left;
width:100%;
margin-top:15px;
}
.web-mailer table, .web-mailer td, .web-mailer th {
vertical-align:top;
}
.signup-web-mailer {
width:770px;
margin:auto;
}
.signup-web-mailer input {
float:left;
}
.signup-web-mailer #member_email {
float:left;
margin:5px 5px 0 0;
padding:3px;
border: 1px solid #C3C3C3;
}



/* INVITE / FORWARD TO A FRIEND */

form.thankyou {
margin: 0px 0px 0px 0px;
float: left;
display: block;
width: 100%;
}

/* email share */
form.thankyou div.email-share {
margin: 0px 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: #d4200d;
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 5px 29px;
}

form.thankyou div.email-share div textarea, form.thankyou div.email-share div input{
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;
background: url('../img/button_send.gif') no-repeat;
height: 46px;
width: 97px;
margin: 10px 7px 0px 29px;
border: none;
cursor: pointer;
}


/* social share */
form.thankyou div.social-share {
margin: 0;
float: left;
display: block;
width: 430px;
/* 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;
}