﻿/**************************
***************************
GENERAL STYLES
**************************
*************************/
#contentColum ul
{
    list-style: disc;
    margin-left: 2em;
}

#contentColum #sectionDescription ul li, #contentColum #sectionDescription ol li
{
    font-size: 1.1em;
}

#contentColum ol
{
    list-style: decimal;
    margin-left: 2em;
}

/*****Overrides*********/
#contentColum .clearfix, #contentColum #listSection, #contentColum #listDocuments
{
    list-style: none;
    margin-left: 0;
}

#joinnow .headblock1 ul li
{
    font-size: 1.1em;
    padding: 2px 0px 2px 5px;
    background: none;
    line-height: 1.455em;
    list-style-type: disc;
    margin-left: 15px;
}

#joinnow .headblock1 p
{
    margin-bottom: 6px;
}

#membership .block3 ul
{
    background: none;
}

#membershipIn
{
    background: url(../../img/carrerBack.gif) no-repeat right top white;
}

.headblock1
{
    margin-top: 50px;
    width: 200px;
    float: left;
    border: none;
    padding-right: 5px;
    margin-right: 5px;
}

.headblock2
{
    border-left: 1px dotted #0294D0;
    margin-right: 5px;
    margin-top: 50px;
    width: 280px;
    float: left;
    padding-right: 5px;
    padding-left: 24px;
}

#joinnow .headblock2 ul li
{
    font-size: 1.1em;
    padding: 2px 0px 2px 5px;
    background: none;
    line-height: 1.455em;
    list-style-type: disc;
    margin-left: 15px;
    border: none;
}

/***********************/
/**************************
***************************
LOGIN CONTROLS
**************************
*************************/
.login_label label
{
    float: none !important;
    padding-right: 5px;
}

.login_button
{
    color: #1d105f;
    font-family: 'GalaxiePolarisHeavy',Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    padding-right: 16px;
    text-transform: uppercase;
    padding-left: 10px;
    margin-bottom: 10px;
}
/*.login_checkbox input[type='checkbox']
{
    float: none !important;
}*/
.login_error
{
    color: Red;
}
/**************************
***************************
SEARCH CONTROLS
**************************
*************************/
.searchbanner_txt
{
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 1.2em;
    width: 138px;
    border: none;
    padding-left: 2px;
    float: left;
    margin-top: 3px;
    height: 17px;
    /*border: 0px none none;*/
    border: 1px solid #000000;
}

.searchbanner_btn
{
    width: 17px;
    border: none;
    margin-top: 2px;
    margin-bottom: 9px;
    background: url('../../img/go.gif') center center;
    margin-right: 1px;
    height: 18px;
    cursor: pointer; /*  float:left;*/
}

.fltrPanel
{
    width: 45em;
}

    .fltrPanel h4
    {
        font-size: 1.54em;
        color: #0294d0;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 1.8em;
    }

    .fltrPanel a
    {
        font-size: 1.2em;
        line-height: 1.5em;
    }

.quadbox
{
    width: 97em;
    float: left;
}

    .quadbox h4
    {
        line-height: 1.85em;
        font-size: 2.2em;
        color: #0294d0; /* color: #d21245;*/
        text-transform: uppercase;
    }

.doublebox
{
    width: 52em;
    float: left;
}

    .doublebox h3
    {
        width: 304px;
        position: relative;
    }

.doublebox_spaced
{
    width: 44em;
    float: left;
}

    .doublebox_spaced h3
    {
        width: 304px;
        position: relative;
    }

.listitem
{
    font-size: 1.3em;
    line-height: 1.3em;
}

    .listitem p
    {
        padding-top: 1em;
    }


.OutputTitle a
{
    color: #1d105f;
    font-size: 0.9em;
}

.srchFilteredBy
{
    font-size: 1.1em;
    color: #666;
}

    .srchFilteredBy span
    {
        font-size: 2em;
        color: #d21245;
    }

    .srchFilteredBy a
    {
        font-size: 1.2em;
        color: #0294d0;
    }

