/* /****************************************************************************/ body{ z-index: 0; } #cover{ position: absolute; left: 0px; right: 0px; width: 100%; height: 300%; background-color: #303030; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 2; } /****************************************************************************/ /* DYNAMIC MENU - LEVEL 1 /* /*

/* /****************************************************************************/ #mainnav { position: relative; clear: both; min-height: 38px; z-index: 99; background-image: none; margin: 20px 0px 20px 0px; color: #474849; } #mainnav_sleeve { border-bottom: 6px solid #0b3f8c; background-color: #4FAEE3; } #mainnav_sleeve > ul { list-style: none outside none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 38px; } #mainnav_sleeve > ul:after { content: " "; clear: both; display: block; height: 0px; visibility: hidden; }/* clear float and restore flow after every UL element */ #mainnav_sleeve > ul > li { display: block; float: left; height: 38px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-left: 1px solid #FFFFFF; background-image: none; background-color: transparent; font-family: helvetica, arial, sans-serif; } #mainnav_sleeve > ul > li.first{border:none;} #mainnav_sleeve > ul > li > a { display: block; height: 100%; padding: 0px 0px 0px 0px; font-size: 1.10em; background-image: none; background-color: transparent; color: #FFFFFF; /*#0B3F8C;*/ font-weight: bold; text-decoration: none; text-transform: uppercase; } #mainnav_sleeve > ul > li.current > a { /*position: relative;*/ /*z-index: 60;*/ background-image: none; background-color: #4FAEE3; color: #0B3F8C;/*#F0F0F0;*/ } #mainnav_sleeve > ul > li > a:hover, #mainnav_sleeve > ul > li.over > a { background: none; background-color: #FFFFFF; color: #0B3F8C; } #mainnav_sleeve > ul > li.current > a:hover { background-image: none; background-color: #FFFFFF; color: #0B3F8C; cursor: hand; cursor: pointer; } #mainnav_sleeve > ul > li > a > span { position: relative; display: block; height: 29px; padding: 9px 7px 0px 7px; margin: 0px; background-image: none; background-color: transparent; color: inherit; } #mainnav_sleeve > ul > li > a:hover > span, #mainnav_sleeve > ul > li.over > a > span { background-image: none; color: #0B3F8C; cursor: hand; cursor: pointer; } #mainnav_sleeve > ul > li.current > a > span{ background-image: none; background-color: transparent; color: #0B3F8C; } #mainnav_sleeve > ul > li.current.first > a > span{ margin-left: 0px; padding-left: 6px; background-image: none; background-color: transparent; color: #0B3F8C; } #mainnav_sleeve > ul > li.current > a:hover > span { background-image: none; } #mainnav_sleeve > ul > li.current.first > a:hover > span { margin-left: 0px; padding-left: 6px; background-image: none; } /****************************************************************************/ /* DYNAMIC MENU - LEVEL 1 - .RightAligned /* /*
/*
/* /****************************************************************************/ #mainnav_sleeve > ul > li.RightAligned { float: right; padding: 0px 0px 0px 0px; border: none; margin: 0px 0px 0px 0px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; } #mainnav_sleeve > ul > li.RightAligned:last-child { background-image: none; background-color: transparent; border-left: 1px solid #FFFFFF; } #mainnav_sleeve > ul > li.RightAligned > a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: .923em; font-weight: bold; text-transform: none; color: #FFFFFF; } #mainnav_sleeve > ul > li.RightAligned > a:hover, #mainnav_sleeve > ul > li.RightAligned.current > a:hover, #mainnav_sleeve > ul > li.RightAligned.current > a, #mainnav_sleeve > ul > li.RightAligned.over > a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none; background-image: none; background-color: transparent; color: #FAFAFA; } #mainnav_sleeve > ul > li.RightAligned > a > span{ padding: 9px 7px 0px 7px; margin: 0px 0px 0px 0px; } #mainnav_sleeve > ul > li.RightAligned > a:hover > span, #mainnav_sleeve > ul > li.RightAligned.current > a:hover > span, #mainnav_sleeve > ul > li.RightAligned.current > a > span, #mainnav_sleeve > ul > li.RightAligned.over > a > span { padding: 9px 7px 0px 7px; border: none; margin: 0px 0px 0px 0px; background-image: none; background-color: transparent; color: #0B3F8C; } #mainnav_sleeve > ul > li.current > a { color: #0B3F8C; } /****************************************************************************/ /* DYNAMIC MENU - LEVEL 2 /* /*

