/* general, multi-use */

.firstPara { width: 690px; text-align: justify; }
.clear {clear: both;}

/* landing page */

#bigButtons { margin: 0; padding: 0; }

    #bigButtons li {
        padding-top: 205px;
        background: no-repeat center top;
        list-style: none;
        position: relative;
        float: left;
        width: 33%;
    }

    li#bb1 { background-image: url(../imgs/content/clinic_materials/bigButton_multiLanguage.png); }
    li#bb2 { background-image: url(../imgs/content/clinic_materials/bigButton_posters.png); }
    li#bb3 { background-image: url(../imgs/content/clinic_materials/bigButton_leafletsAndPosters.png); }

        #bigButtons li * { margin: 0 auto; }
        #bigButtons li a { margin-bottom: 10px; color: #2e3192; text-align: center; font-size: 16px; font-weight: bold; display: block; }
        #bigButtons li a.button { position: absolute; height: 193px; width: 100%; left: 0; top: 0; }
        #bigButtons li a.button:hover + a{ text-decoration: underline; }
        #bigButtons li p { width: 75%; }


/* leaflets page */

#corner { position: absolute; right: 0; top: 0; height: 150px; width: 150px; background: url(../imgs/content/clinic_materials/corner.png) no-repeat; }

#countrySelector { margin: 0; padding: 0; overflow: hidden; height: 20px; }
    #countrySelector li { list-style: none; }

#flags { padding: 20px; background: #f8f8f8; border: solid 1px #ddd; width: 662px; margin-top: 30px; position: relative; }
    #flags ul { margin: 0; padding: 0; position: relative; top: 0; left: 0; }
        #flags ul li {
            background: no-repeat 4px center #fff;
            list-style: none;
            color: #666;
            text-indent: 44px;
            margin-bottom: 6px;
            border: solid 1px #e4e4e4;
            height: 34px;
            line-height: 34px;
            cursor: hand;
            float: left;
            width: 150px;
            margin-left: 18px;
        }
        #flags ul li.first { margin-left: 0; }
        #flags ul li:hover { border-color: #999; }
            #flags ul li:hover a { text-decoration: underline; }
        #flags .langSelect { border: solid 1px #ef269d !important; }
        #flags ul.comingSoon li { border-color: #e4e4e4 !important; }

        #flags ul #alb { background-image: url('../imgs/content/furniture/flags/alb.png'); }
        #flags ul #ara { background-image: url('../imgs/content/furniture/flags/ara.png'); }
        #flags ul #arm { background-image: url('../imgs/content/furniture/flags/arm.png'); }
        #flags ul #aze { background-image: url('../imgs/content/furniture/flags/aze.png'); }
        #flags ul #bel { background-image: url('../imgs/content/furniture/flags/bel.png'); }
        #flags ul #ben { background-image: url('../imgs/content/furniture/flags/ban.png'); }
        #flags ul #bos { background-image: url('../imgs/content/furniture/flags/bos.png'); }
        #flags ul #bul { background-image: url('../imgs/content/furniture/flags/bul.png'); }
        #flags ul #chi { background-image: url('../imgs/content/furniture/flags/chi.png'); }
        #flags ul #cro { background-image: url('../imgs/content/furniture/flags/cro.png'); }
        #flags ul #cze { background-image: url('../imgs/content/furniture/flags/cze.png'); }
        #flags ul #dan { background-image: url('../imgs/content/furniture/flags/dan.png'); }
        #flags ul #dut { background-image: url('../imgs/content/furniture/flags/dut.png'); }
        #flags ul #ecu { background-image: url('../imgs/content/furniture/flags/ecu.png'); }
        #flags ul #eng { background-image: url('../imgs/content/furniture/flags/eng.png'); }
        #flags ul #est { background-image: url('../imgs/content/furniture/flags/est.png'); }
        #flags ul #fin { background-image: url('../imgs/content/furniture/flags/fin.png'); }
        #flags ul #fre { background-image: url('../imgs/content/furniture/flags/fra.png'); }
        #flags ul #geo { background-image: url('../imgs/content/furniture/flags/geo.png'); }
        #flags ul #ger { background-image: url('../imgs/content/furniture/flags/ger.png'); }
        #flags ul #gre { background-image: url('../imgs/content/furniture/flags/gre.png'); }
        #flags ul #guj { background-image: url('../imgs/content/furniture/flags/ind.png'); }
        #flags ul #hin { background-image: url('../imgs/content/furniture/flags/ind.png'); }
        #flags ul #hun { background-image: url('../imgs/content/furniture/flags/hun.png'); }
        #flags ul #ice { background-image: url('../imgs/content/furniture/flags/ice.png'); }
        #flags ul #jap { background-image: url('../imgs/content/furniture/flags/jap.png'); }
        #flags ul #heb { background-image: url('../imgs/content/furniture/flags/heb.png'); }
        #flags ul #ita { background-image: url('../imgs/content/furniture/flags/ita.png'); }
        #flags ul #kaz { background-image: url('../imgs/content/furniture/flags/kaz.png'); }
        #flags ul #lat { background-image: url('../imgs/content/furniture/flags/lat.png'); }
        #flags ul #lit { background-image: url('../imgs/content/furniture/flags/lit.png'); }
        #flags ul #mac { background-image: url('../imgs/content/furniture/flags/mac.png'); }
        #flags ul #nor { background-image: url('../imgs/content/furniture/flags/nor.png'); }
        #flags ul #pol { background-image: url('../imgs/content/furniture/flags/pol.png'); }
        #flags ul #por { background-image: url('../imgs/content/furniture/flags/por.png'); }
        #flags ul #pun { background-image: url('../imgs/content/furniture/flags/ind.png'); }
        #flags ul #rom { background-image: url('../imgs/content/furniture/flags/rom.png'); }
        #flags ul #rus { background-image: url('../imgs/content/furniture/flags/rus.png'); }
        #flags ul #ser { background-image: url('../imgs/content/furniture/flags/ser.png'); }
        #flags ul #slk { background-image: url('../imgs/content/furniture/flags/slk.png'); }
        #flags ul #sln { background-image: url('../imgs/content/furniture/flags/sln.png'); }
        #flags ul #spa { background-image: url('../imgs/content/furniture/flags/spa.png'); }
        #flags ul #swe { background-image: url('../imgs/content/furniture/flags/swe.png'); }
        #flags ul #tam{ background-image: url('../imgs/content/furniture/flags/sri.png'); }
        #flags ul #tur { background-image: url('../imgs/content/furniture/flags/tur.png'); }
        #flags ul #ukr { background-image: url('../imgs/content/furniture/flags/ukr.png'); }
        #flags ul #urd { background-image: url('../imgs/content/furniture/flags/pak.png'); }

    #go {
        width: 171px;
        height: 250px;
        background: url(../imgs/content/clinic_materials/languages_arrow.gif) no-repeat left center;
        position: absolute;
        right: -170px;
        top: 125px;
    }
        #go button { position: absolute; top: 50%; left: 10px; margin-top: -13px; float: right; }

