/* CSS Jaimie Lisa Stow August 2010 */


html, body {
background:#f4efeb url(../images/bgtophome.gif) repeat-x 0 0;
width:100%;
height:100%;
margin:0;
padding:0;
}

.wrapper {
height:auto !important;
margin:0 auto -150px;
min-height:100%;
}

.push {
height:150px;
}
* {
margin:0;
}
.clearer {
clear:both;
}
/* popout box */
.bodyfaq {
background:#F4EFEB none repeat scroll 0 0;
width:100%;
height:100%;
margin:0;
padding:0;
}
.wrapper2 {
height:auto !important;
margin:0 auto;
width: 500px;
background:none;
}
#main2 {
background:#F4EFEB none repeat scroll 0 0;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:0.8em;
margin:0 0 0 20px;
padding:50px 0 0;
width: 480px;
}
/* popout box end */

#main {
font-size:0.8em;
width:962px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
margin:0px auto;
padding:0;
}

#top {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
height:150px;
margin:0;
padding:0;
width:962px;
z-index:888;
}
.topquote {
background:transparent url(../images/topquote.gif) no-repeat scroll 0 0;
float:right;
height:69px;
margin:20px 18px 0 0;
width:438px;
}
.topquote0, .topquote1, .topquote2, .topquote3, .topquote4,
.topquote5, .topquote6, .topquote7, .topquote8, .topquote9 {
background:transparent url(../images/topquote0.gif) no-repeat scroll 0 0;
float:right;
height:69px;
margin:20px 18px 0 0;
width:438px;
}
.topquote1 {
background:transparent url(../images/topquote1.gif) no-repeat scroll 0 0;
}
.topquote2 {
background:transparent url(../images/topquote2.gif) no-repeat scroll 0 0;
}
.topquote3 {
background:transparent url(../images/topquote3.gif) no-repeat scroll 0 0;
}
.topquote4 {
background:transparent url(../images/topquote4.gif) no-repeat scroll 0 0;
}
.topquote5 {
background:transparent url(../images/topquote5.gif) no-repeat scroll 0 0;
}
.topquote6 {
background:transparent url(../images/topquote6.gif) no-repeat scroll 0 0;
}
.topquote7 {
background:transparent url(../images/topquote7.gif) no-repeat scroll 0 0;
}
.topquote8 {
background:transparent url(../images/topquote8.gif) no-repeat scroll 0 0;
}
.topquote9 {
background:transparent url(../images/topquote9.gif) no-repeat scroll 0 0;
}
#top h1 {
color:#EBE6C0;
font-size:1.5em;
font-weight:bold;
margin:0;
padding:0 2px 0 3px;
}
#top h2 {
color:#B3DA36;
font-family:tahoma;
font-size:1.3em;
font-weight:bold;
padding:0 3px;
}
#top h2 .part2 {
color:#FFFFFF;
font-size:0.8em;
}

/* MIDDLE SECTION */
#middle {
float:left;
margin:35px 0;
padding:0;
width:100%;
z-index:5;
}
#middleform{
float:left;
margin:35px 0;
padding:0 0 12px 0;
width:100%;
z-index:5;
background:transparent url(../images/formbgbase.gif) no-repeat scroll 0 100%;
}


/* panel middle section */
#panelDonateTop {

float:left;
margin:0;
padding:0 18px;
width:100%;
}
#panelMiddleTop {
background:url("../images/panelMiddleTop.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 18px;
width:100%;
}
#panelMiddleBot {
background:url("../images/panelMiddleBot.gif") no-repeat scroll 0 100% transparent;
float:left;
height:25px;
margin:0;
padding:0;
width:100%;
}
#panelMidtitle {
height:50px;
margin:0;
padding:0 20px 0 229px;
width:679px;
}
#panelMidtitle h1 {
color:#31261C;
font-size:2em;
font-weight:bold;
padding:24px 0 0;
}
#panelMidtitle2 {
height:50px;
margin:0;
padding:0 0 0 212px;
width:715px;
}
#panelMidtitle2 h1 {
color:#31261C;
font-size:1.7em;
font-weight:bold;
padding:24px 0 0;
}
#panelBlueTop {
background:url("../images/panelBlueTop.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:20px 14px 0 212px;
padding:28px 0 0 0;
width:700px;
}
#panelBlueBot {
background:url("../images/panelBlueBot.gif") no-repeat scroll 0 100% transparent;
float:left;
height:26px;
margin:0 14px 0 212px;
padding:0;
width:700px;
}
#panelBlueTop h3 {
color:#31261C;
font-family:arial;
font-size:12px;
font-weight:bold;
line-height:18px;
margin:0;
padding:0;
float:left;
}

#panelBlueTop p {
color:#31261C;
font-size:12px;
font-weight:normal;
line-height:115%;
margin:0;
padding:0 0 10px;
}