.searchtxt
{
    color: #999;
}
/**************************
***************************
HELPER CLASSES
**************************
*************************/
.clear
{
    clear: both;
}
/**************************
***************************
ERROR MESSAGE
**************************
*************************/
.ErrorMsg
{
    width: 500px;
    text-align: left;
    color: #585b65;
    font-weight: bold;
    margin-top: 30px;
    font-size: 1.2em;
}

    .ErrorMsg a
    {
        font-weight: bold;
        font-size: 1.1em;
    }

    .ErrorMsg h2
    {
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 15px;
    }
/**************************
***************************
SITE MAP
**************************
*************************/
#siteMap
{
    margin-right: 10px;
    float: left;
    padding-left: 90px;
}

    #siteMap > ul > li
    {
        font-family: 'GalaxiePolarisHeavy', Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        list-style-type: none;
    }

    #siteMap > ul
    {
        margin-bottom: 20px;
    }

    #siteMap ul li a
    {
        text-transform: uppercase;
        padding: 5px 0px 5px 7px;
        line-height: 1.9em;
    }

    #siteMap > ul > li > ul
    {
        margin-left: -5px;
        padding: 1px 0 10px 0;
    }

        #siteMap > ul > li > ul > li:before
        {
            padding: 4px 0px 0px 13px;
            width: 4px;
            float: left;
        }

        #siteMap > ul > li > ul > li a
        {
            padding: 3px 0px 3px 20px;
            color: #0294d0;
        }

    #siteMap ul ul ul li a
    {
        margin-left: 1.7em;
        color: #666;
    }

        #siteMap ul ul ul li a:hover
        {
            margin-left: 1.7em;
        }

    #siteMap ul ul ul ul
    {
        padding-left: 15px;
    }

        #siteMap ul ul ul ul li.current
        {
            background-position: 10px 6px !important;
        }

        #siteMap ul ul ul ul li a
        {
            margin-left: 2em;
            color: #666;
        }

            #siteMap ul ul ul ul li a:hover
            {
                margin-left: 2em;
            }

/**************************
***************************
calendar
**************************
*************************/
/**************************
Full Calendar
*************************/
#calendarContent ul li.first
{
    clear: left;
}
/**************************
Menu Calendar
*************************/
.noevent
{
    color: #585B65 !important;
    opacity: .5 !important;
}

/**************************
***************************
RAD TOOL BAR
**************************
**************************/
.InLineEdit
{
    display: inline-block !important;
}

.error_msg
{
    color: Red;
    font-size: 1.1em;
    font-weight: bold;
}

.Info_msg
{
    color: #1d105f;
    font-size: 1.1em;
    clear: left;
    padding-top: 10px;
    line-height: 1.2em;
    font-weight: bold;
}



/**************************
***************************
APPLICATION FORMS
**************************
**************************/
.registration p
{
    line-height: 1.455em;
}