#lightbox_confirmLanguage { width: 500px; height: 180px; }
    #lightbox_confirmLanguage img { width: 238px; height: 168px; }
    #lightbox_confirmLanguage div { float: right; width: 247px; }
        #lightbox_confirmLanguage div h5 { margin-bottom: 20px; }

#lightbox_loginOrRegister { width: 400px; height: 180px; }
	#lightbox_loginOrRegister p { text-align: left; }


/* posters page */

#left { width: 530px; float: left; position: relative; top: 0; left: 0; }
    #left p { width: 93%; text-align: justify; }

    #left div {
        padding: 20px;
        background: #f8f8f8;
        border: solid 1px #ddd;
        width: 100%;
        position: relative;
        float: left;
        top: 0;
        left: 0;
    }

        #left div button { position: absolute; right: 20px !important; top: 18px; }

        #left div ul { margin: 0; padding: 0; }
            #left div ul li {
                background: no-repeat center 7px #fff;
                float: left;
                list-style: none;
                color: #666;
                font-weight: bold;
                text-indent: 44px;
                margin: 0 0 20px 10px;
                border: solid 1px #e4e4e4;
                height: 170px;
                line-height: 34px;
                width: 122px;
                position: relative;
                font-weight: bold;
                color: #666;
            }

                #left div ul li a { display: block; width: 100%; height: 100%; }

            #left div ul li:hover { border-color: #999; }
            #left div ul li.first { margin-left: 0; }
            #left div ul #p1 { background-image: url('../imgs/content/clinic_materials/posters/1.png'); }
            #left div ul #p2 { background-image: url('../imgs/content/clinic_materials/posters/2.png'); }
            #left div ul #p3 { background-image: url('../imgs/content/clinic_materials/posters/3.png'); }
            #left div ul #p4 { background-image: url('../imgs/content/clinic_materials/posters/4.png'); }
            #left div ul #p5 { background-image: url('../imgs/content/clinic_materials/posters/5.png'); }
            #left div ul #p6 { background-image: url('../imgs/content/clinic_materials/posters/6.png'); }
            #left div ul #p7 { background-image: url('../imgs/content/clinic_materials/posters/7.png'); }
            #left div ul #p8 { background-image: url('../imgs/content/clinic_materials/posters/8.png'); }
            #left div ul #p9 { background-image: url('../imgs/content/clinic_materials/posters/9.png'); }
            #left div ul #p10 { background-image: url('../imgs/content/clinic_materials/posters/10.png'); }
            #left div ul #p11 { background-image: url('../imgs/content/clinic_materials/posters/11.png'); }
            #left div ul #p12 { background-image: url('../imgs/content/clinic_materials/posters/12.png'); }
            #left div ul #p13 { background-image: url('../imgs/content/clinic_materials/posters/13.png'); }
            #left div ul #p14 { background-image: url('../imgs/content/clinic_materials/posters/14.png'); }
            #left div ul #p15 { background-image: url('../imgs/content/clinic_materials/posters/15.png'); }
            #left div ul #p16 { background-image: url('../imgs/content/clinic_materials/posters/16.png'); }
            #left div ul #p17 { background-image: url('../imgs/content/clinic_materials/posters/17.png'); }
            #left div ul #p18 { background-image: url('../imgs/content/clinic_materials/posters/18.png'); }
            #left div ul #p19 { background-image: url('../imgs/content/clinic_materials/posters/19.png'); }
            #left div ul #p20 { background-image: url('../imgs/content/clinic_materials/posters/20.png'); }

                #left div ul li input { position: absolute; bottom: 7px; left: 7px; }