#panelBlueTop .leftpanel {
float:left;
padding:0 20px 10px;
width:260px;
}
#panelBlueTop .leftpanelText {
float:left;
padding:20px 0 0 3px;
width:260px;
}
#panelBlueTop .leftpanelText2 {
float:left;
padding:10px 0 0 3px;
width:260px;
}
#panelBlueTop .rightpanel {
background:url("../images/panelflashbg.gif") no-repeat scroll 0 0 transparent;
float:left;
height:262px;
padding:4px 0 0 4px;
width:388px;
}
/* STATIC IMAGES FOR BANNERS CONTENT PAGES */
/* *************************************** */
#panelBlueTop .bannerimage {
float:left;
height:254px;
padding:0;
margin:0;
width:380px;
}
/* ABOUT US BANNER IMAGE */
#panelBlueTop .bannerimageAbout { background:url("../gallery_asset/aboutus/healthy_ernie.jpg") no-repeat scroll 0 0 transparent; }
/* HOW WE WORK BANNER IMAGE BREAKDOWN */
#panelBlueTop .bannerimageHow { background:url("../gallery_asset/hww/girlbubbles.jpg") no-repeat scroll 0 0 transparent; }
/* HOW WE WORK BANNER IMAGE OPERATIONS*/
#panelBlueTop .bannerimageHowops { background:url("../gallery_asset/hww/summertime.jpg") no-repeat scroll 0 0 transparent; }
/* HOW WE WORK BANNER IMAGE OVERVIEW*/
#panelBlueTop .bannerimageHowoverview { background:url("../gallery_asset/hww/thanks.jpg") no-repeat scroll 0 0 transparent; }
/* HOW WE WORK BANNER IMAGE QUESTION & ANSWERS */
#panelBlueTop .bannerimageQuestions { background:url("../gallery_asset/hww/squirrel.jpg") no-repeat scroll 0 0 transparent; }
/* CHARITY BANNER IMAGE */
#panelBlueTop .bannerimageCharity { background:url("../gallery_asset/charity/heal.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS BANNER IMAGE */
#panelBlueTop .bannerimageSpecial { background:url("../gallery_asset/special_occasions/a-girlballoons.jpg") no-repeat scroll 0 0 transparent; }
/* CORPORATE BANNER IMAGE - BUDGET */
#panelBlueTop .bannerimageCorporate { background:url("../gallery_asset/corporate/corporatehandshake.jpg") no-repeat scroll 0 0 transparent; }
/* CORPORATE BANNER IMAGE - RELATIONSHIPS*/
#panelBlueTop .bannerimageCorpRel { background:url("../gallery_asset/corporate/corporate.jpg") no-repeat scroll 0 0 transparent; }

/* WEDDING BANNER IMAGE */
#panelBlueTop .bannerimageWedding { background:url("../gallery_asset/main_images/mature_wedding.jpg") no-repeat scroll 0 0 transparent; }
/* THANK YOU BANNER IMAGE */
#panelBlueTop .bannerimageThankyou { background:url("../gallery_asset/main_images/thanks.jpg") no-repeat scroll 0 0 transparent; }
/* THANK YOU BANNER IMAGE (nominator confirmation) */
#panelBlueTop .bannerimageThankyou2 { background:url("../gallery_asset/main_images/thankyou.gif") no-repeat scroll 0 0 transparent; }
/* GIFTAID BANNER IMAGE */
#panelBlueTop .bannerimageGiftaid { background:url("../gallery_asset/main_images/ladywheelchair.jpg") no-repeat scroll 0 0 transparent; }
/* FAILURE BANNER IMAGE */
#panelBlueTop .bannerimageFailure { background:url("../images/bankclosed.gif") no-repeat scroll 0 0 transparent; }
/* BROKEN BANNER IMAGE */
#panelBlueTop .bannerimageBroken { background:url("../images/unavailable.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS NEW YEAR BANNER IMAGE */
#panelBlueTop .bannerimageNewYear { background:url("../gallery_asset/special_occasions/newyear.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS CHINESE NEW YEAR BANNER IMAGE */
#panelBlueTop .bannerimageChineseNY { background:url("../gallery_asset/special_occasions/chinese_ny.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS CHINESE NEW YEAR BANNER IMAGE */
#panelBlueTop .bannerimageDiwali { background:url("../gallery_asset/special_occasions/diwali.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS CHRISTMAS BANNER IMAGE */
#panelBlueTop .bannerimageXmas { background:url("../gallery_asset/special_occasions/xmasday.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS SAINT NICHOLAS BANNER IMAGE */
#panelBlueTop .bannerimageSanta { background:url("../gallery_asset/special_occasions/santa.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS EID BANNER IMAGE */
#panelBlueTop .bannerimageEid { background:url("../gallery_asset/special_occasions/eid.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS WINTER SOLSTICE BANNER IMAGE */
#panelBlueTop .bannerimageWinterSolstice { background:url("../gallery_asset/special_occasions/winter_solstice.jpg") no-repeat scroll 0 0 transparent; }
/* SPECIAL OCCASIONS VALENTINE BANNER IMAGE */
#panelBlueTop .bannerimageValentine { background:url("../gallery_asset/special_occasions/valentine.jpg") no-repeat scroll 0 0 transparent; }



#panelBlueTop .bubbletop {
background:url("../images/bubbletop.gif") no-repeat scroll 0 0 transparent;
float:left;
padding:20px 20px 10px;
width:215px;
}
#panelBlueTop .bubblebot {
background:url("../images/bubblebot.gif") no-repeat scroll 0 0 transparent;
float:left;
padding:0;
width:255px;
height: 30px;
}
#panelBlueTop .love2donateblock {
background:url("../images/love2donate.gif") no-repeat scroll 0 0 transparent;
float:left;
height:24px;
padding:0 0 15px;
width:159px;
width:100%;
}

#panelcontent {
background:url("../images/panelcontentTop.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:20px 18px 0;
padding:20px 20px 0;
width:849px;
}
#panelcontentBot {
background:url("../images/panelcontentBot.gif") no-repeat scroll 0 0 transparent;
float:left;
height:44px;
margin:0 18px;
padding:0;
width:889px;
}

#didyouknow {
background:url("../images/didyouknow-red.gif") no-repeat scroll 100% 100% transparent;
float:left;
height:44px;
margin:50px 80px 0 0;
width:211px;
}

.panelcontentText {
float:left;
padding:0 20px 0 0;
width:268px;
}
#panelcontent p {
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:155%;
}
#panelcontent .last {
margin-right:0 !important;
padding-right:0 !important;
}

