/*------------------------------------------------------------------
[Applications Stylesheet]

Project: JA Fellows
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 08/12/08
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Text
3. Form
4. Validation
    a. Student Application
    b. Volunteer Application
    c. Parent/Guardian Consent Form
    d. Recommendation Form
5. Video Challenge
6. Footer       [#ftr]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; padding:0; }

body {
    background-color:#FFF;
    background-position:center top;
    background-repeat:no-repeat;
    color:#000;
	font-family:'Times New Roman', Times, serif;
	font-size:14px;
	text-align:left;
}

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

p { padding:4px 0px; }

.red { color:#CC0000; }

#wrapper { background:url(../images/wrapper.gif) repeat-y; margin:auto; width:980px; }

#hdr { background:url(../images/header.jpg) no-repeat center top; height:120px; width:980px; }
#hdr .logo { float:left; height:110px; margin:0px; padding-left:0px; width:180px; }

#application { margin-left:50px; padding:2px; width:881px; }
#application a { font-size:12px; font-style:normal; }

/*------------------------------------------------------------------
[2. Text ]
-------------------------------------------------------------------*/
.intro_text { font-size:12px; font-style:italic; }
.info_msg { font-size:24px; padding:200px; text-align:center; }

#success p { color:#007836; font-size:22px; padding:12px 0px; }
	
/*------------------------------------------------------------------
[3. Form ]
-------------------------------------------------------------------*/
.identifier { float:left; height:20px; padding:2px; text-align:right; width:134px; }
.identifier_lg { float:left; height:36px; padding:2px; text-align:right; width:145px; }

.input_side { float:left; height:20px; padding:2px; }

.frm_fld_nrml { border:1px solid #000; width:105px; }
.frm_fld_long { border:1px solid #000; width:165px; }
.frm_fld_short { border:1px solid #000; width:85px; }
.frm_fld_activity { border:1px solid #000; width:280px; }

td.activities {  padding:4px 0px; text-align:center; }

div.questionnaire { padding:4px 0px; }
.wordcount { border:0px; }

input.submit { background:#ABABAB url(../images/btnBg.jpg) repeat-x; border:0px solid #ABABAB; cursor:pointer; height:24px; }

a.submit { color:#000; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:19px; padding:5px 8px 0px 8px; text-decoration:none; }
a:hover.submit { color:#000; }

.req { color:red; font-weight:bold; }

/*------------------------------------------------------------------
[4a. Validation - Student Application ]
-------------------------------------------------------------------*/
.err_msg, #errFirstName, #errLastName, #errEmail, #errConfirmEmail, #errPrimaryPhone, #errSecondaryPhone, 
#errParentName, #errParentEmail, #errParentConfirmEmail, #errHomePhone, #errWorkPhone, #errMobilePhone, 
#errAddressPerm, #errCityPerm, #errZipPerm, #errAddressMail, #errCityMail, #errZipMail,
#errLocationPrefA, #errAvailabilityA, #errLocationPrefB, #errAvailabilityB, 
#errHsName, #errHsPhone, #errAddressHs, #errCityHs, #errZipHs, #errCounselorName, #errCounselorPhone,
#errCollegeA, #errCollegeB, #errCollegeC, #errCollegeD, #errCollegeE,
#errEssay, #errValidateA, #errValidateB, #errValidateC { color:#CC0000; font-style:italic; }

/*------------------------------------------------------------------
[4b. Validation - Volunteer Application ]
-------------------------------------------------------------------*/
#errFirstName, #errLastName, #errPrimaryPhone, #errSecondaryPhone, #errEmail, 
#errAddress, #errCity, #errZip, #errCompany, #errOccupation, #errTitle, 
#errLocationPref, #errAvailability { color:#CC0000; font-style:italic; }

/*------------------------------------------------------------------
[4c. Validation - Parent/Guardian Consent ]
-------------------------------------------------------------------*/
#errPgSignature, #errStudentSignature, #errPgEmail, #errPgConfirmEmail, #errPgPhone,
#errStudentEmail { color:#CC0000; font-style:italic; }

/*------------------------------------------------------------------
[4d. Validation - Recommendation ]
-------------------------------------------------------------------*/
#errRecFirstName, #errRecLastName, #errRecCompany, #errRecTitle, 
#errRecAddress, #errRecCity, #errRecZip, #errRecEmail, #errRecConfirmEmail,
#errRecPhone, #errRecFax, #errStudentFirstName, #errStudentLastName,
#errStudentHsName, #errStudentEmail, #errEssay { color:#CC0000; font-style:italic; }

/*------------------------------------------------------------------
[5. Video Challenge ]
-------------------------------------------------------------------*/
#col1 { float:left; width:340px; }
#col2 { float:right; width:480px; }

#vc_form_input input { border:1px solid #000; font-size:22px; height:28px; width:260px; }

.percent { background:url(../images/video-challenge/percent-bg-default.jpg) no-repeat; float:left; color:#FFF; height:34px; padding:8px 0px 0px 2px; text-align:center; width:54px; }
.contestant { float:right; height:34px; padding:8px 0px 0px 12px; width:268px; }

h1.vc_title { color:#C2113A; font-size:22px; line-height:28px; }

#vote_container { background-color:#7C7C7C; color:#FFF; padding:20px 0px 20px 60px; }
#vote_container span.current { color:#000; }
div.vote_radio { padding:10px 0px; }

/*------------------------------------------------------------------
[6. Footer [#ftr] ]
-------------------------------------------------------------------*/
#ftr { background:url(../images/footer_application.jpg) no-repeat; font-family:Helvitica, Arial, sans-serif; font-size:11px; height:116px; margin:0px auto; padding:0px; text-align:center; width:980px; }

#ftr p.copyright { padding:32px 0px 0px 0px; }

#ftr a { color:#000; }
#ftr a:hover { color:#ABABAB; }