#rightPanels { float: right; width: 320px; position: relative; top: 0; }
        #rightPanels div ol, #rightPanels div ul { margin-top: 25px; }
            #rightPanels div ol li, #rightPanels div ul li { margin: 12px 0; }

.greenSquareList li { margin: 0; border: none; padding: 0; }

#waitDownloadAlert {
    display: block;
    padding: 6px;
    background: url(../imgs/content/furniture/tick.png) no-repeat 6px center #eee;
    padding-left: 40px;
    font-weight: bold;
    line-height: 28px;
    border: solid 1px #ccc;
}
iframe { visibility: hidden; width: 0; height: 0; }


/* family planning page */
.leafletPoster {width: 285px; margin-right: 30px;margin-top: 10px; position: relative;  float: left;}

#contact_BDM {
    display: block;
    position: absolute;
    margin: 0;
    width: 180px;
    background: url(../imgs/content/clinic_materials/contact_BDM.png) no-repeat center bottom;
    padding-bottom: 90px;
    padding-left: 20px;
    cursor: hand;
    right: 35px;
    top: 20px;
}
    #contact_BDM p {margin: 0;}
    #contact_BDM span { color: #008acd; line-height: 18px; }
    #contact_BDM * { font-weight: bold; }
    #contact_BDM:hover * { text-decoration: underline; }
    #contact_BDM a { margin-bottom: 4px; display: block; }

.FP_box, .FP_box-fr { width: 43%; padding: 20px; background: #fafafa; border: solid 1px #ddd; position: relative;  margin-top: 70px; }
.FP_box-fr { float: right; left: 0px; width: 45%; }
    .FP_box h4, .FP_box-fr h4 { position: absolute; top: -70px; left: 0; color: #af0169; margin-bottom: 0; padding-bottom: 0;  }
    .FP_box h5, .FP_box-fr h5 { font-size: 1.3em; margin-bottom: 20px; }

    .FP_box ul, .FP_box-fr ul { width: 100%; margin: 0; padding: 0; clear: both; }
        .FP_box ul li, .FP_box-fr ul li { list-style: none; clear: both; }
            .FP_box ul li img, .FP_box-fr ul li img { float: left; position: relative; top: 0; }
            .FP_box ul li span, .FP_box-fr ul li span { float: right; width: 250px; position: relative; top: 0; display: block; }
            .FP_box-fr ul li span { float: right; width: 270px; }
            .FP_box ul li img, .FP_box-fr ul li img { border: none; }
            .FP_box ul li a, .FP_box-fr ul li a { font-weight: bold; font-size: 16px; }

.lightbox_centralElement { height: 795px; width: 500px; }

/* CREATE NEXT AD PAGE */

#leftAD { width: 580px; float: left; position: relative; top: 0; left: 0; }
    #leftAD p { text-align: justify; }

    #leftAD div {
        padding: 20px;
        background: #f8f8f8;
        border: solid 1px #ddd;
        width: 100%;
        position: relative;
        float: left;
        top: 0;
        left: 0;
    }

#NCWLogo { float:left; margin:18px 20px 0px 0px; position:relative; top:0; left:0; }

#firstPara { font-weight: bold; font-size: 1.1em; }

#rightAD { float: right; width: 320px; position: relative; top: 0; }
        #rightAD div ol, #rightPanels div ul { margin-top: 25px; }
            #rightAD div ol li, #rightPanels div ul li { margin: 12px 0; }
        #rightAD a { display:block; padding:20px 0px 10px 0px; border:1px solid #DDD; background-color: #F8F8F8; width:160px; margin:0px auto 20px auto; text-decoration: none; text-align: center; }