/*CORPORATE PAGE AND REST CSS */
#panelcontentLong {
background:url("../images/panelcontentTop.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:20px 18px 0;
padding:40px 40px 0;
width:809px;
}
#panelcontentLong .topblock {
float:left;
margin:0;
width:100%;
}
#panelcontentLong .botblock {
float:left;
margin:0;
width:100%;
}
.borderline {
border-top:1px solid #CCCCCC;
float:left;
height:15px;
margin:0 !important;
padding:0;
width:810px;
}
#panelcontentLong p {
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:155%;
padding:0 0 10px;
float:left;
width:100%;
}
.parapadding {
padding: 0 0 5px !important; 
}
.parapaddingBot {
padding-bottom: 40px !important; 
}
.parapaddingBot20 {
padding-bottom: 20px !important; 
}
.parapaddingTop {
padding-top:40px !important; 
}
.parapaddingTop10 {
padding-top:10px !important;
}
.parapaddingTop20 {
padding-top:20px  !important; 
}
.parapaddingTop15 {
padding-top:15px  !important; 
}
.parapaddingTop30 {
padding-top:30px  !important; 
}
.parapaddingTop40 {
padding-top:40px  !important; 
}
.parapadding0 {
padding:0 !important; 
margin: 0 !important;
}
.parapaddingTop0 {
padding-top:0 !important; 
}
.marginTop40 {
 margin-top: 40px !important;   
}
.marginTop30 {
 margin-top: 30px !important;   
}
.marginTop20 {
 margin-top: 20px !important;   
}
.marginToph2 {
float:left;
margin-top:35px !important;
width:100%;
}
.marginTop0 {
 margin-top:0 !important;   
}
/*
 CONTENT PAGES SETTINGS */
#panelcontentLong .contentImageLeft {
background:url("../images/puppy.jpg") no-repeat scroll 100% 100% transparent;
float:left;
height:279px;
margin:0 25px 0 0;
width:239px;
}
/* SIDE IMAGE LEFT */
#panelcontentLong .sideimageLeft {
float:left;
margin:0 35px 0 0;
padding:0;
width:229px;   
}
/* SIDE IMAGE RIGHT */
#panelcontentLong .sideimageRight {
float:right;
margin:25px 0 0 0;
padding:0;
width:229px;
}

/* special occasions - gregorian new year side image */
#panelcontentLong .ImageNewYear {
background:url("../gallery_asset/special_occasions/newyearbaby.jpg") no-repeat scroll 0 0 transparent;
height:291px;
width:228px;
}

/* special occasions - eid new year side image */
#panelcontentLong .ImageWinterSolstice {
background:url("../gallery_asset/special_occasions/sidewinter.jpg") no-repeat scroll 0 0 transparent;
height:297px;
width:208px;
}

/* special occasions - Valentines side image */
#panelcontentLong .ImageValentines {
background:url("../gallery_asset/special_occasions/sidevalentine.jpg") no-repeat scroll 0 0 transparent;
height:297px;
width:208px;
}

/* special occasions - eid new year side image */
#panelcontentLong .ImageEid {
background:url("../gallery_asset/special_occasions/eidbag.jpg") no-repeat scroll 0 0 transparent;
height:239px;
width:180px;
}
/* special occasions - saint nicholas new year side image */
#panelcontentLong .ImageSanta {
background:url("../gallery_asset/special_occasions/sidesanta.jpg") no-repeat scroll 0 0 transparent;
height:158px;
width:237px;
}

/* special occasions - christmasside image */
#panelcontentLong .ImageXmasTree {
background:url("../gallery_asset/special_occasions/xmastree.jpg") no-repeat scroll 0 0 transparent;
height:293px;
width:226px;
}
/* special occasions - Diwali */
#panelcontentLong .ImageDiwali {
background:url("../gallery_asset/special_occasions/sidediwali.jpg") no-repeat scroll 0 0 transparent;
height:271px;
width:180px;
}

/* special occasions - chinese new year side image */
#panelcontentLong .ImageChineseNY {
background:url("../gallery_asset/special_occasions/redlantens.jpg") no-repeat scroll 0 0 transparent;
height:182px;
width:279px;
}
#panelcontentLong .ImageEarnie2 {
background:url("../gallery_asset/aboutus/poorly_earnie.jpg") no-repeat scroll 0 0 transparent;
height:153px;
width:229px;
}
/* dog side image */
#panelcontentLong .imageStraydog {
background:url("../gallery_asset/corporate/straydog.jpg") no-repeat scroll 0 0 transparent;
height:273px;
padding:0 0 15px;
width:229px;
}
/* corporate women side image */
#panelcontentLong .ladymeeting {
background:url("../gallery_asset/corporate/ladymeeting.jpg") no-repeat scroll 0 0 transparent;
height:279px;
width:229px;
}
/* corporate handshake side image */
#panelcontentLong .handshake {
background:url("../gallery_asset/corporate/handshake.jpg") no-repeat scroll 0 0 transparent;
height:279px;
width:229px;
}
/* corporate questions side image */
#panelcontentLong .questions {
background:url("../gallery_asset/corporate/questions.jpg") no-repeat scroll 0 0 transparent;
height:279px;
width:229px;
}
/* corporate stakeholder side image */
#panelcontentLong .stakeholder {
background:url("../gallery_asset/corporate/stakeholder.jpg") no-repeat scroll 0 0 transparent;
height:279px;
width:229px;
}

/* corporate applaud side image */
#panelcontentLong .applaud {
background:url("../gallery_asset/corporate/applaud.jpg") no-repeat scroll 0 0 transparent;
height:279px;
width:229px;
}