/*

/*

/* /****************************************************************************/ #mainnav_sleeve > ul > li > div , #mainnav_sleeve > ul > li.current > div { position: absolute; left: -9999px;/* div position when hidden(mainnav.ul.li.idle)*/ width: 100%; min-height: 100px; max-height: 200px; background-image: none; background-color: transparent; background-color: #0000FF; } #mainnav_sleeve > ul > li:hover > div, #mainnav_sleeve > ul > li.over > div { left: 0px;/* div position when being displayed(mainnav.ul.li.onMouseOver)*/ background-image: none; background-color: transparent; } #mainnav_sleeve > ul > li > div > ul { list-style: none outside none; min-width: 212px; max-width: 612px; min-height: 0px; max-height: 100%; margin: 0px; padding: 12px 0px 10px 6px; border-top: 6px solid #0b3f8c; background-color: #FFFFFF; border: 1px solid #0b3f8c; border-top: 6px solid #0b3f8c; /* add SHADDOW 2 dropdown *//* -moz-box-shadow: 3px 3px 4px #55558C; -webkit-box-shadow: 3px 3px 4px #55558C; box-shadow: 3px 3px 4px #55558C; /* For IE 8 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#55558C')"; /* For IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#55558C'); */ } #mainnav_sleeve > ul > li > div > ul > li{ background-image: none; background-color: transparent; float: left; display: block; width: 200px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; /*font-size: 1.1em;*/ font-weight: bold; color: #0B3F8C; text-transform: uppercase; text-decoration: none; /*border: 1px solid #FF0000; /* mark dropdown LI element with RED border*/*/ } /* DROPDOWN GROUP TITLE is a element (nav - level 2) */ #mainnav #mainnav_sleeve > ul > li > div > ul > li > a, #mainnav #mainnav_sleeve > ul > li.RightAligned > div > ul > li > a, #mainnav #mainnav_sleeve > ul > li.current > div > ul > li > a, #mainnav #mainnav_sleeve > ul > li:hover > div > ul > li > a, #mainnav #mainnav_sleeve > ul > li.over > div > ul > li > a{ display: block; padding: 0px 0px 0px 0px; line-height: normal; background-image: none; background-color: transparent; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 1.1em; font-weight: bold; color: #0B3F8C; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #0B3F8C; /*border:1px solid #00FF00; /* mark dropdown DIV element with GREEN border*/ } #mainnav #mainnav_sleeve > ul > li > div > ul > li > a:hover, #mainnav #mainnav_sleeve > ul > li.current > div > ul > li > a:hover, #mainnav #mainnav_sleeve > ul > li.RightAligned > div > ul > li > a:hover, #mainnav #mainnav_sleeve > ul > li.RightAligned .current > div > ul > li > a:hover, #mainnav #mainnav_sleeve > ul > li.RightAligned .over > div > ul > li > a { background-image: none; background-color: #0B3F8C; text-decoration: none; color: #FFFFFF; } /****************************************************************************/ /* DYNAMIC MENU - LEVEL 3 /* /*

