).
The Menu can go inside an element if needed. */
#cs_MenuContainer {
position:relative;
background-color: #000080;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1f0), color-stop(100%,#000080));
background:-moz-linear-gradient(top, #d1d1f0 0%, #000080 100%);
background:gradient(linear, left top, left bottom, color-stop(0%,#d1d1f0), color-stop(100%,#000080));
background:-ms-linear-gradient(top, #d1d1f0 0%, #000080 100%);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#000080, StartColorStr=#d1d1f0);
border-right:1px solid #0000b0;
border-bottom:2px solid #191970;
border-left:1px solid #d1d1b0;
border-top: 1px solid #d1d1b0;
padding:2px 10px 2px 10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
height:22px;
min-width:1000px;
z-index:96000;
}
/* Clears the floated menu items.
Assign to a BR tag placed just before cs_MenuContainer's closing DIV tag */
.cs_ClearMenu {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
/* cs_MenuBar is the root
and cs_MenuBar applies to all the sub-menu 's.
Padding and margin to zero to eliminate all indentation, turn bullets off,
and set a font-family different from the global font-family declared for the
body element above. This sets font for just the menu. Do not add a font-size here. */
#cs_MenuBar, #cs_MenuBar ul {
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
}
/* Menu Item Links.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box.
Font-size is set here and will apply to all menu levels. */
#cs_MenuBar a {
font-weight: bold;
font-family: Verdana;
padding-left: 10px;
padding-bottom: 4px;
padding-right: 10px;
padding-top: 4px;
font-size: .6em;
display: block;
text-decoration: none;
color: #ffffff;
background: transparent;
cursor:pointer;
border:solid 1px transparent;
}
/* Class assigned to those links that have associated Sub-Menus.
trigger1 is for MenuBar (root) level menus.
trigger2 is for dropdown (first) level menus. */
#cs_MenuBar a.trigger1, #cs_MenuBar a.trigger2, #cs_MenuBar a.trigger3 {
margin: 0;
}
/* Changes the Text color and background color when the menu items are
moused over. The 1st and 2nd selectors affect when items are accessed with
the keyboard tab key.
The remaining sets are (a) standard mouse over (b) for old versions of IE. */
#cs_MenuBar a:focus, #cs_MenuBar a:active,
#cs_MenuBar li a:hover,
#cs_MenuBar li a.cs_hvr,
#cs_MenuBar li:hover a.trigger1,
#cs_MenuBar li.cs_hvr a.trigger1,
#cs_MenuBar li:hover ul li:hover a.trigger2,
#cs_MenuBar li.cs_hvr ul li.cs_hvr a.trigger2,
#cs_MenuBar li:hover ul li:hover ul li:hover a.trigger3,
#cs_MenuBar li.cs_hvr ul li.cs_hvr ul li:hover a.trigger3 {
color:#ffd700;
background-color:#000080;
font-weight:bold;
cursor:pointer;
border:solid 1px #b0c4de;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
/* The Menu list items.
Floating left allows them to appear horizontally.
The width is auto to allow MenuBar level items to render to their natural width. */
#cs_MenuBar li {
float: left;
width: auto;
}
/* Sets width for DropMenu/SubMenu box and the List Items inside - in proportional em units.
This allows the sub-menu width to expand if users resize the text in their browsers. */
#cs_MenuBar li ul, #cs_MenuBar ul li {
width: 13em;
}
/* Sub-Menu Unordered Lists.
Describes each dropdown menu grouping.
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
A gradient background is assigned. */
#cs_MenuBar li ul {
position: absolute;
display: none;
padding:5px;
border:solid 2px #000080;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000080), color-stop(100%,#6495ED));
background:-moz-linear-gradient(top, #000080 0%, #6495ED 100%);
background:gradient(linear, left top, left bottom, color-stop(0%,#000080), color-stop(100%,#6495ED));
background:-ms-linear-gradient(top, #000080 0%, #6495ED 100%);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#6495ED, StartColorStr=#000080);
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottom-left:5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottom-right:5px;
border-bottom-right-radius:5px;
-webkit-box-shadow:5px 5px 10px #696969;
-moz-box-shadow:5px 5px 10px #696969;
box-shadow:5px 5px 10px #696969;
z-index:100001;
}
/* PopUp Sub Menu.
Shift to right so pops over the dropdown Level menu but within touching distance of the parent */
#cs_MenuBar .cs_SubMenu1, #cs_MenuBar .cs_SubMenu2 {
left:50px;
z-index:100002;
}
#cs_MenuBar .cs_SubMenu1 {
border:solid 2px #000080;
}
#cs_MenuBar .cs_SubMenu2 {
border:solid 2px #6495ed;
}
/* Set the Sub-Menu UL to be visible when its associated Parent-Level link is moused over. */
#cs_MenuBar li:hover ul:not(.cs_SubMenu1):not(.cs_SubMenu2),
#cs_MenuBar li.cs_hvr ul:not(.cs_SubMenu1):not(.cs_SubMenu2),
#cs_MenuBar li:hover ul li:hover ul.cs_SubMenu1:not(.cs_SubMenu2),
#cs_MenuBar li.cs_hvr ul li.cs_hvr ul.cs_SubMenu1:not(.cs_SubMenu2),
#cs_MenuBar li:hover ul li:hover ul.cs_SubMenu1 li:hover ul.cs_SubMenu2,
#cs_MenuBar li.cs_hvr ul li.cs_hvr ul.cs_SubMenu1 li.cs_hvr ul.cs_SubMenu2 {
display: block;
}
/* Used for non-option lines on the menu */
#cs_MenuBar span, #cs_MenuBar li div:not(.cs_MenuText) {
margin:0px;
padding:0px 0px 0px 2px;
font-weight:normal;
font-size:65%;
font-style:italic;
color:#add8e6;
background:rgba(255,255,255,0.05);
}
/***********************************************************
* Display a message while exchanging data with the server *
***********************************************************/
#cs_LoadIcon {
position:absolute;
margin:0;
padding:0;
}
.cs_LoadImage {
width:200px;
height:70px;
padding:10px;
margin:auto;
top:0;
left:0;
bottom:0;
right:0;
background:#ffffff url(http://www.clientele.com.au/images/cs_loadIcon.gif) no-repeat center 30px;
background-size:50px 50px;
border:ridge 3px #c0c0c0;
}
.cs_LoadImage:before {
content:"Waiting for Server...";
font-weight:bold;
}