.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */ /* ==================================================== */ /* */ /* HEADER */ /* */ /* ==================================================== */ .InterfaceButtonContainer {height:30px;width:1000px;} .InterfaceButton {height:30px;float:left;} .InterfaceButtonSpacer {height:30px; float:left;} .InterfaceButtonEnd {clear:both;} .interface_button_background {position: absolute; } .interface_button_background img {border-style:none;} .interface_button_mask {position: absolute; } .interface_button_mask img {border-style:none;} .InterfaceHeaderControl {display:inline;white-space:nowrap;vertical-align:middle;padding-right:2px;} .InterfaceHeaderControlSpacer {display:inline;width:0px;height:1px;vertical-align:middle;line-height:22px;} .InterfaceHeaderControlNameSpacer {display:inline;width:0px;height:1px;vertical-align:middle;line-height:22px;} .InterfaceHeaderControlIcon {display:inline;width:16px;vertical-align:middle;line-height:22px;} .InterfaceHeaderControlIcon img {display:inline;vertical-align:middle;line-height:22px;} .InterfaceHeaderControlEnd {} .InterfaceHeader {font-size: 10pt;color: #ffffff;} .InterfaceHeader a:link {color: #FFFFFF;} .InterfaceHeader a:active {color: #FFFFFF;} .InterfaceHeader a:visited {color: #FFFFFF;} .InterfaceHeader a:hover {color: #FF7F00;} .Interface_NoScript {width:600px;border:solid 1px #000000;text-align:left;font-size:small;padding:20px 20px 20px 20px;background-color:#D8E9CD;} /* ====================================================== */ /* Committee Interface */ /* ====================================================== */ html {min-width:1005px;background-image:url("/gfx/Interface_Committees/Interface/GradientShim1pxVertical_500.gif");background-repeat:repeat-x;background-position:top;background-color:#ffffff;} body {width:100%;background-image:url("/gfx/Interface_Committees/Interface/IBackground.gif");background-repeat:no-repeat;background-position:center top;} * {margin:0;padding:0} html,body{margin:0;padding:0;font-family: Calibri, Tahoma, Geneva, Arial, Helvetica, sans-serif;font-size:10pt;} #CommitteeInterface_wrapper { text-align: left; margin: 0px auto; padding: 0px 0px 0px 0px; width: 1000px; } #CommitteeInterface_header { margin: 0 0 0 0; /*background-image:url('/gfx/Interface_Committees/Interface/ICSInterface_Committees_Top.gif');background-repeat:no-repeat;*/ height:116px; overflow:hidden; z-index:3; } #CommitteeInterface_side-a { float: left; width: 200px; } #CommitteeInterface_side-b { float: right; width: 0px; } #CommitteeInterface_content { float: right; width: 800px; background-image:url("/gfx/Interface_Committees/Interface/IHorizontal1pxShim.gif");background-repeat:repeat-y;background-position:center; } #CommitteeInterface_contentbottom { height:3px; background-image:url("/gfx/Interface_Committees/Interface/IBottom3px.gif");background-repeat:no-repeat;background-position:top; } #CommitteeInterface_footer { clear: both; height:0px; /*background-image:url("/gfx/Interface_Committees/Interface/IBottom10px.gif");background-repeat:no-repeat;background-position:top;background-color:#ffffff;*/ /*background: #A2A2A2;*/ } /* ==================================================== */ /* */ /* HEADER */ /* */ /* ==================================================== */ /* Registered Charity */ #interface_header_RegisteredCharity {overflow:hidden; float:right;height:14px;width:173px;background-image:url("/gfx/Interface_Committees/Interface/IRegisteredCharity.gif");background-position:center top;background-repeat:no-repeat;} /* Logo */ .interface_header_logo {height: 100px; width: 200px;overflow:hidden;background-position:left top;background-repeat:no-repeat;} .interface_header_logo img {border-style:none;} /* Status Bar */ #interface_header_StatusBar {overflow:hidden; position:relative; top:-59px; left:328px;width:675px;text-align:left;white-space:nowrap;line-height:22px;} /* Search */ #interface_header_SearchBar {overflow:hidden; position:relative; top:-81px; left:943px; width:60px;height:18px;white-space:nowrap;line-height:18px;} /* Title Bar */ #interface_header_TitleBar {overflow:hidden; position:relative; margin:0px; top:-52px; left:325px;width:560px;height:40px;text-align:center;white-space:nowrap;vertical-align:middle;line-height:40px;} .SearchPopup {position:absolute;top:-1000px;display:block;width:330px;background-color:#cccccc;margin:5px 5px 5px 5px;border:1px solid #333333;z-index:4;} .SearchPopupFilter {margin:5px 5px 5px 5px;line-height:25px;width:320px;overflow:hidden;white-space:nowrap;} .SearchPopupFilterControl {vertical-align:middle;display:inline;} /* ==================================================== */ /* */ /* NAVIGATION */ /* */ /* ==================================================== */ .roundedcornr_box_983329 { background: url(/gfx/Interface_Committees/RoundedCorners/roundedcornr_983329_tl.png) no-repeat top left; } .roundedcornr_top_983329 { background: url(/gfx/Interface_Committees/RoundedCorners/roundedcornr_983329_tr.png) no-repeat top right; } .roundedcornr_bottom_983329 { background: url(/gfx/Interface_Committees/RoundedCorners/roundedcornr_983329_bl.png) no-repeat bottom left; } .roundedcornr_bottom_983329 div { background: url(/gfx/Interface_Committees/RoundedCorners/roundedcornr_983329_br.png) no-repeat bottom right; } .roundedcornr_content_983329 { background: url(/gfx/Interface_Committees/RoundedCorners/roundedcornr_983329_r.png) top right repeat-y; } .roundedcornr_top_983329 div,.roundedcornr_top_983329, .roundedcornr_bottom_983329 div, .roundedcornr_bottom_983329 { width: 100%; height: 10px; font-size: 1px; } .roundedcornr_content_983329, .roundedcornr_bottom_983329 { margin-top: 0px; } .roundedcornr_content_983329 { padding: 0 10px; } .INavBox_box { background: url(/gfx/Interface_Committees/RoundedCorners/INavBox_tl.png) no-repeat top left; } .INavBox_top { background: url(/gfx/Interface_Committees/RoundedCorners/INavBox_tr.png) no-repeat top right; } .INavBox_bottom { background: url(/gfx/Interface_Committees/RoundedCorners/INavBox_bl.png) no-repeat bottom left; } .INavBox_bottom div { background: url(/gfx/Interface_Committees/RoundedCorners/INavBox_br.png) no-repeat bottom right; } .INavBox_content { background: url(/gfx/Interface_Committees/RoundedCorners/INavBox_r.png) top right repeat-y; } .INavBox_top div,.INavBox_top, .INavBox_bottom div, .INavBox_bottom { width: 100%; height: 10px; font-size: 1px; } .INavBox_content, .INavBox_bottom { margin-top: 0px; } .INavBox_content { padding: 0 10px; } .INavBox {width:200px;} .INavBox_T {height:10px;line-height:0px;font-size:0px;background-image:url("/gfx/Interface_Committees/RoundedCorners/INavBox_t.png");background-repeat:no-repeat;background-position:top;} .INavBox_C {background-image:url("/gfx/Interface_Committees/RoundedCorners/INavBox_Horizontal1pxShim.png");background-repeat:repeat-y;background-position:center;} .INavBox_X {padding-left:10px;padding-right:10px;} .INavBox_B {height:10px;line-height:0px;font-size:0px;background-image:url("/gfx/Interface_Committees/RoundedCorners/INavBox_b.png");background-repeat:no-repeat;background-position:top;margin-bottom:3px;} .CommitteeHomeNav {} .CommitteeHomeNav a:link {color: #000000;text-decoration:none;} .CommitteeHomeNav a:active {color: #000000;text-decoration:none;} .CommitteeHomeNav a:visited {color: #000000;text-decoration:none;} .CommitteeHomeNav a:hover {color: #FF7F00;text-decoration:none;} /* =========================================== */ /* =========================================== */ /* === PRETTY MENU === */ /* =========================================== */ /* =========================================== */ /* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */ /* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */ /* whose class is AspNet-Menu-Vertical. */ /* Note that the example menu in this web site uses relative positioning to force the menu to occupy */ /* a specific place in the web page. Your web site will likely use a different technique to position your */ /* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */ /* There is nothing, per se, that is magical about these particular property value choices. They happen to */ /* work well for the sample page used to demonstrate an adapted menu. */ .PrettyMenu .AspNet-Menu-Vertical { position:relative; /*top: 3em;*/ left: 0; z-index: 300; } /* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */ /* So, effectively says: style all tiers in the menu this way... */ .PrettyMenu ul { /*background:#7795BD;*/ background-color:#D8E9CD; border:solid 1px #bdccb4; border-top:0; } /* Top tier */ .PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu { /*width: 9em;*/ width:100%; border-left:0; border-right:0; } .PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu li a, .PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu li span { border-left:0; border-right:0; } /* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */ /* In other words, this rule can be used to style the second and third tiers of the menu without impacting */ /* the topmost tier's appearance. */ .PrettyMenu ul.AspNet-Menu ul { width: 190px; left: 180px; top: 0px; z-index: 400; border:solid 1px #8e9987; } .PrettyMenu ul.AspNet-Menu ul li { /*background:#7795BD url(/gfx/Interface_Committees/bg_nav.gif) repeat-x;*/ background:#d8e9cd url(/gfx/Interface_Committees/MenuBackground/bg_nav2.gif) repeat-x; } .PrettyMenu ul.AspNet-Menu ul ul { width: 190px; left: 189px; } /* The menu adapter generates a list item (li) in HTML for each menu item. */ /* Use this rule create the common appearance of each menu item. */ .PrettyMenu ul.AspNet-Menu li { /*background:#7795BD url(/gfx/Interface_Committees/bg_nav.gif) repeat-x;*/ background:#d8e9cd url(/gfx/Interface_Committees/MenuBackground/bg_nav.gif) repeat-x; } /* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */ /* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */ /* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */ /* The second image comes from this rule (below). */ .PrettyMenu ul.AspNet-Menu li.ICS2012 a, .PrettyMenu ul.AspNet-Menu li.ICS2012 span {color:#840e11;} .PrettyMenu ul.AspNet-Menu li.Facebook a, .PrettyMenu ul.AspNet-Menu li.Facebook span {color:#3b5997;} .PrettyMenu ul.AspNet-Menu li.Twitter a, .PrettyMenu ul.AspNet-Menu li.Twitter span {color:#0092cc;} .PrettyMenu ul.AspNet-Menu li.LinkedIn a, .PrettyMenu ul.AspNet-Menu li.LinkedIn span {color:#00629f;} .PrettyMenu ul.AspNet-Menu li a, .PrettyMenu ul.AspNet-Menu li span { color: black; padding: 4px 2px 4px 2px; border:1px solid #bdccb4; border-bottom:0; background: transparent url(/gfx/Interface_Committees/MenuBackground/arrowRight.gif) right center no-repeat; /*background: transparent url(/gfx/Interface_Committees/MenuBackground/activeArrowRight2.gif) right center no-repeat;*/ } /* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */ .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span { background-image: none; } /* Not used presently. This is here if you modify the menu adapter so it renders img tags, too. */ .PrettyMenu ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; padding-right:3px; } .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected { background-color:#d8e9cd;} .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected span {color:#ff7f00;} /* When you hover over a menu item, this rule comes into play. */ /* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */ /* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */ /* See MenuAdapter.js (in the JavaScript folder). */ .PrettyMenu ul.AspNet-Menu li:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover { /*background:#7795BD;*/ color:#ff7f00; /*background:#d8e9cd;*/ } .PrettyMenu ul.AspNet-Menu li:hover a, .PrettyMenu ul.AspNet-Menu li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span, .PrettyMenu ul.AspNet-Menu li:hover li:hover a, .PrettyMenu ul.AspNet-Menu li:hover li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover { /*color: White;*/ color:#ff7f00; } .PrettyMenu ul.AspNet-Menu li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span { color: Black; /*color:#ff7f00;*/ /*background-color:#d8e9cd;*/ } /* While you hover over a list item (li) you are also hovering over a link or span because */ /* the link or span covers the interior of the li. So you can set some hover-related styles */ /* in the rule (above) for the li but set other hover-related styles in this (below) rule. */ .PrettyMenu ul.AspNet-Menu li a:hover, .PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover { color: #ff7f00; background: transparent url(/gfx/Interface_Committees/MenuBackground/activeArrowRight2.gif) right center no-repeat; } .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover { background-image: none; } /* DOM 080310 - Don't display 4th/5th tiers as they just appear with third */ .PrettyMenu ul.AspNet-Menu ul ul ul { display:none; } /* DOM 080310 - Don't display arrow on 3rd tier */ .PrettyMenu ul.AspNet-Menu ul ul li a, .PrettyMenu ul.AspNet-Menu ul ul li span, .PrettyMenu ul.AspNet-Menu ul ul li a:hover, .PrettyMenu ul.AspNet-Menu ul ul li span.Asp-Menu-Hover { background-image:none; } /* =========================================== */ /* =========================================== */ /* === PRETTY MENU 2 === */ /* =========================================== */ /* =========================================== */ /* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */ /* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */ /* whose class is AspNet-Menu-Vertical. */ /* Note that the example menu in this web site uses relative positioning to force the menu to occupy */ /* a specific place in the web page. Your web site will likely use a different technique to position your */ /* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */ /* There is nothing, per se, that is magical about these particular property value choices. They happen to */ /* work well for the sample page used to demonstrate an adapted menu. */ .PrettyMenu2 .AspNet-Menu-Vertical { position:relative; /*top: 3em;*/ left: 0; z-index: 300; } /* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */ /* So, effectively says: style all tiers in the menu this way... */ .PrettyMenu2 ul { /*background:#7795BD;*/ background-color:#D8E9CD; border-top:0; } /* Top tier */ .PrettyMenu2 .AspNet-Menu-Vertical ul.AspNet-Menu { /*width: 9em;*/ width:100%; border-left:0; border-right:0; border-top:0; } .PrettyMenu2 .AspNet-Menu-Vertical ul.AspNet-Menu li a, .PrettyMenu2 .AspNet-Menu-Vertical ul.AspNet-Menu li span { border-left:0; border-right:0; border-top:0; } /* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */ /* In other words, this rule can be used to style the second and third tiers of the menu without impacting */ /* the topmost tier's appearance. */ .PrettyMenu2 ul.AspNet-Menu ul { width: 190px; left: 180px; top: 0px; z-index: 400; border:solid 1px #8e9987; } .PrettyMenu2 ul.AspNet-Menu ul li { /*background:#7795BD url(/gfx/Interface_Committees/bg_nav.gif) repeat-x;*/ background:#d8e9cd url(/gfx/Interface_Committees/MenuBackground/bg_nav2.gif) repeat-x; border-top: solid 1px #bdccb4; } .PrettyMenu2 ul.AspNet-Menu ul ul { width: 190px; left: 189px; } /* The menu adapter generates a list item (li) in HTML for each menu item. */ /* Use this rule create the common appearance of each menu item. */ .PrettyMenu2 ul.AspNet-Menu li { /*background:#7795BD url(/gfx/Interface_Committees/bg_nav.gif) repeat-x;*/ /*background:#D8E9CD url(/gfx/Interface_Committees/MenuBackground/bg_navRoot.gif) repeat-x;*/ } /* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */ /* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */ /* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */ /* The second image comes from this rule (below). */ .PrettyMenu2 ul.AspNet-Menu li a, .PrettyMenu2 ul.AspNet-Menu li span { color: black; padding: 4px 2px 4px 2px; border:1px solid #bdccb4; border-bottom:0; background: transparent url(/gfx/Interface_Committees/MenuBackground/arrowRight.gif) right center no-repeat; /*background: transparent url(/gfx/Interface_Committees/MenuBackground/activeArrowRight2.gif) right center no-repeat;*/ } /* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */ .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf span { background-image: none; } /* Not used presently. This is here if you modify the menu adapter so it renders img tags, too. */ .PrettyMenu2 ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; padding-right:3px; } .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Selected, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-ChildSelected { background-color:#d8e9cd;} /* When you hover over a menu item, this rule comes into play. */ /* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */ /* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */ /* See MenuAdapter.js (in the JavaScript folder). */ .PrettyMenu2 ul.AspNet-Menu li:hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover { /*background:#7795BD;*/ color:#ff7f00; background-color:#d8e9cd; } .PrettyMenu2 ul.AspNet-Menu li:hover a, .PrettyMenu2 ul.AspNet-Menu li:hover span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover a, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a:hover, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover { /*color: White;*/ color:#ff7f00; } .PrettyMenu2 ul.AspNet-Menu li:hover ul a, .PrettyMenu2 ul.AspNet-Menu li:hover ul span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul a, .PrettyMenu2 ul.AspNet-Menu li:hover li:hover ul span, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span { color: Black; /*color:#ff7f00;*/ /*background-color:#d8e9cd;*/ } /* While you hover over a list item (li) you are also hovering over a link or span because */ /* the link or span covers the interior of the li. So you can set some hover-related styles */ /* in the rule (above) for the li but set other hover-related styles in this (below) rule. */ .PrettyMenu2 ul.AspNet-Menu li a:hover, .PrettyMenu2 ul.AspNet-Menu li span.Asp-Menu-Hover { color: #ff7f00; background: transparent url(/gfx/Interface_Committees/MenuBackground/activeArrowRight2.gif) right center no-repeat; } .PrettyMenu2 ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover { background-image: none; } /* DOM 080310 - Don't display 4th/5th tiers as they just appear with third */ .PrettyMenu2 ul.AspNet-Menu ul ul ul { display:none; } /* DOM 080310 - Don't display arrow on 3rd tier */ .PrettyMenu2 ul.AspNet-Menu ul ul li a, .PrettyMenu2 ul.AspNet-Menu ul ul li span, .PrettyMenu2 ul.AspNet-Menu ul ul li a:hover, .PrettyMenu2 ul.AspNet-Menu ul ul li span.Asp-Menu-Hover { background-image:none; } /* ====================================================== */ /* Country Flags */ /* ====================================================== */ .flag { width: 25px; height: 15px; background:url("../img/flags.png") no-repeat } .flag.flag-ad {background-position: -25px 0} .flag.flag-ae {background-position: -50px 0} .flag.flag-af {background-position: -75px 0} .flag.flag-ag {background-position: -100px 0} .flag.flag-ai {background-position: -125px 0} .flag.flag-al {background-position: -150px 0} .flag.flag-am {background-position: -175px 0} .flag.flag-an {background-position: -200px 0} .flag.flag-ao {background-position: -225px 0} .flag.flag-ar {background-position: -250px 0} .flag.flag-as {background-position: -275px 0} .flag.flag-at {background-position: -300px 0} .flag.flag-au {background-position: -325px 0} .flag.flag-aw {background-position: -350px 0} .flag.flag-az {background-position: -375px 0} .flag.flag-ba {background-position: 0 -15px} .flag.flag-bb {background-position: -25px -15px} .flag.flag-bd {background-position: -50px -15px} .flag.flag-be {background-position: -75px -15px} .flag.flag-bf {background-position: -100px -15px} .flag.flag-bg {background-position: -125px -15px} .flag.flag-bh {background-position: -150px -15px} .flag.flag-bi {background-position: -175px -15px} .flag.flag-bj {background-position: -200px -15px} .flag.flag-bm {background-position: -225px -15px} .flag.flag-bn {background-position: -250px -15px} .flag.flag-bo {background-position: -275px -15px} .flag.flag-br {background-position: -300px -15px} .flag.flag-bs {background-position: -325px -15px} .flag.flag-bt {background-position: -350px -15px} .flag.flag-bv {background-position: -375px -15px} .flag.flag-bw {background-position: 0 -30px} .flag.flag-by {background-position: -25px -30px} .flag.flag-bz {background-position: -50px -30px} .flag.flag-ca {background-position: -75px -30px} .flag.flag-cd {background-position: -100px -30px} .flag.flag-cf {background-position: -125px -30px} .flag.flag-cg {background-position: -150px -30px} .flag.flag-ch {background-position: -175px -30px} .flag.flag-ci {background-position: -200px -30px} .flag.flag-ck {background-position: -225px -30px} .flag.flag-cl {background-position: -250px -30px} .flag.flag-cm {background-position: -275px -30px} .flag.flag-cn {background-position: -300px -30px} .flag.flag-co {background-position: -325px -30px} .flag.flag-cr {background-position: -350px -30px} .flag.flag-cu {background-position: -375px -30px} .flag.flag-cv {background-position: 0 -45px} .flag.flag-cy {background-position: -25px -45px} .flag.flag-cz {background-position: -50px -45px} .flag.flag-de {background-position: -75px -45px} .flag.flag-dj {background-position: -100px -45px} .flag.flag-dk {background-position: -125px -45px} .flag.flag-dm {background-position: -150px -45px} .flag.flag-do {background-position: -175px -45px} .flag.flag-dz {background-position: -200px -45px} .flag.flag-ec {background-position: -225px -45px} .flag.flag-ee {background-position: -250px -45px} .flag.flag-eg {background-position: -275px -45px} .flag.flag-eh {background-position: -300px -45px} .flag.flag-er {background-position: -325px -45px} .flag.flag-es {background-position: -350px -45px} .flag.flag-et {background-position: -375px -45px} .flag.flag-eu {background-position: 0 -60px} .flag.flag-fi {background-position: -25px -60px} .flag.flag-fj {background-position: -50px -60px} .flag.flag-fk {background-position: -75px -60px} .flag.flag-fm {background-position: -100px -60px} .flag.flag-fo {background-position: -125px -60px} .flag.flag-fr {background-position: -150px -60px} .flag.flag-ga {background-position: -175px -60px} .flag.flag-gb {background-position: -200px -60px} .flag.flag-gd {background-position: -225px -60px} .flag.flag-ge {background-position: -250px -60px} .flag.flag-gf {background-position: -275px -60px} .flag.flag-gg {background-position: -300px -60px} .flag.flag-gh {background-position: -325px -60px} .flag.flag-gi {background-position: -350px -60px} .flag.flag-gl {background-position: -375px -60px} .flag.flag-gm {background-position: 0 -75px} .flag.flag-gn {background-position: -25px -75px} .flag.flag-gp {background-position: -50px -75px} .flag.flag-gq {background-position: -75px -75px} .flag.flag-gr {background-position: -100px -75px} .flag.flag-gs {background-position: -125px -75px} .flag.flag-gt {background-position: -150px -75px} .flag.flag-gu {background-position: -175px -75px} .flag.flag-gw {background-position: -200px -75px} .flag.flag-gy {background-position: -225px -75px} .flag.flag-hk {background-position: -250px -75px} .flag.flag-hm {background-position: -275px -75px} .flag.flag-hn {background-position: -300px -75px} .flag.flag-hr {background-position: -325px -75px} .flag.flag-ht {background-position: -350px -75px} .flag.flag-hu {background-position: -375px -75px} .flag.flag-id {background-position: 0 -90px} .flag.flag-ie {background-position: -25px -90px} .flag.flag-il {background-position: -50px -90px} .flag.flag-in {background-position: -75px -90px} .flag.flag-io {background-position: -100px -90px} .flag.flag-iq {background-position: -125px -90px} .flag.flag-ir {background-position: -150px -90px} .flag.flag-is {background-position: -175px -90px} .flag.flag-it {background-position: -200px -90px} .flag.flag-je {background-position: -225px -90px} .flag.flag-jm {background-position: -250px -90px} .flag.flag-jo {background-position: -275px -90px} .flag.flag-jp {background-position: -300px -90px} .flag.flag-ke {background-position: -325px -90px} .flag.flag-kg {background-position: -350px -90px} .flag.flag-kh {background-position: -375px -90px} .flag.flag-ki {background-position: 0 -105px} .flag.flag-km {background-position: -25px -105px} .flag.flag-kn {background-position: -50px -105px} .flag.flag-kp {background-position: -75px -105px} .flag.flag-kr {background-position: -100px -105px} .flag.flag-kw {background-position: -125px -105px} .flag.flag-ky {background-position: -150px -105px} .flag.flag-kz {background-position: -175px -105px} .flag.flag-la {background-position: -200px -105px} .flag.flag-lb {background-position: -225px -105px} .flag.flag-lc {background-position: -250px -105px} .flag.flag-li {background-position: -275px -105px} .flag.flag-lk {background-position: -300px -105px} .flag.flag-lr {background-position: -325px -105px} .flag.flag-ls {background-position: -350px -105px} .flag.flag-lt {background-position: -375px -105px} .flag.flag-lu {background-position: 0 -120px} .flag.flag-lv {background-position: -25px -120px} .flag.flag-ly {background-position: -50px -120px} .flag.flag-ma {background-position: -75px -120px} .flag.flag-mc {background-position: -100px -120px} .flag.flag-md {background-position: -125px -120px} .flag.flag-me {background-position: -150px -120px} .flag.flag-mg {background-position: -175px -120px} .flag.flag-mh {background-position: -200px -120px} .flag.flag-mk {background-position: -225px -120px} .flag.flag-ml {background-position: -250px -120px} .flag.flag-mm {background-position: -275px -120px} .flag.flag-mn {background-position: -300px -120px} .flag.flag-mo {background-position: -325px -120px} .flag.flag-mp {background-position: -350px -120px} .flag.flag-mq {background-position: -375px -120px} .flag.flag-mr {background-position: 0 -135px} .flag.flag-ms {background-position: -25px -135px} .flag.flag-mt {background-position: -50px -135px} .flag.flag-mu {background-position: -75px -135px} .flag.flag-mv {background-position: -100px -135px} .flag.flag-mw {background-position: -125px -135px} .flag.flag-mx {background-position: -150px -135px} .flag.flag-my {background-position: -175px -135px} .flag.flag-mz {background-position: -200px -135px} .flag.flag-na {background-position: -225px -135px} .flag.flag-nc {background-position: -250px -135px} .flag.flag-ne {background-position: -275px -135px} .flag.flag-nf {background-position: -300px -135px} .flag.flag-ng {background-position: -325px -135px} .flag.flag-ni {background-position: -350px -135px} .flag.flag-nl {background-position: -375px -135px} .flag.flag-no {background-position: 0 -150px} .flag.flag-np {background-position: -25px -150px} .flag.flag-nr {background-position: -50px -150px} .flag.flag-nu {background-position: -75px -150px} .flag.flag-nz {background-position: -100px -150px} .flag.flag-om {background-position: -125px -150px} .flag.flag-pa {background-position: -150px -150px} .flag.flag-pe {background-position: -175px -150px} .flag.flag-pf {background-position: -200px -150px} .flag.flag-pg {background-position: -225px -150px} .flag.flag-ph {background-position: -250px -150px} .flag.flag-pk {background-position: -275px -150px} .flag.flag-pl {background-position: -300px -150px} .flag.flag-pm {background-position: -325px -150px} .flag.flag-pn {background-position: -350px -150px} .flag.flag-pr {background-position: -375px -150px} .flag.flag-ps {background-position: 0 -165px} .flag.flag-pt {background-position: -25px -165px} .flag.flag-pw {background-position: -50px -165px} .flag.flag-py {background-position: -75px -165px} .flag.flag-qa {background-position: -100px -165px} .flag.flag-re {background-position: -125px -165px} .flag.flag-ro {background-position: -150px -165px} .flag.flag-rs {background-position: -175px -165px} .flag.flag-ru {background-position: -200px -165px} .flag.flag-rw {background-position: -225px -165px} .flag.flag-sa {background-position: -250px -165px} .flag.flag-sb {background-position: -275px -165px} .flag.flag-sc {background-position: -300px -165px} .flag.flag-sd {background-position: -325px -165px} .flag.flag-se {background-position: -350px -165px} .flag.flag-sg {background-position: -375px -165px} .flag.flag-sh {background-position: 0 -180px} .flag.flag-si {background-position: -25px -180px} .flag.flag-sk {background-position: -50px -180px} .flag.flag-sl {background-position: -75px -180px} .flag.flag-sm {background-position: -100px -180px} .flag.flag-sn {background-position: -125px -180px} .flag.flag-so {background-position: -150px -180px} .flag.flag-sr {background-position: -175px -180px} .flag.flag-st {background-position: -200px -180px} .flag.flag-sv {background-position: -225px -180px} .flag.flag-sy {background-position: -250px -180px} .flag.flag-sz {background-position: -275px -180px} .flag.flag-tc {background-position: -300px -180px} .flag.flag-td {background-position: -325px -180px} .flag.flag-tf {background-position: -350px -180px} .flag.flag-tg {background-position: -375px -180px} .flag.flag-th {background-position: 0 -195px} .flag.flag-tj {background-position: -25px -195px} .flag.flag-tk {background-position: -50px -195px} .flag.flag-tl {background-position: -75px -195px} .flag.flag-tm {background-position: -100px -195px} .flag.flag-tn {background-position: -125px -195px} .flag.flag-to {background-position: -150px -195px} .flag.flag-tr {background-position: -175px -195px} .flag.flag-tt {background-position: -200px -195px} .flag.flag-tv {background-position: -225px -195px} .flag.flag-tw {background-position: -250px -195px} .flag.flag-tz {background-position: -275px -195px} .flag.flag-ua {background-position: -300px -195px} .flag.flag-ug {background-position: -325px -195px} .flag.flag-um {background-position: -350px -195px} .flag.flag-us {background-position: -375px -195px} .flag.flag-uy {background-position: 0 -210px} .flag.flag-uz {background-position: -25px -210px} .flag.flag-va {background-position: -50px -210px} .flag.flag-vc {background-position: -75px -210px} .flag.flag-ve {background-position: -100px -210px} .flag.flag-vg {background-position: -125px -210px} .flag.flag-vi {background-position: -150px -210px} .flag.flag-vn {background-position: -175px -210px} .flag.flag-vu {background-position: -200px -210px} .flag.flag-wf {background-position: -225px -210px} .flag.flag-ws {background-position: -250px -210px} .flag.flag-ye {background-position: -275px -210px} .flag.flag-yt {background-position: -300px -210px} .flag.flag-za {background-position: -325px -210px} .flag.flag-zm {background-position: -350px -210px} .flag.flag-zw {background-position: -375px -210px} .EventUlFixer ul {margin-left:25px;}