﻿/*
styles for forms cross the sites
*/

/*tell us form..*/
#whatUareDoingForm p{padding:15px 0;}
#whatUareDoingForm p.formField{width:90%;border-top:1px dotted #ffd600;}
#whatUareDoingForm p.formField label{display:block;float:left;}
#whatUareDoingForm p.formField .radioLabel{display:block;float:left;width:145px;}
#whatUareDoingForm p.formField .input{display:block;float:right;width:298px;}
#whatUareDoingForm p.formField .textarea{display:block;float:right;width:298px;}
#whatUareDoingForm p.formField .textarea .charUpdate{color:#adadad;}
#whatUareDoingForm p.formField .textarea .charUpdate input{color:#ada67f;background:#fff3b2;border:none;font-weight:bold;padding:5px;}
#whatUareDoingForm p.formField .textarea textarea{border:1px solid #00ade3;width:95%;}
#whatUareDoingForm p.formField .radio{display:block;float:right;width:298px;}
#whatUareDoingForm p.formField .radio span{display:block;float:left;margin-right:20px;margin-top:15px;}
#whatUareDoingForm p.formField .checkBox{display:block;float:left;width:108px;margin-left:30px;}
#whatUareDoingForm p.formField .checkBox label{display:inline;float:none;}
#whatUareDoingForm p.formField .select{display:block;float:left;width:278px;margin-left:55px;}
#whatUareDoingForm p.formField .select select{width:100%;}
#whatUareDoingForm p.formField .input input{border:1px solid #00ade3;width:95%;padding:5px 0;}

/*answer 2009 ballot questions 2009*/
#answerBallot2009 p{padding:15px 0;}
#answerBallot2009 p.formField{width:90%;border-top:1px dotted #ffd600;}
#answerBallot2009 p.formField label{display:block;float:left;}
#answerBallot2009 p.formField input{display:block;float:right;width:298px;border:1px solid #00ade3;padding:5px 0;}
#answerBallot2009 p.formField select{display:block;float:left;width:298px;margin-left:85px;border:1px solid #00ade3;padding:5px 0;}


/*celebrity2009*/
#celebrity2009 p{padding:15px 0;}
#celebrity2009 p.formField{width:90%;border-top:1px dotted #ffd600;}
#celebrity2009 p.formField label{display:block;float:left;}
#celebrity2009 p.formField textarea{display:block;width:458px;border:1px solid #00ade3;padding:5px 0;}
#celebrity2009 p.charUpdate{color:#adadad;}
#celebrity2009 p.charUpdate input{color:#ada67f;background:#fff3b2;border:none;font-weight:bold;padding:5px;}
#celebrity2009 p.formField select{width:354px;border:1px solid #00ade3;padding:2px 0;margin-left:30px;}
#celebrity2009 p#initials select{width:50px;border:1px solid #00ade3;padding:2px 0;margin-left:30px;}

/*certificate*/
#certificateForm p{padding:15px 0;}
#certificateForm p.formField{width:90%;border-top:1px dotted #ffd600;}
#certificateForm p.formField label{display:block;float:left;}
#certificateForm p.formField input{display:block;float:right;width:298px;border:1px solid #00ade3;padding:5px 0;}


/*Agony aunt form*/
#agonyAuntForm p{padding:15px 0;}
#agonyAuntForm p.formField{width:90%;border-top:1px dotted #ffd600;}
#agonyAuntForm p.formField label{display:block;float:left;}
#agonyAuntForm p.formField .input{display:block;float:right;width:290px;}
#agonyAuntForm p.formField .textarea{display:block;float:right;width:290px;}
#agonyAuntForm p.formField .textarea .charUpdate{color:#adadad;}
#agonyAuntForm p.formField .textarea .charUpdate input{color:#ada67f;background:#fff3b2;border:none;font-weight:bold;padding:5px;}
#agonyAuntForm p.formField .textarea textarea{border:1px solid #00ade3;width:100%;}
#agonyAuntForm p.formField .checkBox{display:block;float:left;width:108px;margin-left:22px;}
#agonyAuntForm p.formField #checkBox2{margin-left:30px;}
#agonyAuntForm p.formField .checkBox label{display:inline;float:none;}
#agonyAuntForm p.formField .select{display:block;float:left;width:289px;margin-left:100px;}
#agonyAuntForm p.formField .select select{width:100%;}
#agonyAuntForm p.formField .input input{border:1px solid #00ade3;width:100%;padding:5px 0;}