/* wedding side image */
#panelcontentLong .maturewedding {
background:url("../gallery_asset/main_images/mature_wedding2.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .maturewedding2 {
background:url("../gallery_asset/main_images/mature_wedding4.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
/* THANKYOU side image */
#panelcontentLong .drpatient {
background:url("../gallery_asset/main_images/drpatient.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}

/* THANKYOU baby hand hold */
#panelcontentLong .babyhands {
    background:url("../gallery_asset/main_images/babyhands.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .nurseaid {
    background:url("../gallery_asset/main_images/nurseaid.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}



/* cancer run bw */
#panelcontentLong .handsclap {
background:url("../gallery_asset/hww/handsclap.jpg") no-repeat scroll 0 0 transparent;
width:225px;
height:273px;
}


#panelcontentLong .imageContent p,
#panelcontentLong .imageHandsbw p {
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:155%;
padding:0;
}
#panelcontentLong a.imageContentText {
color:#F3720A;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
}

#panelcontentLong  .imageContentText {
color:#999;
text-decoration:none;
padding:0px;
}
#panelcontentLong a.imageContentText, 
#panelcontentLong a.imageContentText:link, 
#panelcontentLong a.imageContentText:visited {
color:#F3720A;
text-decoration:none;
padding:0px;
}
#panelcontentLong a.imageContentText:hover, 
#panelcontentLong a.imageContentText:focus {
color:#31261c;
text-decoration:none;
padding:0px;
}
#panelcontentLong .source {
padding:10px 0 0;
color:#F3720A;
float:left;
font-size:13px;
font-weight:normal;
font-style:italic;
margin:0;
padding:0;
}
.giftaidit {
background:url("../images/giftaid_green.gif") no-repeat scroll 0 0 transparent;
float:left;
height:70px;
margin:0;
padding:0;
width:100%;
}
/* SIDE IMAGES */
/* ABOUT US */
#panelcontentLong .ImageErnie {
background:url("../gallery_asset/aboutus/earnie.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .ImageEarnie2 {
background:url("../gallery_asset/aboutus/poorly_earnie.jpg") no-repeat scroll 0 0 transparent;
height:153px;
width:229px;
}

#panelcontentLong .Imagehospital {
background:url("../gallery_asset/aboutus/hospital.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .Imagehospitalsmall {
background:url("../gallery_asset/aboutus/hospital_hands.jpg") no-repeat scroll 0 0 transparent;
height:154px;
width:229px;
}
#panelcontentLong .Imagegirlstree {
background:url("../gallery_asset/hww/girlstree.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .Imagegirlheart {
background:url("../gallery_asset/hww/girlheart.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:279px;
margin:0 25px 0 0;
width:229px;
}
#panelcontentLong .Imagehandsclap {
background:url("../gallery_asset/hww/handsclap.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:279px;
margin:0 25px 0 0;
width:229px;
}
#panelcontentLong .ImageHands {
background:url("../gallery_asset/hww/smallhand-bighand.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .ImageHands3 {
background:url("../gallery_asset/hww/ladiesx3short.jpg") no-repeat scroll 0 0 transparent;
height:154px;
width:229px;
}
#panelcontentLong .handshold {
background:url("../gallery_asset/main_images/hands.jpg") no-repeat scroll 0 0 transparent;
height:154px;
width:229px;
}
#panelcontentLong .Imageguidedog {
background:url("../gallery_asset/charity/imageguidedog.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .ImageArmydadtall {
background:url("../gallery_asset/charity/armydadtall.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}
#panelcontentLong .heal {
background:url("../gallery_asset/main_images/heal.jpg") no-repeat scroll 0 0 transparent;
height:254px;
width:380px;
}
#panelcontentLong .girlclimbing {
background:url("../gallery_asset/hww/girlclimbing.jpg") no-repeat scroll 0 0 transparent;
height:346px;
width:229px;
}
#panelcontentLong .monkeyTall {
background:url("../gallery_asset/main_images/monkeytall.jpg") no-repeat scroll 0 0 transparent;
height:346px;
width:229px;
}
#panelcontentLong .monkey {
background:url("../gallery_asset/main_images/monkey.jpg") no-repeat scroll 0 0 transparent;
height:273px;
width:229px;
}


#panelcontentLong h2 {
color:#A8DA07;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
margin:0;
padding:0 0 5px;
text-transform:uppercase;
width:100%;
}
#panelcontentLong h3 {
color:#31261C;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
text-transform:uppercase;
}
/* QUESTIONS AND ANSWERS BLOCK */
#panelcontentLong .headingtext {
color:#A8DA07;
display:block;
font-family:tahoma;
font-size:1.3em;
font-weight:bold;
margin:0;
padding:0;
text-transform:uppercase;
float:left;
width:100%;
}
#panelcontentLong .headingtextQuestions {
color:#EE3544;
display:block;
float:left;
font-family:tahoma;
font-size:1.3em;
font-weight:bold;
margin:0;
padding:0 0 5px 5px;
text-transform:uppercase;
width:100%;
}
.popout3 {
background:url("../images/charitylist-panel2.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:15px 0 0;
padding-left:0;
}
.popout3Bot {
background:url("../images/charitylist-panelBot.gif") no-repeat scroll 100% 0 transparent;
float:left;
height:16px;
margin:0;
padding:0;
width:525px;
}
.popout3 ul{
float:left;
margin:0;
overflow:hidden;
padding:20px 0 0 20px;
width:525px;
}
.popout3 li {
border:medium none;
float:left;
list-style:none outside none;
margin:0;
padding:0 0 10px 8px;
width:38em;
}

p.topAnchor {
font-size:1.4em;
margin:0 0 30px;
padding:0;
}
p.topAnchor a:link, p.topAnchor a:visited, p.topAnchor a:active {
background:url("../images/smallArrowUpBrown.gif") no-repeat scroll 0 8px transparent;
border:0 none;
color:#333;
font-size:12px;
text-decoration:none;
padding:5px 0 0 15px;
}
p.topAnchor a:hover, p.topAnchor a:focus {
background:url("../images/smallArrowupGreen.gif") no-repeat scroll 0 8px transparent;
border:0 none;
color:#A8DA07;
font-size:12px;
text-decoration:none;
padding:5px 0 0 15px;
}
/* QUESTIONS AND ANSWERS BLOCK CLOSE */

botvoucher a, a:link, a:visited {
color:#31261C;
text-decoration:underline;
}
#panelcontentLong .popout3 a, 
#panelcontentLong .popout3 a:link, 
#panelcontentLong .popout3 a:visited {
background:url("../images/bulletArrowDarkGrey.png") no-repeat scroll 0 8px transparent;
border-bottom:medium none;
color:#31261c;
display:inline-block;
font-size:11px;
margin:0;
padding:5px 0 0 15px;
width:97%;
text-decoration:none;
}
#panelcontentLong .popout3 a:hover, 
#panelcontentLong .popout3 a:focus {
background:url("../images/bulletArrowGreen.png") no-repeat scroll 0 8px transparent !important;
border-bottom:medium none !important;
color:#A8DA07 !important;
margin:0;
padding:5px 0 0 15px;
width:97%;
text-decoration:none;
font-weight:normal;
}





