/*******************************************************************************/ /* Project num : 362.EC.26092 */ /* */ /* Sub-system : FCO Main */ /* */ /* Module name : About the FCO Stylesheet */ /* */ /* Module Ref : FCO Main About the FCO */ /* */ /* Filename : main.css */ /* */ /* Amendment History */ /* */ /* Ver Date Author Reference */ /* 1 19/10/01 nguyenp Creation */ /* 2 21/11/01 turnerm OR152 Link type images */ /* 3 22/11/01 khanr OR422 W3C CSS1 Validation */ /* 4 04/12/01 turnerm OR 152 Link type images */ /* 5 04/12/01 nguyenp OR470 Fixed Netscape 4.x compatability */ /* 6 12/12/01 nguyenp OR549 Updated Stylesheets */ /* 7 18/12/01 nguyenp OR561 Changed link text */ /* 8 18/12/01 turnerm OR561 Tidying */ /* 9 21/12/01 mccarthys OR 557 Calendar Link */ /* 10 10/01/02 nguyenp OR591 Changed Heveltica to Helvetica */ /* 11 14/01/02 nguyenp OR561 Used px instead of em */ /* 12 25/01/02 nguyenp OR715 Use Channel Link colours */ /* 13 07/02/02 craftc OR724 Making linktext bold */ /* 14 07/02/02 craftc OR724 changing atozheadletter:hover */ /* 15 19/02/02 craftc OR798 Adding minisearchbox style */ /* 16 26/02/02 craftc OR809 Removing underlining for links */ /* 17 11/03/02 woodma OR808 Font Sizes */ /* 18 20/03/02 mccarthys OR811 Fixing Lancaster House Nav links */ /* 37 12/11/03 craftc OR2435 Changing size of KAQ tags */ /*******************************************************************************/ /* Global Style Information */ body { margin: 0pt; } /* News Headline Hover */ .newsheadlinelink:hover { color: #B2924D; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } /* External Link */ .kexternallinktext { color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kexternallinktitle { color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kexternallinkurl { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kexternallinkurl:hover { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* Internal Link */ .kinternallinktext { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kinternallinkurl:hover { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kinternallinkurl { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* File */ .kfileurl { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .kfileurl:hover { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* FAQ */ .kfaqa { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } .kfaqq { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } /* A to Z */ .atozheadletter { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozheadletter:hover { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozletter { color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozlinkurl { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozlinkurl:link { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozlinkurl:visited { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .atozlinkurl:hover { color: #B2924D; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* Links */ .linktext { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } .linktext:visited { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } .linktext:hover { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } .linktext:link { color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; } /* Navigation Bar */ .navBarOff { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOff:visited { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOff:hover { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOff:link { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOn { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOn:visited { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOn:hover { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .navBarOn:link { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} /* Child page links */ .child { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .child:visited { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .child:hover { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .child:link { color: #B2924D; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} /* Tour / Lancaster House Styles */ .navBarHeaderOff {color: #9A0002; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .navBarHeaderOff:visited {color: #9A0002; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .navBarHeaderOff:hover {color: #cc0000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .navBarHeaderOff:link {color: #9A0002; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .lancasterHeaderOn:visited {color: #cc0000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .lancasterHeaderOn:hover {color: #cc0000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .lancasterHeaderOn:link {color: #cc0000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .tourlink {color: #B2924D; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;} .redlink {color: #9A0002; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;} /* Calendar Link */ .calendarLink { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold} .calendarLink:visited { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold} .calendarLink:hover { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold} .calendarLink:link { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold} /* Search */ .minisearchbox { background-color: #EFE6AF ;} /* New styles for Afghanistan section */ /* -- [ styles just for setting/positioning up this dev page ] ------------------------------ */ .afghanistan {font-family:verdana,arial,sans-serif;color:#17175a;background:#fff;font-size:0.7em;} .afghanistan a{color:#17175a;font-weight:bold;text-decoration:underline;} .afghanistan a:hover{color:#f2042b;font-weight:bold;text-decoration:underline;} .greentitlebar {font-size:1.15em;font-weight:bold;padding:0.25em 0 0.25em 1em;margin:0 0 0.25em 0;background:#008740;color:#fff;} .greentitlebar a {color:#fff;text-decoration:none;} .greentitlebar a:hover {color:#fff;text-decoration:none;} .linksgreentitlebar {font-size:1em;font-weight:bold;padding:0.25em 0 0.25em 1em;margin:0.25em 0 0.25em 0;background:#008740;color:#fff;} .linksgreentitlebar a {color:#fff;text-decoration:none;} .linksgreentitlebar a:hover {color:#fff;text-decoration:none;} .afghanlinkslinebox {font-size:0.7em;color:#17175a;background:#e0f5e1;width:100%;padding:3px 0;border-top:1px solid #fff;} .afghanlinkslineboxblank {font-size:0.8em;background:#e6f7e6;padding:0 0 0.5em 14px;} .afghannewsbox {background:#e6f7e6;margin:0.25em 0;padding:0;} .afghannewsbox p{margin:0.5em 0;width:100%} .afghanlinkslineboxfeaturethree {font-size:0.8em;float:right;padding:0px;width:100%;background:#e0f5e1;} .afghanlinkslineboxfeaturethree p{padding:0em;font-weight:bold;} .afghanlinkslineboxfeaturethree p a,.afghanlinkslineboxfeaturethree p a:hover{color:#fff;} .euminisearchbox { background-color: #ffffff;} /* New styles for release 2.30.0 */ /* Afghan Navigation Bar */ .AfghanL3navBarOn { color: #006600; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL3navBarOn:hover { color: #006600; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-ecoration:none;} .AfghanL4navBarOn { color: #006600; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL4navBarOn:hover { color: #006600; font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL5navBarOn { color: #006600; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL5navBarOn:hover { color: #006600; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL5navBarOff { color: #999999; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL5navBarOff:hover { color: #006600; font-weight: bold; font-size: 12px; font-family: Verdana,Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL6navBarOn { color: #006600; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL6navBarOn:hover { color: #006600; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL6navBarOff { color: #999999; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL6navBarOff:hover { color: #006600; font-weight: bold; font-size: 11px; font-family: Verdana,Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL7navBarOn { color: #006600; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL7navBarOn:hover { color: #006600; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL7navBarOff { color: #999999; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .AfghanL7navBarOff:hover { color: #006600; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .EUL3navBarOff { color: #17175a; font-size: 0.8em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; } .EUL3navBarOff:hover { color: #F2042B; font-size: 0.8em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL3navBarOn { color: #F2042B; font-size: 0.8em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL4navBarOff { color: #17175a; font-size: 0.7em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL4navBarOff:hover { color: #F2042B; font-size: 0.7em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL4navBarOn { color: #F2042B; font-size: 0.7em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL5navBarOff { color: #17175a; font-size: 0.65em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL5navBarOff:hover { color: #F2042B; font-size: 0.65em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .EUL5navBarOn { color: #F2042B; font-size: 0.65em; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} .eubannerlinkurl { color: #999999; font-size: 0.8em; font-weight: bold; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;} .eubannerlinkurl:hover { color: #006600; font-size: 0.8em; font-weight: bold; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;} .linksanchorbox {padding-left:3px;} /* Afghan End */ /* Claires Styles*/ .hr { font-family:Arial, Helvetica, sans-serif; color:#000000; padding:0.25em 0 0.25em 1em; margin:0 0 0.25em 0; font-size:small; background-color: #FFFFFF; } .hr a{ color:#74986c; font-weight:bold; text-decoration:underline; } .hr a:hover{ color:#006600; font-weight:bold; text-decoration:underline; } .hrtitlebar { font-size:medium; font-weight:bold; padding:0.25em 0 0.25em 1em; margin:0 0 0.25em 0; color:#ffffff; font-family: Arial, Helvetica, sans-serif; background-color: #74986c; } .hrsubtitlebar { font-size:medium; font-weight:bold; padding:0.25em 0 0.25em 1em; margin:0 0 0.25em 0; color:#000000; font-family: Arial, Helvetica, sans-serif; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #74986c; } #hrquote { width: 35%; float:right; background-color:#FFFFFF; visibility: visible; padding: 5px; border: thin dotted #669966; margin: 5px; font-weight: bold; } .hrintro { width: 65%; font-family: Arial, Helvetica, sans-serif; font-size: small; padding:0.25em 0 0.25em 1em; margin:0 0 0.25em 0; } .hrboxleft { width: 50%; background-color:#FFFFFF; visibility: visible; } .hrboxright { width: 50%; background-color:#FFFFFF; visibility: visible; float: right; } #fcoaction h1 { color: #920000; font-size:1.5em; } #fcoaction h2 { color: #920000; font-weight:bold; } #fcoaction ul { padding-left: 15px; } #fcoaction li { padding-bottom: 10px; list-style-image: url(http://collections.europarchive.org/tna/20080205132101/http://www.fco.gov.uk/Xcelerate/graphics/images/fcomain/home/aboutthefco/sml_arrow_off_right.gif); } .fcoaction_wingfeature { width:230px; border-style:dashed; background-color:#EFE7AD; border-width:thin; margin-bottom:10px; margin-right:5px; margin-left:10px; display: block; clear: right; float:right; } .fcoaction_wingfeature img{ float:left; padding:0px 5px 0px 5px; } .fcoaction_wingfeature h2{ font-size:1em; font-weight:bold; padding: 0px 2px 0px 2px; } /* Styles for Newsfiles in AboutUs Channel - created by L King July 2007 */ #newsfile { width:690px; margin: 0; padding: 0; } #newsfile h1 { color: #920000; font-size:1.5em; } #newsfile h2 { color: #920000; font-weight:bold; } #newsfile ul { padding-left: 0px; margin:5px 0px 5px 20px; } #newsfile li { margin-left: 0px; list-style-image: url(http://collections.europarchive.org/tna/20080205132101/http://www.fco.gov.uk/Xcelerate/graphics/images/fcomain/home/aboutthefco/sml_arrow_off_right.gif); } #newsfile_body { width:55%; float:left; padding: 0px 5px 0px 5px; } #newfile_rightcolumn { width:300px; float:right; } .newsfile_featurebox{ border-style:dashed; background-color:#EFE7AD; border-width:1px; padding:2px 5px 2px 5px; margin-bottom:5px; } .newsfile_featurebox p { margin-bottom: 0px; margin-top: 5px; } .newsfile_featurebox h2 { margin-bottom: 0px; margin-top: 0px; } .newsfile_wingmedia { margin-bottom:10px; } .newfile_mediabox { border-style:dashed; background-color:#DDDDEE; border-width:1px; margin-bottom:10px; padding: 2px 5px 2px 5px; } .newfile_mediabox h2 { margin-bottom: 2px; margin-top: 2px; } .newfile_mediabox p { margin-bottom: 5px; margin-top: 5px; } .newfile_gallery { width:310px; border-style:dashed; background-color:#DDDDEE; border-width:1px; margin-bottom:10px; padding: 5px 5px 2px 5px; } .newfile_gallery h2 { margin-bottom: 2px; margin-top: 2px; } .newfile_gallery p { margin: 5; } .newfile_gallery img { margin: 5; border-width: 1px; border-style:solid; }