.registration #intro h3
{
    color: #0088cf !important;
    padding-top: 15px !important;
    font-size: 1.6em !important;
    clear: both !important;
    line-height: 1.2em !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

.registration h5
{
    font-size: 1.3em !important;
    margin-bottom: 1em !important;
}

.registration #intro ul, .registration ol
{
    list-style: disc;
    margin-left: 2em;
    font-size: 1.2em;
}

    .registration #intro li, .registration ol li
    {
        margin-bottom: 0.4em !important;
        line-height: 1.416em !important;
    }

.loginbox label, .loginbox .login_label
{
    padding-top: 4px;
    vertical-align: top;
}

.loginbox
{
    width: 500px;
    margin-top: 10px;
}

.formfields h3
{
    margin-top: 10px;
}

.interestgroup
{
    width: 220px;
    font-size: 1.2em;
    display: inline-block;
}

.interestgroup_right
{
    float: right;
    width: 220px;
    font-size: 1.2em;
}

.RadInput_Default, .RadInputMgr_Default
{
    font-size: inherit !important;
}

.ruInputs
{
    list-style: none !important;
}

.ruFileWrap
{
    width: 400px !important;
}

.RadUpload .ruFileInput, .RadUpload .ruFakeInput, .RadUpload .ruButton, .RadUploadProgressArea .ruButton
{
    float: left !important;
}

.agree_checkbox, .agree_checkbox input[type="checkbox"]
{
    margin-top: -10px !important;
}

    .agree_checkbox label
    {
        clear: none !important;
        margin-top: -10px !important;
    }

.formbuttons_hack
{
    float: right;
    margin-right: 370px;
}

#formbuttons a.left
{
    background: url("/img/gol.gif") no-repeat scroll left center transparent !important;
    padding-left: 15px !important;
}

#formbuttons a.left_hack
{
    background: url("/img/gol.gif") no-repeat scroll left center transparent !important;
    padding-left: 15px !important;
    display: inline-block;
    width: 400px;
}

#formbuttons a.right_hack
{
    position: absolute;
}
/**************************
Thumbnail Image(Aerodynamics)
*************************/
.sectionThumbnail
{
    margin: 2px 10px 0px 0px;
    float: left;
    height: 75px;
    width: 102px;
}

/**************************
**************************
PAGING
*************************
*************************/
.paging_prev
{
    background: url(/img/gol.gif) no-repeat top left !important;
    padding: 0px !important;
    padding-left: 15px !important;
}

.paging_first
{
    background: url(/img/gol.gif) no-repeat top left !important;
    padding: 0px !important;
    padding-left: 15px !important;
    margin-right: 10px !important;
}

.paging_next
{
    float: right;
}

.paging_curpage
{
    margin-left: 90px;
}

/**************************
**************************
RELATED LINKS / DOCUMENTS
*************************
*************************/
#listDocuments li.internal span, .internal span
{
    background: url(../../img/related/internal_small.png) no-repeat !important;
}

#listDocuments li.external span, .external span
{
    background: url(../../img/related/external_small.png) no-repeat !important;
}

#listDocuments li.Word span, .Word span
{
    background: url(../../img/related/Word_small.png) no-repeat !important;
}

#listDocuments li.PDF span, .PDF span
{
    background: url(../../img/related/PDF_small.png) no-repeat !important;
}

#listDocuments li.excel span, .excel span
{
    background: url(../../img/related/excel_small.png) no-repeat !important;
}

#listDocuments li.powepoint span, .powepoint span
{
    background: url(../../img/related/powepoint_small.png) no-repeat !important;
}

#listDocuments li.AVI span, .AVI span
{
    background: url(../../img/related/AVI_small.png) no-repeat !important;
}

#listDocuments li.JPG span, .JPG span
{
    background: url(../../img/related/JPG_small.png) no-repeat !important;
}

#listDocuments li.MP3 span, .MP3 span
{
    background: url(../../img/related/MP3_small.png) no-repeat !important;
}

/**************************
**************************
RSS
*************************
*************************/
.rss
{
    display: inline-block !important;
}

    .rss img
    {
        float: none !important;
    }
/**************************
**************************
EVENT BOOKING
*************************
*************************/
ul.rlbList
{
    margin: 0 !important;
    list-style: none !important;
}
/**************************
**************************
EVENT SHORT LIST
*************************
*************************/
li.EventSLLink a
{
    font-size: 1.2em;
}
/**************************
**************************
LOGIN  IN LOGINSIMPLE
*************************
*************************/
.lgn
{
    font-size: 1.3em !important;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #1D105F;
}

.tbLinks
{
    font-size: 1.3em;
}

    .tbLinks td
    {
        padding: 2px 0px 2px 2px;
    }



/**************************
**************************
PORTAL PAGE
*************************
*************************/
.unpaid
{
    color: Red;
    font-weight: bold;
}

/**************************
**************************
ABOUT US MENU
*************************
*************************/
.block2A
{
    margin-left: 1px;
    width: 410px;
    float: left;
}

/**************************
**************************
SHOPPING
*************************
************************/

/************************
BOTH - DO NOT CHANGE
*************************/
#basketTotal
{
    margin-left: 72px;
    line-height: 25px;
    margin-bottom: 20px;
    width: 200px;
}

    #basketTotal a
    {
        margin-left: 85px;
    }
/*******************************
SHOP
******************************/
.shop #basketTotal
{
    border: none !important;
}

    .shop #basketTotal p
    {
        font-size: 1.2em !important;
    }

.shop span
{
    margin: 0px !important;
}

.shop p
{
    margin: 0 !important;
}

.shpimgleft
{
    float: left;
    width: 70px;
    height: 92px;
}

a.addshopprod
{
    font-size: 1.2em;
}

.shopcntent
{
    float: left;
    width: 200px;
    margin-bottom: 45px;
    margin-top: -4px;
}

    .shopcntent a
    {
        cursor: pointer !important;
    }

    .shopcntent span
    {
        margin-right: 4px;
    }

    .shopcntent input
    {
        margin-right: 61px;
        margin-top: -20px;
    }

a.btnrmve
{
    color: Red !important;
}

p.shpamnt
{
    width: 120px;
    float: left;
}

.shpchkout
{
    margin-right: 22px; /*background: url('../../img/buttonsmall.gif') no-repeat;     display: block; height: 19px; padding-left: 6px; font-size: 1em; padding-top: 7px;*/
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    margin-top: 4px;
}

.shpcategory
{
    text-transform: uppercase;
    font-size: 1.1em;
    color: #0294D0;
    padding-bottom: 3px !important;
    font-weight: bold;
    line-height: 17px;
}

.shptitle
{
    text-transform: uppercase;
    padding-bottom: 3px !important;
    font-size: 1.3em !important;
    color: #1D105F;
    font-weight: bold;
}

.shpimage
{
    width: 60px;
    /*height: 83px;*/
    margin-bottom: 16px;
}

.shpcntright
{
    width: 312px;
    float: left;
}

    .shpcntright span
    {
        line-height: 15px;
    }

.shpdetailimg
{
    padding-bottom: 15px;
    /*height: 172px;*/
    width: 130px;
}

.shppricelbl
{
    display: inline-block;
    text-align: right;
    width: 40px;
    float: left;
}

.shpprice
{
    display: inline-block;
    color: #0294D0;
    text-align: right;
    float: left;
    width: 80px;
}

.lblVat
{
    /*margin-left: 85px;*/
}

.brdr
{
    border-top: 1px dotted #0294D0;
}

.shpcmb
{
    width: 140px !important;
    float: left;
    margin-right: 7px;
    text-align: left !important;
}

.lbltotal
{
    display: inline-block;
    margin-right: 0px !important;
    /*width: 15px;*/
}

.lbltotalvalue
{
    display: inline-block;
    text-align: right;
    margin-right: 0px !important;
    width: 40px;
}

.deliveryoptions input[type="radio"]
{
    float: none !important;
}

.deliveryoptions label
{
    width: 440px !important;
}
/*Checkout Page - Basket styles override */

#contentColum #basket h4
{
    font-size: 1.3em !important;
    margin-top: 0px;
    margin-bottom: 5px;
}

#contentColum #basket .shopcntent
{
    margin-bottom: 30px;
}

    #contentColum #basket .shopcntent input
    {
        display: inline;
        margin-right: 167px;
    }

#contentColum #basket p
{
    padding-bottom: 0.1em;
}

#contentColum #basket .shpimgleft
{
    clear: left;
}

#contentColum #basket .basketTotal p.shpamnt
{
    width: 220px;
}
/*Journal*/
.cals
{
    border: none!important;
    width: 440px;
    margin-left: -37px;
}

.journalright
{
    float: right;
    margin-top: -39px;
}

.pdf
{
    margin-top: -15px;
    padding-left: 4px;
}


.abstract
{
    margin-top: 8px;
}

    .abstract a, .pdf a
    {
        font-size: 0.8em;
        vertical-align: top;
    }

    .abstract span
    {
        vertical-align: top;
        margin-left: 3px;
    }

.pdf span
{
    vertical-align: top;
}

.pdfimg
{
    /*background: url(../../img/related/PDF_small.png) no-repeat !important;
   margin-top: -9px;*/
    padding: 1px 1px 25px 1px;
    margin-bottom: -37px;
}

.authors
{
    width: 307px;
}

/*Journal detail editable*/

.journal
{
    border-bottom: 1px dotted #0294D0;
    margin-left: 7px;
}

    .journal h5
    {
        text-transform: uppercase;
        padding-bottom: 2px;
        font-size: 1.1em;
        color: #0294D0;
    }

.journaltitle
{
    color: #1D105F;
    text-decoration: none;
    font-weight: bold;
}

.absheading
{
    color: #1D105F;
    font-weight: bold;
    font-size: 2.1em;
    text-transform: uppercase;
}

.journaldetail
{
    line-height: 1.455em;
    font-size: 1.2em;
    padding-bottom: 1.455em;
}

.journalpdf
{
    float: left;
    margin-left: 355px;
}

.newsdetail
{
    line-height: 1.455em;
    font-size: 1.2em;
    padding-bottom: 1.455em;
}

.newsContainer
{
    max-width: 460px;
    margin-bottom: 40px;
}



/*SEARCH KEYWORDS*/
.lblkeywrds
{
    font-size: 0.7em;
    text-transform: lowercase;
    color: #0080FF;
}



.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_Metro .rcbFocused .rcbArrowCell
{
    border-color: #DBEBCF;
    color: white;
    background-color: #DBEBCF;
}

/*PROFILE V2 CHANGES*/

/****************
TRILLIUM    
    **************/

#my-account .content-tabs .btn-find,
.btn-AccountFind, .btnOrganisation, .btn-login, .btn-logincancel
{
    background: #b1bc00;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    text-align: center;
}

.btn-AccountFind
{
    float: none;
    padding: 6px 10px;
}

    .btn-AccountFind:hover, .btn-AccountFind:active
    {
        color: #ffffff;
    }

#my-account .content-tabs .link-qmark
{
    background: url("../../img/icons/qmark17x17.jpg") no-repeat 0 0;
    float: left;
    font-size: 1px;
    height: 17px;
    line-height: 1px;
    margin: 4px 0 0 10px;
    overflow: hidden;
    text-indent: -9999em;
    width: 17px;
}


#my-account .four-boxes p.small
{
    font-size: 12px;
}

#my-account .editMode table td
{
    line-height: 0px; /*check this for the content region editmode*/
    padding: 0px;
}

.fullContent
{
    float: none !important;
    width: 790px !important;
}

#content .memberField
{
    display: inline;
    margin-left: 5px;
    margin-right: 15px;
}

.editMode .modal-content
{
    margin-top: 35px;
}

.editMode .content-tabs table
{
    width: 350px;
}

.modal-content-destination p
{
    line-height: 18px;
}

.no-border
{
    border-bottom: 0px !important;
}

.memSubmit
{
    margin-left: 20px;
}

.btn-AccountFind:hover, .btn-AccountFind:active
{
    color: #ffffff;
}

.myProfileDetails .col-lhs462,
.myProfileDetails .col-rhs462
{
    width: 380px !important;
}

.homeAddress
{
    margin-top: 53px;
}

.accountMode h4
{
    height: 26px !important;
    border-bottom: none !important;
}

.accountMode .box
{
    height: 250px !important;
    /*padding: 0px 5px !important;*/
    /*width: 206px !important;*/
    padding-left: 5px !important;
}

.accountMode .dvBoxa
{
    margin-bottom: 35px;
}

.accountMode .link
{
    color: #000000 !important;
}

.accountCss p
{
    color: #ffffff !important;
    font-weight: bold;
}

.accountCss .accountLink a,
.accountText
{
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
}

.myMembership p,
.myMagazine p,
.myEvents p,
.myAplications p
{
    font-size: 12px !important;
}

.myMembership h4,
.myAplications h4
{
    width: 200px;
}

#sliderPreview
{
    z-index: 15;
    width: 645px;
    clear: left;
    height: 250px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

    #sliderPreview p
    {
        text-transform: uppercase;
    }

.featureBarEdit .editmodelabel
{
    font-weight: normal;
    padding: 10px 0px;
    font-size: 16px;
    text-align: left;
    float: none;
    display: block;
}

#my-account .four-boxes h4
{
    width: 190px;
    font-size: 19px;
}

#my-account .four-boxes .box-g
{
    background: #65055F;
}

#my-account .four-boxes p
{
    font-size: 33px;
}



.membershipGrade .col-lhs462
{
    float: left;
    width: 200px;
}

.membershipGrade .col-mid462
{
    float: left;
    width: 80px;
}

.membershipGrade .col-rhs462
{
    float: left;
}

.membershipGrade .heading-bar
{
    border-bottom: none !important;
}

.membershipGrade label
{
    width: 300px !important;
}

.employmentBackButton
{
    float: left !important;
    margin-left: 0px !important;
}

.memberbtn .action-btns
{
    display: inline !important;
}


.employmentDetails label
{
    width: 250px !important;
}

.organisation
{
    width: 250px !important;
    margin-right: 20px;
}

.employer label
{
    width: 100% !important;
}

.cntProfessionalRefere label
{
    width: 350px !important;
}

.submitApplication li
{
    padding: 0px !important;
}

.btnSubmit
{
    background-color: red !important;
}

.changePwd tr:last-child
{
    display: block;
}

.memberPersonalDetails
{
    margin-top: 7px;
}

.btnFindMember
{
    height: 26px;
    margin-left: 5px;
}

.existingregistration label
{
    width: 250px !important;
}

.existingregistration .registrationInput
{
    width: 176px;
}

.checkBoxRegistration label,
.checkBoxRegistration table .checkBoxRegistration td
{
    float: left;
}

.checkBoxRegistration table
{
    width: 20% !important;
}

.chkregistration label
{
    width: 20% !important;
}

.documentupload label
{
    width: 160px !important;
}

.organisationChart label
{
    width: 730px !important;
    line-height: 19px !important;
}

.documentUpload label
{
    width: 160px !important;
}

.developmentPlan textarea
{
    width: 600px;
}

#my-account .content-tabs table th
{
    border: 0;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

#my-account .content-tabs .th-head th
{
    border-bottom: 1px dotted #b1bc00;
    font-weight: bold;
}

.submitApplication label
{
    width: 650px !important;
}

.submitApplication input
{
    margin-right: 15px;
}

.employmentFind
{
    margin-left: 15px;
}

.workAddress
{
    margin-top: 7px !important;
}

.chkregistration tr
{
    float: left;
    width: 65px;
}

.documentUpload .ruButton
{
}

.documentUpload .RadUpload
{
    float: left;
    width: 280px;
}

.documentUpload span.ruStyled
{
    width: 275px !important;
}

.documentUpload .ruBrowse
{
    background: #b1bc00 !important;
    border: 0;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 23px !important;
    line-height: 23px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase !important;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-left: 10px !important;
    margin-bottom: 2px !important;
    width: 80px !important;
}

.documentUpload ul
{
    margin-left: 0px !important;
}

.memberQual input[type="checkbox"]
{
    margin-left: 0px;
}

.memberQual label
{
    line-height: 20px !important;
}

.loginFail
{
    background-color: #FFCCBA;
    color: #D63301;
    width: 920px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #D63301;
}

.editmodelabel
{
    padding-bottom: 10px;
    font-size: 12px;
}

#my-account .editMode .memberGradeTable td
{
    line-height: 18px;
}

#navigation > ul > li#events
{
    width: 77px;
}

.organisationRow
{
    padding-bottom: 0px;
}

#lblRecMsg
{
    display: block !important;
    font-size: 12px;
    line-height: 15px;
}

#btnRecPass
{
    width: 160px !important;
}

#PasswordRecovery h3
{
    font-size: 3.3em;
    color: #afbd20;
}

.error
{
    color: red;
    font-size: 14px;
    line-height: 17px;
}
.thankyou
{
    color: #272D8F;
}
.formError
{
    color: red;
    font-weight: bold;
    list-style: circle;
}
.valError
{
    color: red;
    margin-left: 5px;
    font-size: 20px;
}
.invisible
{
display: none;
}