#panelcontentLong .last {
margin-right:0 !important;
padding-right:0 !important;
}
#panelcontentLong .paralast {
padding-bottom:10px !important;
}
.contentRight {
float:right;
padding:0 0 0 15px;
width:530px;
}
.contentLeft {
float:left;
padding:20px 20px 0 0;
width:530px;
}
.contentLeftTop  {
float:left;
padding:0px 20px 0 0;
width:530px;
}
.contentRight2 {
float:right;
padding:0 0 0 30px;
width:530px;
}
.contentRight3 {
float:right;
padding:0 0 0 20px;
width:470px;
}
#panelcontentLong .contentImageRight {
background:url("../images/corporategift.jpg") no-repeat scroll 100% 100% transparent;
float:right;
height:279px;
margin:0 0 0 30px;
padding:20px 0 0;
width:229px;
}
#panelcontentLong .Imagewheelchair {
background:url("../gallery_asset/charity/wheelchair.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:279px;
margin:0 20px 0 0;
padding:0;
width:229px;
}

#buttonlist, 
#buttonlist2 {
display:block;
float:left;
margin:0;
width:100%;
}
#buttonlist a, #buttonlist2 a,
#buttonlist a:link, #buttonlist2 a:link,
#buttonlist a:visited, #buttonlist2 a:visited {
color: #fff;
text-decoration: none;    
}
#buttonlist a:hover, #buttonlist2 a:hover,
#buttonlist a:focus, #buttonlist2 a:focus {
color: #31261c;
text-decoration: none;    
}


/* panel middle section END */
/* ************************ */

/* panel long */
#panellong{
float:left;
background:url("../images/panelMiddleTop.gif") no-repeat scroll 0 0 transparent;
margin:0;
padding:0 0 10px;
width:100%;
}
#panellongtitle {
height:50px;
margin:0;
padding:0 0 0 226px;
width:706px;
}
#panellongtitle  h1 { 
color:#31261C;
font-size:1.7em;
font-weight:bold;
padding:24px 0 0;
} 
#panellong p {
margin:15px 17px;
}
#panellong .firstparagraph {
margin-top: 52px;
}
#panellong .panelbubble {
background:transparent url(../images/bubble.gif) no-repeat scroll 0 0;
float:left;
height:214px;
margin:23px 0 0 231px;
padding:0;
width:300px;
}
#panellong .hwwparagraph {
margin-top: 100px;
}
#panellong .panelhowwework {
background:transparent url(../images/howwework.gif) no-repeat scroll 0 0;
float:left;
height:214px;
margin:23px 0 0 231px;
padding:0;
width:300px;
}
.buttontext {
color:#FFFFFF;
float:left;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
margin:11px 0 0;
}
.buttontext a, 
.buttontext a:link{
background:transparent url(../images/arrowwhite.png) no-repeat scroll 94% 0;
color:#FFFFFF;
padding:10px 35px 0 0;
}
.buttontext a:hover, 
.buttontext a:focus{
color:#241d17;
background:transparent url(../images/arrowbrown.png) no-repeat scroll 94% 0;
}
#panelflash {
float: left;
margin:23px 0 0 17px;
width:380px;
height:254px;
z-index:0;
}
#panelblock {
background:transparent url(../images/bigpanel_mid.png) repeat-y scroll 0 0;
float:left;
margin:15px 18px 0 18px;
position:relative;
width:926px;
}
.paneltop {
background:transparent url(../images/bigpanel_top.png) no-repeat scroll 0 0;
clear:left;
float:left;
height:240px;
position:absolute;
top:-15px;
width:925px;
}
#panelblock .pContent {
clear:left;
color:#333333;
display:block;
min-height:265px;
overflow:hidden;
padding:3px 23px 0;
position:relative;
width:675px;
}
#panelblock p 	{
    margin: 10px 0;
}
h1 {
color:#31261C;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:2.2em;
font-weight:bold;
margin:0 0 10px;
}
h2 {
color:#A8DA07;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
margin:0 0 10px;
padding:0;
}
.panelbot {
background:transparent url(../images/bigpanel_bottom.png) no-repeat scroll 0 0;clear:left;
display:block;
height:15px;
width:925px;
margin: 0 18px;
}
/* panel long */