/*

/*

/*

/* /****************************************************************************/ /* DROPDOWN GROUP CONTENT is placed inside a DIV */ #mainnav_sleeve > ul > li > div > ul > li > div, #mainnav_sleeve > ul > li.current > div > ul > li > div, #mainnav_sleeve > ul > li:hover > div > ul > li > div { position: relative; left: 0px; padding: 0px; margin: 0px; width: auto; min-height: 0px; background-image: none; background-color: transparent; /*border: 1px solid #00FF00; /* mark dropdown DIV element with GREEN border*/ } /* DROPDOWN GROUP CONTENT is placed inside a UL contained inside a DIV element */ #mainnav_sleeve > ul > li > div > ul > li > div > ul, #mainnav_sleeve > ul > li.current > div > ul > li > div > ul, #mainnav_sleeve > ul > li:hover > div > ul > li > div > ul { list-style: none outside none; padding: 0px; border: none; margin: 0px; min-height: 0px; background-image: none; background-color: transparent; /*border: 1px solid #0000FF; /* mark dropdown UL element with BLUE border*/ } #mainnav_sleeve > ul > li > div > ul > li > div > ul > li, #mainnav_sleeve > ul > li.current > div > ul > li > div > ul > li, #mainnav_sleeve > ul > li:hover > div > ul > li > div > ul > li, #mainnav_sleeve > ul > li.RightAligned > div > ul > li > div > ul > li { display: block; float: none; width: 80%; margin: 6px 0px 9px 0px; padding: 0px; overflow: visible; background-image: none; background-color: transparent; /*border: 1px solid #0000FF; /* mark dropdown UL element with BLUE border*/ } #wrapper #mainnav > #mainnav_sleeve > ul > li > div > ul > li > div > ul > li > a, #wrapper #mainnav > #mainnav_sleeve > ul > li.current > div > ul > li > div > ul > li > a, #wrapper #mainnav > #mainnav_sleeve > ul > li:hover > div > ul > li > div > ul > li > a, #wrapper #mainnav > #mainnav_sleeve > ul > li.RightAligned > div > ul > li > div > ul > li > a { display: block; overflow: visible; width: 100%; padding: 0px 0px 0px 4px; margin: 0px 0px 0px 0px; line-height: normal; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: normal; font-size: 1.1em; color: #0B3F8C; text-decoration: none; text-transform: capitalize; /*border: 1px solid #0000FF; /* mark dropdown UL element with BLUE border*/ } #wrapper #mainnav > #mainnav_sleeve > ul > li > div > ul > li > div > ul > li > a:hover, #wrapper #mainnav > #mainnav_sleeve > ul > li.current > div > ul > li > div > ul > li > a:hover, #wrapper #mainnav > #mainnav_sleeve > ul > li:hover > div > ul > li > div > ul > li > a:hover, #wrapper #mainnav > #mainnav_sleeve > ul > li.RightAligned > div > ul > li > div > ul > li > a:hover { background-color: #0B3F8C; color: #FFFFFF; text-decoration: none; } /****************************************************************************/ /* MENU FEED ELEMENTS /* /****************************************************************************/ #mainnav #mainnav_sleeve > ul > li > div > ul > li.menufeed{ margin:0; padding:0; background-image:none; width:200px; min-height:100%; /*border-left:2px solid #81A7B5;*/ top:0px; background-color:#FFFFFF; } /****************************************************************************/ /* NEWS FEED /****************************************************************************/ #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed{ width:240px; min-height:100%; padding:0px 20px 0px 20px; margin:0; /*border-left:2px solid #81A7B5;*/ background-image:none; background-color:#FFFFFF; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed > div { width:100%; margin-top:15px; padding-left:20px; background: transparent 0px 5px no-repeat url(http://building2010test.abasoft.co.uk/Pictures/web/x/e/p/tri_mark_small.png); font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 1.1em; font-weight: bold; color: #555555; text-transform: capitalize; text-decoration: none; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed > ul { list-style: disc outside none; margin-top:20px; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed > ul > li{ margin-bottom:10px; color:#333333; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed > ul > li > a{ display: block; overflow: visible; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: normal; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 100; font-size: 1.1em; color: #666666; text-decoration: none; text-transform: lowercase; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.newsfeed > ul > li > a:hover{ text-decoration:underline; } /****************************************************************************/ /* ADD LIST /****************************************************************************/ #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist{ width:180px; min-height:100%; padding:0px 0px 0px 0px; margin:0; /*border-left:2px solid #81A7B5;*/ background-image:none; background-color:#FFFFFF; overflow:hidden; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist > ul { list-style:none outside none; padding:0; margin:0; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist > ul > li{ padding:0; margin:0; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist > ul > li > a{ border:none; text-decoration:none; padding:0; margin:0; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist > ul > li > a > img{ border:none; padding:0; margin:0; } #mainnav #mainnav_sleeve > ul > li > div > ul > li.addlist > ul > li > a:hover > img{ opacity:0.5; filter:alpha(opacity:50); } /****************************************************************************/ /* ECOBUILD FORM /****************************************************************************/ #ecobuild_form{ width:100%; height:100%; text-align:center; margin:0 auto; margin:0px; padding:0px; background-color: #404040; } #ecobuild_form img{ /*margin-top:10px;*/ /*width:120px;*/ } #ecobuild_form p{ color: #C7C7C7; font-family:arial,sans-serif; font-size: 16px; line-height:20px; font-weight: bold; text-transform:lowercase; margin-bottom:12px; } #ecobuild_form input[type="text"], #ecobuild_form input[type="password"] { color: #000000; font-family: arial,sans-serif; font-size: 13px; margin-bottom: 6px; padding: 4px 4px; width: 140px; } #ecobuild_form .rounded-btn { border: 0 none; background-color: #00B3DC; border-radius: 20px 20px 20px 20px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-weight: normal; padding: 4px 24px 5px; text-decoration: none !important; text-shadow: 0 -1px 1px #888888; font-size:13px; margin:7px 0px 0px 0px; } #ecobuild_form .rounded-btn:hover {background-color: #000000;}