/* panel small x 3 */
#panelshort {
float:left;
height:385px;
margin:35px 10px 0 18px;
width:934px;
}
#panelshort a,         #panellong a,
#panelshort a:link,    #panellong a:link,
#panelshort a:visited, #panellong a:visited {
color:#FFFFFF;
text-decoration:none;
}
#panelshort a:hover, #panellong a:hover, 
#panelshort a:focus,  #panellong a:focus {
color:#31261C;
text-decoration:none;
}
/*new panels x4 */
.panelsmall1 {
background:transparent url(../images/panel1a.gif) no-repeat scroll 0 100%;
float:left;
height:385px;
padding:0 7px 0 0;
width:225px;
}

/* delete these old ones */
.panelsmall {
background:transparent url(../images/bgpanel_small.png) no-repeat scroll 0 100%;
float:left;
height:324px;
margin:0 10px 0 0;
width:302px;
}
.panelsmall2 {
background:transparent url(../images/panel2a.gif) no-repeat scroll 0 100%;
float:left;
height:385px;
padding:0 7px 0 0;
width:226px;
}

/* delete end */

#panelshort h1 {
color:#F3720A;
display:inline-block;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
margin:0;
}
#panelshort p {
color:#FFFFFF;
float:left;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
margin:7px 0 0;
padding:0 10px 0 0;
}
#main2 ol, 
#panelshort ol {
list-style-type:decimal;
margin:0 0 0 20px;
padding:5px 3px 0;
}
#main2 ol li, 
#panelshort ol li {
padding:10px 0 0;
}
.bordergrey {
border-top:1px solid #CCCCCC;
margin:25px 0 0;
}
#panelshort .last {
	margin:0 !important;
}
#panelshort1, #panelshort2 {
float:left;
margin:0 20px;
width:886px;
}
#panelshort1 .panelblock,
#panelshort2 .panelblock 
{
float:left;  
}
#panelshort1 a, #panelshort1 a:link, #panelshort1 a:visited,
#panelshort2 a, #panelshort2 a:link, #panelshort2 a:visited {
color:#FFFFFF;
text-decoration:none;
}
#panelshort1 a:hover, #panelshort1 a:focus,
#panelshort2 a:hover, #panelshort2 a:focus {
color:#31261C !important;
text-decoration:none;
}
.panelsmalltop {
background:url("../images/panelsmall3.gif") no-repeat scroll 0 0 transparent;
float:left;
margin:20px 20px 0 0;
width:282px;
}
.panelsmallbot {
background:url("../images/panelsmallbot.gif") no-repeat scroll 0 100% transparent;
float:left;
height:20px;
margin:0;
width:282px;
}
#panelshort1 h1,
#panelshort2 h1  {
color:#F3720A;
display:inline-block;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
margin:0;
}
#panelshort1 p,
#panelshort2 p {
color:#FFFFFF;
float:left;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
margin:7px 0 0;
padding:0 15px 0 0;
}

#panelshort1 ol,
#panelshort2 ol {
list-style-type:decimal;
margin:0 0 0 20px;
padding:5px 3px 0;
}

#panelshort1 ol li,
#panelshort2 ol li {
padding:10px 0 0;
}

#panelshort1 .last,
#panelshort2 .last {
margin-right:0 !important;
}
#panelshort1 p,
#panelshort2 p {
color:#31261C;
float:left;
font-family:Tahoma;
font-size:13px;
font-weight:normal;
margin:0;
padding:0;
}
#panelshort1 a.specocc_bold,
#panelshort2 a.specocc_bold  {
color:#F3720A;
font-size:1.6em;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-weight:bold;
}
#panelshort1 a.specocc_source,
#panelshort2 a.specocc_source {
color:#F3720A;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1em;
font-style:italic;
font-weight:400;
}
#panelshort1 .source,
#panelshort2 .source  
{
 padding: 10px 0 0 0;   
}
.panelsmallbody {
float:left;
padding:38px 38px 10px;
width:204px;
}
/* panel special occasions end */


/* panel small x 3 END */

/* button orange */
#buttonblock {
	float:left;
	height:30px;
	margin:44px 0 0;
}
.buttonpanel {
float:right;
height:35px;
padding:10px 18px 0 0;
}
.buttonleft {
	width:15px;
	background:transparent url(../images/buttonleft.png) no-repeat scroll 0 0;
	float:left;
	height:35px;
}
.buttonright {
background:transparent url(../images/buttonright.png) no-repeat scroll 100% 100%;
float:left;
height:35px;
width:auto;
}
/* button orange END */

/* tab grey */
.tabblock {
float:left;
height:25px;
padding: 0 0 0 13px;
margin:0;
}
.tableft {
	width:15px;
	background:transparent url(../images/tabgreyleft.png) no-repeat scroll 0 0;
	float:left;
	height:25px;
	
}
.tabright {
background:transparent url(../images/tabgreyright.png) no-repeat scroll 100% 100%;
float:left;
height:25px;
display:block;
width:auto;
}
.tabbody {
float:left;
padding:15px 15px 10px 15px;
height:270px;
}
#tabbody2 {
float:left;
margin:110px 15px 40px 25px;
height:145px;
}
.tabbody p, #tabbody2 p {
color:#000000;
float:left;
font-family:Tahoma;
font-size:12px;
font-weight:normal;
line-height:1.4em;
margin:7px 0 0;
padding:0;
width:180px;
}

/* carousel home page new feb 2011 */
.tabbodycarousel {
    float: left;
    height: 330px;
    padding: 15px 15px 10px 15px;
}
.tabbodycarousel2 {
float:left;
margin:10px 0 0 0;
height:270px;
width:197px;
}
/*carousel home page end */


/* button grey END */



#midleft {
background:transparent url(../images/formbg.gif) no-repeat scroll 0 0;
float:left;
height:100%;
margin:0 0 0 18px;
padding:18px 0 0 36px;
width:616px;
}
#midleft h1 {
color:#31261C;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:2.2em;
font-weight:bold;
margin:0 0 10px;
}
#midleft h2 {
color:#A8DA07;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
margin:0 0 10px;
padding:0;
}
#midform {
border-top:1px solid #EEEEEE;
padding:18px 0;
width:580px;
}
#donornomblock {}
#donornomblock span {
clear:left;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
text-transform:uppercase;
}
#message_span {
clear:left;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
text-transform:uppercase;
}
#message_text {
clear:left;
float:left;
font-family:tahoma, arial;
font-size:10px;
text-transform:uppercase;
padding:0 0 0 170px;
}
#midright {
background:transparent url(../images/formpanel2.gif) no-repeat scroll 0 0;
float:right;
height:100%;
margin:0 18px 0 0;
padding:0;
width:261px;
}
/* MID SECTION END */


/* FOOTER SECTION */
#footer {
background:transparent url(../images/bgfooter3.gif) repeat-x scroll 0 0;
height:150px;
padding:0;
width:100%;
}
#footerblock {
font-family:Tahoma,Arial,Helvetica,sans-serif;
margin:0 auto;
padding:20px 10px 0;
width:926px;
}
#footerblock h3 {
margin:0;
padding:0;
font-size:11px;
color: #fff;
}
#footerblock .column {
display:inline;
float:left;
padding-right:10px;
width:122px;
height: 90px;
}
#footerblock .columnnext{
display:inline;
float:left;
background:transparent url(../images/footerbar2.gif) repeat-y scroll 0 0;
padding-right:10px;
width:132px;
padding:0 20px;
height:90px;
}
#footerblock .columnlast{
display:inline;
float:left;
padding-right:10px;
width:80px;
background:transparent url(../images/footerbar2.gif) repeat-y scroll 0 0;
padding:0 0 0 20px;
height:90px;
}
#footerblock ul {
font-size:11px;
line-height:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}
#footerblock li {
padding:3px 0;
}
#footerblock a , a:link, a:visited{
text-decoration:none;
color:#fff;
}
#footerblock  a:hover, a:focus{
text-decoration:none;
color:#000;
}
#footerblock .copyright {
color:#fff;
float:left;
font-size:11px;
margin:0;
padding:20px 0 0;
width:400px;

}
#footerblock .facebookcontainer {
width:250px;
text-align: left;
float:right;
border: 1px solid red;
font-size:11px;
color:#fff;
}
#footerblock .facebook {
float:right;
width:40px;
text-align: left;
padding-right: 20px;
}

/* PREVIEW VOUCHER POPUP CSS */
#mainPreview {
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:0.8em;
margin:0 auto;
padding:0;
width:684px;
}
#topPreview {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
height:120px;
margin:0;
padding:0;
width:684px;
z-index:888;
}
/*print*/
#topPreviewprint {
height:120px;
margin:0;
padding:0;
width:684px;
z-index:888;
}

#topquotePreview {
color:#FFFFFF;
float:left;
font-family:tahoma;
font-size:12px;
font-weight:bold;
height:15px;
margin:48px 0 0 518px;
width:150px;
}
#topquotePreview a:hover, a:focus {
color:#14b2a7;
text-decoration:none;
}
#topquotePreview a, a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}
#middleformPreview {
float:left;
margin:0 0 20px;
padding:0;
width:684px;
z-index:5;
}
#midvouctherTop {
background:transparent url(../images/voucherPreviewtop.gif) no-repeat scroll 0 0;
float:left;
height:94px;
margin:15px 15px 0 15px;
padding:0;
width:614px;
}
#midvouctherTop {
float:left;
height:109px;
margin:0;
padding:0;
width:475px;
}
#midvouctherTopprint {
float:left;
height:72px;
margin:0;
padding:0;
width:475px;
}
#voucherLefta {
float:left;
height:37px;
margin:0;
padding:0;
width:201px;
}
#voucherLeftcode {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
font-size:14px;
height:30px;
margin:0;
padding:7px 0 0 10px;
width:264px;
}
/* amount section */
#vamount  {
    float:left;
    width:209px;
    height:109px;
    margin:0;
    padding:0;
}
#voucherLeftamount {
background:none repeat scroll 0 0 #FFFFFF;
color:#1BC8BC;
float:left;
font-size:32px;
font-weight:bold;
height:48px;
margin:0;
padding:0 7px 0 0;
text-align:right;
width:143px;
}
#voucherLeftb {
float:left;
width:59px;
height:48px;
margin:0;
padding:0;
}
#voucherno {
float:left;
height:40px;
margin:55px 0 0 140px;
width: 230px;
padding:0;
}
#voucherno p {
font-weight:normal;
font-size: 12px;
color: #000;
}

#voucheramount {
background:transparent url(../images/vouchernoR.gif) no-repeat scroll 100% 0;
float:right;
height:40px;
margin:27px 21px;
padding:0 15px 0 0;
}
#voucheramount h1 {
background:transparent url(../images/vouchernoL.gif) no-repeat scroll 0 0;
color:#31261C;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:2.2em;
font-weight:bold;
height:40px;
margin:0;
padding:0 0 0 15px;
}
/* voucher middle section - message and image */
#midvoucherBot {
float:left;
height:267px;
margin:0;
padding:0;
width:684px;
}
#vmessageLeft {
width: 74px;
float:left;
height:225px;
}
#vmessageRight {
width: 67px;
float:left;
height:225px;
}
#vmessageblock {
float:left;
height:225px;
width:210px;
}
#vouchermessagetop {
float:left;
height:10px;
padding:0;
width:210px;
}
#vmessageBottom {
float:left;
height:42px;
padding:0;
width:684px;
}
.messagewidth {
padding:0 !important;
width:210px !important;
}
#vouchermessage {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
height:205px;
padding:0 15px 0 0;
width:195px;
}
#vouchermessagebot {
float:left;
height:10px;
padding:0;
width:210px;
}
.printpara13px {
font-size:13px !important;
}
.printpara14px {
font-size:14px !important;
}
.printpadding {
padding: 0 0 3px 0 !important;
line-height:135% !important;
}
#vouchermessage p {
color:#000;
font-size:14px;
font-weight:normal;
line-height:150%;
padding:0 0 10px;
font-family:Helvetica,arial;
}
vouchermessage strong {
color:#000;
font-family:Helvetica,arial;
font-size:14px;
font-weight:bold;
padding:0 5px 0 0;
text-transform:uppercase;
}

#botvoucher strong {
font-weight:bold;
font-size: 14px;
color: #31261c;
}
 
#removeimagePreview textarea {
background: none;
border:0 none;
height:26px;
line-height:100%;
padding:0;
width:114px;
}
#closePreview {
float:right;
}
#voucherimage  {
float:left;
margin:0;
width:333px;
height: 225px;
}
/* bottom voucher block */
#botvoucherBlock {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
height:260px;
margin:0;
padding:0;
width:684px;
}
#botvoucherFooter {
float:left;
height:10px;
margin:0;
padding:0;
width:684px;
}
#botvoucherLeft {
float:left;
height:261px;
margin:0;
padding:0;
width:61px;
}
#botvoucherRight {
float:left;
height:261px;
margin:0;
padding:0;
width:61px;
}
#botvoucherMidblock 
{
    width:562px;
    float:left;
}
#botvouchermidTop,  #botvouchermidBot{
float:left;
height:20px;
margin:0;
padding:0;
width:562px;
}
.margin0 {
margin:0 !important;
}
#botvoucher {
float:left;
font-family:arial;
height:198px;
margin:10px 0 0;
padding:0;
width:562px;
}
#botvoucher p {
color:#31261C;
font-size:14px;
font-weight:normal;
line-height:130%;
padding:0 0 10px;
}
#botvoucher a:hover, a:focus {
color:#14b2a7;
text-decoration:none;
}
#botvoucher a, a:link, a:visited {
color:#31261C;
text-decoration:underline;
}
/* buttons at bottom of preview popout*/
#gallerychoicePreview {
float:right;
font-weight:normal;
text-align:left;
width:100%;
}
#removeimagePreview {
float:right;
height:26px;
margin:0;
padding:0 30px;
width:114px;
}
#removeimagePreview input, 
#removeimagePreview textarea {
background:transparent none repeat scroll 0 0;
border:0 none;
height:26px;
line-height:100%;
padding:0;
width:114px;
}
#closePreview {
float:right;
height:26px;
margin:0;
padding:0;
width:111px;
}
#closePreview input, 
#closePreview textarea {
background:transparent none repeat scroll 0 0;
border:0 none;
height:26px;
line-height:100%;
padding:0;
width:111px;
}
a.faq {
    color: black;
}
a:hover.faq {
      font-weight: 600;
}
li.termslist {
    margin-bottom: 6px;
}
#message {

Color: black;

}

#topPreviewScreen {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
height:120px;
margin:0;
padding:0;
width:684px;
z-index:888;
}


#middleformPreviewScreen {
background:transparent url(../images/formbgPreview.gif) no-repeat scroll 0 100%;
float:left;
height:628px;
margin:0 20px 20px 20px;
padding:0;
width:644px;
z-index:5;
}

#midvouctherTopScreen {
background:transparent url(../images/voucherPreviewtop.gif) no-repeat scroll 0 0;
float:left;
height:94px;
margin:15px 15px 0 15px;
padding:0;
width:614px;
}

#midvoucherBotScreen {
background:transparent url(../images/voucherPreviewbot.gif) no-repeat scroll 0 0;
float:left;
height:252px;
margin:0px 15px 15px 15px;
padding:0;
width:614px;
}

#vouchermessageScreen {
float:left;
height:100px;
margin:30px 15px 0 40px;
padding:0;
width:210px;
}

#vouchermessageScreen p {
color:#31261C;
font-size:14px;
font-weight:normal;
line-height:150%;
padding:0 0 10px;
}

#vouchermessageScreen strong,
#botvoucher strong {
font-weight:bold;
font-size: 14px;
color: #31261c;
}

#voucherimageScreen  {
float:left;
margin:0 15px 0 0;
width:333px;
height: 225px;
}

#botvoucherScreen {
background:transparent url(../images/voucherContentblock.gif) no-repeat scroll 0 0;
float:left;
font-family:arial;
height:208px;
margin:0 0 0 15px;
padding:25px;
width:564px;
}
#botvoucherScreen p {
color:#31261C;
font-size:14px;
font-weight:normal;
line-height:130%;
padding:0 0 10px;
}
#botvoucherScreen a:hover, a:focus {
color:#14b2a7;
text-decoration:none;
}
#botvoucherScreen a, a:link, a:visited {
color:#31261C;
text-decoration:underline;
}


/*privacy page update css */
#privacy { }
#privacy h2 {
    color: ##A8DA07 !important;
    display: block;
    float: left;
    font-family: tahoma;
    font-size: 1.6em  !important;
    font-weight: bold;
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
    width: 100%;
}
#privacy ul,
#privacy ol {
    color: #31261C;
    font-size: 12px;
    font-weight: normal;
    padding:0 0 0 12px;
}
#privacy ul li{
    color: #31261C;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: square;
    padding-bottom: 10px;
}
#privacy ol li {
    color: #31261C;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 10px;

}

#privacy .datedetails {
    color:#A8DA07 !important;
    font-style: italic !important;
}

.warninglabel {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;
}
.warningfield {
    color: red;
}