/* Begin Section _theme.css */
html
{
/*
This is placed here to stop pages shifting in FireFox.
Shifting is caused by the Scroll Bar Disappearing when the page is too short.
*/
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-family: Tahoma;
background-color: #1e1f23;
}
/* png fix for IE6 */
img, div
{
behavior: url(iepngfix.htc)
}
/* PAGE FONT SIZE DASHBOARD */
/* FONT SIZE IS RELATIVE TO BODY FONT SIZE */
form.body-Smallest
{
font-size: 80%;
}
form.body-Small
{
font-size: 90%;
}
form.body-Medium
{
font-size: 100%;
}
form.body-Large
{
font-size: 120%;
}
form.body-Largest
{
font-size: 140%;
}
#base
{/*
position: relative;
width: 945px;
padding: 0;
margin: 0 auto; */
}
/*
This decreases the width of the whole page area, in conjunction with the Pagesize Dashboard.
*/
form.bodySize-Large #base
{
width:760px !important;
}
/* ZONES */
#ZoneHeaderRow
{
clear: both;
float: left;
width:100%;
z-index: 90;
padding-bottom: 20px;
border-bottom: 10px solid #fecb00;
height: 92px;
}
#ZoneHeaderContent
{
width: 781px;
padding: 0;
margin: 0 auto;
margin-top: 16px;
}
/*
This decreases the width of the whole page area, in conjunction with the Pagesize Dashboard.
*/
form.bodySize-Large #ZoneHeaderRow
{
width:760px !important;
}
#ZoneImageRow
{
clear: both;
float: left;
width:100%;
z-index: 90;
background-image: url(../_images/cosalt/mainimagebg.gif);
margin: 0;
padding: 0;
}
form.elPageHome #ZoneImageRow
{
background-image: url(../_images/cosalt/homeimagebg.gif);
}
#ZoneImageContent
{
width: 1020px;
padding: 0;
margin: 0 auto;
height: 150px;
}
#ZoneImageContent img
{
border: 0;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
form.elPageHome #ZoneImageContent img
{
border: 0;
}
#ZoneImageContent div#flasharea
{
width: 1020px;
border: 0;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
#ZoneImageContent p
{
margin: 0;
padding: 0;
}
form.elPageHome #ZoneImageContent
{
height: 270px;
}
#ZoneLeftColumn
{
width: 240px;
float: left;
margin-right: 30px;
padding-bottom: 60px;
/*
This min-height is a Firefox fix to ensure the ZoneLeftColumn doesn't collapse when empty, moving content over.
*/
min-height:10px;
border-top: 1px solid #999999;
}
form.bodySize-Large #ZoneLeftColumn
{
width:179px;
}
form.elPageHome #ZoneLeftColumn
{
width: 540px;
margin-right: 0;
padding-bottom: 0;
border-top: 0px;
}
#LeftRightContainer
{
clear: both;
float: left;
width:100%;
background-color: #333333;
}
form.bodySize-Large #LeftRightContainer
{
width:760px !important;
}
#LeftRightContent
{
width:781px !important;
padding: 0;
margin: 0 auto;
clear: both;
padding-top: 20px;
overflow: hidden;
}
#ZoneRightColumn
{
width: 510px;
float: left;
padding: 0;
border-top: 1px solid #999999;
}
form.bodySize-Large #ZoneRightColumn
{
width:581px;
}
form.elPageHome #ZoneRightColumn
{
width: 240px;
border-top: 0px;
}
form.elMproducts #ZoneRightColumn
{
width: 510px;
overflow: hidden;
}
#ZoneCentreRow
{
width: 945px;
padding: 0;
margin: 0 auto;
font-size: 0.75em;
}
form.bodySize-Large #ZoneCentreRow
{
width:760px;
}
#ZoneExtraRow
{
clear: both;
float: left;
width:100%;
z-index: 90;
padding-top: 30px;
background-image: url(../_images/cosalt/lowershadow.gif);
background-repeat: repeat-x;
background-color: #292929;
}
#ZoneExtraContent
{
width: 781px;
padding: 0;
margin: 0 auto;
}
#ZoneFooterRow
{
clear: both;
float: left;
border-top: 1px solid #b2b2b2;
width: 100%;
padding-bottom: 20px;
}
form.bodySize-Large #ZoneFooterRow
{
width:760px;
}
#ZoneFooterContent
{
width: 781px;
margin: 0 auto 0 auto;
}
/* DEFAULTS */
a
, a:link
, a:visited
{
}
a:hover
, a:active
, a:focus
{
}
h1
{
font-size: 1.4em;
}
h2
{
font-size: 1.3em;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5
{
font-size: 1em;
}
h6
{
font-size: .9em;
}
pre
{
white-space: normal;
}
ul
{
list-style-type: disc;
}
ol
{
}
address
{
}
p
{
}
a.linkskip {
position: absolute;
top: -200px;
}
div#SiteServices
{
float: right;
}
/* Site Services Menu */
ul.elSiteServicesMenu
{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
ul.elSiteServicesMenu li
{
float: left;
background-image: url(../_images/cosalt/siteservicesmenu_divider.gif);
background-repeat: no-repeat;
background-position: 100% 8px;
padding-right: 13px;
margin-right: 10px;
}
ul.elSiteServicesMenu a
{
color: #3ebafe;
font-size: 0.69em;
font-family: Tahoma;
text-decoration: none;
}
ul.elSiteServicesMenu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 200px;
margin: 20px 0 0 -40px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #FFF;
}
ul.elSiteServicesMenu li li
, ul.elSiteServicesMenu li li.first
{
width: 188px;
background-image: none;
line-height: 20px;
border-bottom: solid 1px #FFF;
background-color: #ddd;
}
ul.elSiteServicesMenu ul a
, ul.elSiteServicesMenu ul a:link
, ul.elSiteServicesMenu ul a:visited
{
width: 180px;
border-width: 0;
font-size: .9em;
padding: 0 10px;
color: #444;
text-transform: none;
}
ul.elSiteServicesMenu ul a:hover
, ul.elSiteServicesMenu ul a:active
{
background-color: #eee;
color: #000;
}
ul.elSiteServicesMenu ul a.ChildItems
{
background-image: url(../_images/default/more_nibble.gif) !important;
background-repeat: no-repeat;
background-position: top right;
}
ul.elSiteServicesMenu ul a.ChildItems:hover
{
background-image: url(../_images/default/more_nibble_on.gif) !important;
}
ul.elSiteServicesMenu li ul ul
{
margin: 0 0 0 -290px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #fff;
}
ul.elSiteServicesMenu li li li
, ul.elSiteServicesMenu li li li.first
{
border-color: #fff;
}
ul.elSiteServicesMenu li li a
, ul.elSiteServicesMenu li li a:link
, ul.elSiteServicesMenu li li a:visited
{
color: #444;
background-image: none;
}
ul.elSiteServicesMenu li a:hover
, ul.elSiteServicesMenu li a:active
{
color: #FFF;
}
ul.elSiteServicesMenu ul li a:hover
, ul.elSiteServicesMenu ul li a:active
{
background-color: #efefef;
color: #000;
}
ul.elSiteServicesMenu li.last:hover ul ul
, ul.elSiteServicesMenu li.last:hover ul ul ul
, ul.elSiteServicesMenu li.last:hover ul ul ul ul
, ul.elSiteServicesMenu li.last.MenuItemHover ul ul
, ul.elSiteServicesMenu li.last.MenuItemHover ul ul ul
, ul.elSiteServicesMenu li.last.MenuItemHover ul ul ul ul
{
left: -999em;
display: none;
}
ul.elSiteServicesMenu li.last:hover ul
, ul.elSiteServicesMenu li.last li:hover ul
, ul.elSiteServicesMenu li.last li li:hover ul
, ul.elSiteServicesMenu li.last li li li:hover ul
, ul.elSiteServicesMenu li.last.MenuItemHover ul
, ul.elSiteServicesMenu li.last li.MenuItemHover ul
, ul.elSiteServicesMenu li.last li li.MenuItemHover ul
, ul.elSiteServicesMenu li.last li li li.MenuItemHover ul
{
left: auto;
display: block;
}
/* Admin Menu */
ul.elAdminMenu
{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
ul.elAdminMenu li
{
float: left;
background-image: url(../_images/cosalt/siteservicesmenu_divider.gif);
background-repeat: no-repeat;
background-position: 100% 8px;
padding-right: 13px;
margin-right: 10px;
}
ul.elAdminMenu a
{
color: #3ebafe;
font-size: 0.69em;
font-family: Tahoma;
text-decoration: none;
}
ul.elAdminMenu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 200px;
margin: 20px 0 0 -40px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #FFF;
}
ul.elAdminMenu li li
, ul.elAdminMenu li li.first
{
width: 188px;
background-image: none;
line-height: 20px;
border-bottom: solid 1px #FFF;
background-color: #ddd;
}
ul.elAdminMenu ul a
, ul.elAdminMenu ul a:link
, ul.elAdminMenu ul a:visited
{
width: 180px;
border-width: 0;
font-size: .9em;
padding: 0 10px;
color: #444;
text-transform: none;
}
ul.elAdminMenu ul a:hover
, ul.elAdminMenu ul a:active
{
background-color: #eee;
color: #000;
}
ul.elAdminMenu ul a.ChildItems
{
background-image: url(../_images/default/more_nibble.gif) !important;
background-repeat: no-repeat;
background-position: top right;
}
ul.elAdminMenu ul a.ChildItems:hover
{
background-image: url(../_images/default/more_nibble_on.gif) !important;
}
ul.elAdminMenu li ul ul
{
margin: 0 0 0 -290px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #fff;
}
ul.elAdminMenu li li li
, ul.elAdminMenu li li li.first
{
border-color: #fff;
}
ul.elAdminMenu li li a
, ul.elAdminMenu li li a:link
, ul.elAdminMenu li li a:visited
{
color: #444;
background-image: none;
}
ul.elAdminMenu li a:hover
, ul.elAdminMenu li a:active
{
color: #FFF;
}
ul.elAdminMenu ul li a:hover
, ul.elAdminMenu ul li a:active
{
background-color: #efefef;
color: #000;
}
ul.elAdminMenu li:hover ul ul
, ul.elAdminMenu li:hover ul ul ul
, ul.elAdminMenu li:hover ul ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul ul
{
left: -999em;
}
ul.elAdminMenu li:hover ul
, ul.elAdminMenu li li:hover ul
, ul.elAdminMenu li li li:hover ul
, ul.elAdminMenu li li li li:hover ul
, ul.elAdminMenu li.MenuItemHover ul
, ul.elAdminMenu li li.MenuItemHover ul
, ul.elAdminMenu li li li.MenuItemHover ul
, ul.elAdminMenu li li li li.MenuItemHover ul
{
left: auto;
}
/* Quick Search */
div.QuickSearch
{
float: left;
/*margin-top: 5px;*/
}
div.QuickSearch input
{
float: left;
width: 120px;
height: 16px;
*height: 20px;
*line-height: 20px;
font-size: 0.69em;
border: 0px;
background-image: url(../_images/cosalt/darkinputbg.gif);
margin: 0 2px 0 0;
padding: 4px 0 0 7px;
*padding-top: 0px;
color:#3EBAFE;
}
div.QuickSearch a.hoverbutton
{
float: left;
}
div.QuickSearch a.hoverbutton span.hoverbutton_button
{
float: left;
background-image: url(../_images/cosalt/darksubmitbutton.gif);
width: 20px;
height: 20px;
}
div#LogoandMainMenu
{
float: left;
width: 100%;
margin-top: 22px;
}
/* Element Logo */
div.elLogo {
clear: both;
float: left;
width: 150px;
height: 29px;
}
div.elLogo h1.ident {
background-image: url(../_images/cosalt/cosaltlogo.gif);
background-repeat: no-repeat;
background-position: left;
width: 150px;
height: 29px;
margin:0;
padding:0;
}
div.elLogo h1.ident a {
width: 150px;
height: 29px;
display: block;
}
div.elLogo h1.ident span {
display: none;
}
/* Element Horizontal Nav */
ul.elMainMenu
{
float: right;
list-style: none;
padding: 0;
margin: 0;
z-index:99;
overflow: hidden;
margin-top: 16px;
}
ul.elMainMenu ul
{
line-height: 1;
list-style: none;
padding: 0;
margin: 0;
z-index:99;
}
ul.elMainMenu a
, ul.elMainMenu a:link
, ul.elMainMenu a:visited
{
display: block;
color: #999999;
text-decoration: none;
text-transform: none;
font-size: 0.75em;
font-weight: normal;
}
ul.elMainMenu li
{
float: left;
padding: 0;
width: auto;
overflow: hidden;
white-space: nowrap;
}
ul.elMainMenu li
{
margin-right: 15px;
}
ul.elMainMenu li.last
{
margin-right: 0;
}
ul.elMainMenu a.current, ul.elMainMenu a.parent_current,
form.ImageDetails ul.elMainMenu li.elMnewsmedia a, form.NewsMediaContent ul.elMainMenu li.elMnewsmedia a
{
color: #3ebafe;
}
ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
{
color: #3ebafe;
}
/* Element Footer Menu */
ul.elFooterMenu {
bottom: 0;
margin: 29px 0 0 0;
padding: 0;
float: left;
}
ul.elFooterMenu li {
display: block;
float: left;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited
{
font-size: 0.69em;
color: #999999;
display: block;
text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active {
color: #999999;
text-decoration: underline;
}
ul.elFooterMenu2 {
bottom: 0;
margin: 29px 0 0 116px;
padding: 0;
float: left;
}
ul.elFooterMenu2 li {
display: block;
clear: both;
float: left;
border-left: 1px solid #b2b2b2;
width: 238px;
border-right: 1px solid #b2b2b2;
padding-left: 29px;
margin: 0;
}
ul.elFooterMenu2 li a, ul.elFooterMenu2 li a:link, ul.elFooterMenu2 li a:visited
{
font-size: 0.69em;
color: #999999;
display: block;
text-decoration: none;
}
ul.elFooterMenu2 li a:hover, ul.elFooterMenu2 li a:active {
color: #999999;
text-decoration: underline;
}
div.elFooterMenuContacts
{
font-size: 0.69em;
color: #999999;
padding-left: 29px;
margin-top: 29px;
float: left;
}
div.elFooterMenuContacts a
{
color: #3ebafe;
text-decoration: none;
}
div.elFooterMenuContacts a:hover
{
text-decoration: underline;
color: #fff;
}
/* CONTENT PANEL OUTPUT */
div.elContent
{
font-size: 0.75em;
color: #dddddd;
}
form.elPageHome div.elContent
{
width: 510px;
border-top: 1px solid #999999;
margin: 0 0 37px 0;
}
div.elContent h1
{
font-size: 1.98em;
color: #fff;
margin: .8em 0;
padding: 0;
font-weight: normal;
background-image: url(../_images/cosalt/h1_slash.gif);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 4px;
width: 460px;
}
form.elPageHome div.elContent h1
{
color: #fecb00;
font-weight: normal;
font-size: 1.4em;
background-image: url(../_images/cosalt/h1_slash_home.gif);
background-repeat: no-repeat;
padding-left: 13px;
background-position: 0 4px;
}
form.SiteServicesPage div#ZoneRightColumn
{
color: #dddddd;
}
form.SiteServicesPage div#ZoneRightColumn h1
{
font-size: 1.88em;
color: #fff;
margin: .8em 0;
padding: 0;
font-weight: normal;
background-image: url(../_images/cosalt/h1_slash.gif);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 4px;
width: 460px;
}
div.elContent h2
{
font-size: 1.18em;
color: #fecb00;
margin: 0 0;
padding: 0;
font-weight: normal;
}
div.elContent h3
{
font-size: 1.0em;
color: #fecb00;
margin: 0 0;
padding: 0;
font-weight: normal;
}
/*form.NewsMediaContent img
{
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
margin-right: 10px;
}*/
form.NewsMediaContent a.BackLink
{
background-image: url(../_images/cosalt/singlearrow.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
.GreyText
{
color: #999999;
}
div.elContent p
{
line-height: 1.4em;
}
div.elContent hr
{
height: 1px;
border: 0;
width: 100%;
color: #999999;
background-color: #999999;
}
div.elContent div.HighLight
{
padding: 22px 30px 22px 30px;
background-color: #1e1f23;
color: #999999;
}
div.elContent a
, div.elContent a:link,
div.elContent a:visited
{
color: #3ebafe;
text-decoration: none;
}
div.elContent a:hover
, div.elContent a:active
{
color: #fff;
text-decoration: underline;
}
div.elContent a.ArrowLink
{
background-image: url(../_images/cosalt/singlearrow.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 3px;
}
div.elContent a.toplink
{
background-image: url(../_images/cosalt/arrow_up.gif);
background-repeat: no-repeat;
padding-left: 15px;
background-position: 0 3px;
}
div.elContent div.ColumnLeft
{
width: 49%;
float: left;
}
div.elContent div.ColumnRight
{
width: 46%;
float: left;
margin: 0 1% 0 2%;
}
div.elContent table
{
border-collapse: collapse;
border-color: #C3C3C3;
}
/* Homepage Dropdowns */
div.elHomeDD
{
float: left;
border-top: 1px solid #999999;
width: 240px;
color: #fff;
padding-top: 14px;
}
div.elHomeDD label
{
font-size: 0.75em;
color: #fecb00;
}
div.elHomeDD select
{
margin: 4px 0 12px;
width:240px;
border: 0px;
font-family: Tahoma;
height: 20px;
color: #666666;
font-size: 0.75em;
background-color: #e2e1e1;
}
div.elHomeDD select option
{
background-color: #e2e1e1;
}
div.elHomeDD p
{
margin: 0;
font-size: 0.69em;
}
div.elHomeDD a
{
color: #fff;
}
div.HomeItem1, div.HomeItem2
{
float: left;
border-top: 1px solid #b2b2b2;
width: 240px;
margin: 0 30px 0 0;
color: #dddddd;
font-size: 0.69em;
padding-bottom: 53px;
}
div.elContent div.HomeItem1, div.elContent div.HomeItem2
{
font-size: 0.9em;
}
form.LandingPage div.HomeItem1, div.HomeItem2, form.InvestorsLandingPage div.HomeItem1
{
padding-bottom: 0px;
}
form.LandingPage div.HomeItem2, form.InvestorsLandingPage div.HomeItem2
{
margin: 0;
}
form.InvestorsLandingPage div.HomeItem1, form.InvestorsLandingPage div.HomeItem2
{
margin-top: 30px;
}
div.HomeItem1 img, div.HomeItem2 img
{
border-bottom: 1px solid #b2b2b2;
}
div.HomeItem1 h2, div.HomeItem2 h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.40em;
padding: 0;
margin: 0 0 0 0;
background-image: url(../_images/cosalt/medium_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
width: 200px;
}
form.elPageHome div.HomeItem1 h2, form.elPageHome div.HomeItem2 h2
{
background-image: url(../_images/cosalt/medium_slash_blueondarkgrey.gif);
font-size: 1.30em;
}
div.elContent div.HomeItem1 h2, div.elContent div.HomeItem2 h2
{
font-size: 1.50em;
}
div.HomeItem1 a, div.HomeItem2 a, div.HomeItem1 a:visited, div.HomeItem2 a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
form.elPageHome div.HomeItem1 a, form.elPageHome div.HomeItem2 a
{
background-image: url(../_images/cosalt/singlearrow_midgrey.gif);
}
div.HomeItem1 p.NoSpace a, div.HomeItem2 p.NoSpace a,
div.HomeItem1 p.NoSpace a:visited, div.HomeItem2 p.NoSpace a:visited
{
background-image: none;
padding-left: 0;
}
div.HomeItem1 a:hover, div.HomeItem1 a:active, div.HomeItem2 a:hover, div.HomeItem2 a:active
{
color: #fff;
text-decoration: underline;
}
div.HomeItem1 p, div.HomeItem2 p
{
margin: 1em 0;
padding: 0;
}
form.elPageHome div.HomeItem1 p, form.elPageHome div.HomeItem2 p
{
margin: 4px 0 8px 0;
padding: 0;
}
div.HomeItem1 p.NoSpace, div.HomeItem2 p.NoSpace, form.elPageHome div.HomeItem1 p.NoSpace, form.elPageHome div.HomeItem2 p.NoSpace
{
margin: 0 0 15px 0;
padding: 0;
}
form.elPageHome div.ContextTools, form.LandingPage div.ContextTools, form.InvestorsLandingPage div.ContextTools,
form.InvestorsContactsLinks div.ContextTools, form.elMproducts div.ContextTools, form.Services div.ContextTools
{
display: none;
}
div.Tools a
{
color: white !important;
}
/* Home news */
ul.elHomeNews
{
float: left;
list-style: none;
padding: 0;
margin: 0;
border-top: 1px solid #b2b2b2;
width: 240px;
}
ul.elHomeNews li.first h1
{
display: none;
}
ul.elHomeNews li.first h2
{
color: #fecb00;
font-weight: normal;
font-size: 0.90em;
padding: 0;
margin: 14px 0 11px 0;
background-image: url(../_images/cosalt/medium_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
width: 200px;
}
ul.elHomeNews ul
{
list-style: none;
padding: 0;
margin: 0;
}
ul.elHomeNews ul.elHomeNewsItem
{
clear: both;
float: left;
margin-bottom: 20px;
}
ul.elHomeNews ul li.elHomeNewsItemImage
{
float: left;
margin-right: 10px;
}
ul.elHomeNews ul li.elHomeNewsItemImage img
{
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
ul.elHomeNews ul li.elHomeNewsItemImage a,
ul.elHomeNews ul li.elHomeNewsItemImage a:visited
{
background-image: none;
}
ul.elHomeNews ul li.elHomeNewsItemContent
{
clear: none;
padding: 0;
margin: 0;
color: #dddddd;
font-size: 0.69em;
float: left;
width: 140px;
}
ul.elHomeNews ul li.elHomeNewsItemContent p
{
margin: 0;
margin-bottom: 11px;
}
ul.elHomeNews ul a, ul.elHomeNews ul a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_midgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
ul.elHomeNews ul a:hover
, ul.elHomeNews ul a:active
{
color: #fff;
text-decoration: underline;
}
/* News & Media Landing Page */
ul.elNews
{
float: left;
list-style: none;
padding: 0;
margin: 0;
width: 510px;
}
ul.elNews ul
{
list-style: none;
padding: 0;
margin: 0;
}
ul.elNews ul.elNewsItem
{
clear: both;
float: left;
margin-bottom: 20px;
border-top: 1px solid #b2b2b2;
padding-top: 10px;
}
ul.elNews ul li.elNewsItemImage
{
float: left;
margin-right: 10px;
}
ul.elNews ul li.elNewsItemImage a
{
padding-left: 0px;
border: 0px;
}
ul.elNews ul li.elNewsItemImage img
{
border: 0px;
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
ul.elNews ul li.elNewsItemContent
{
clear: none;
padding: 0;
margin: 0;
color: #dddddd;
font-size: 0.69em;
float: left;
width: 430px;
}
ul.elNews ul li.elNewsItemContent h4
{
color: #fecb00;
float: left;
padding: 0;
margin: 0;
font-weight: normal;
}
ul.elNews ul li.elNewsItemContent span.elNewsItemDate
{
float: left;
color: #999999;
padding-left: 5px;
margin-top: 1px;
margin-bottom: 11px;
}
ul.elNews ul li.elNewsItemContent p
{
clear: left;
margin: 0;
}
ul.elNews ul a, ul.elNews ul a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 5px;
text-decoration: none;
}
ul.elNews ul a:hover
, ul.elNews ul a:active
{
color: #fff;
text-decoration: underline;
}
/* Image Library */
ul.elImageLibrary
{
list-style: none;
width: 534px;
margin: 0 0 10px 0;
padding: 0 0 30px 0;
overflow: hidden;
border-bottom: 1px solid #b2b2b2;
}
ul.elImageLibrary li
{
float: left;
width: 154px;
height: 170px;
margin: 0 24px 20px 0;
}
ul.elImageLibrary li img
{
border: 0;
}
ul.elImageLibrary li div.Img
{
width: 154px;
height: 130px;
text-align: center;
}
ul.elImageLibrary li.elNoneFound
{
color: #999999;
font-size: 0.75em;
height: 30px;
}
ul.elImageLibrary li div.details
{
float: left;
width: 154px;
border-top: 1px solid #999999;
margin-top: 4px;
padding-top: 6px;
font-size: 0.69em;
color: #999999;
}
ul.elImageLibrary li div.details p
{
margin: 0 0 3px 0;
padding: 0;
color: #fecb00;
}
ul.elImageLibrary li div.details a
{
color: #3ebafe;
text-decoration: none;
}
ul.elImageLibrary li div.details span.file
{
float: left;
width: 78%;
}
div.elImageLibraryImage
{
float: left;
}
div.elImageLibraryDetails
{
float: left;
margin-left: 30px;
}
/* Landing style repeaters */
ul.elLandingRepeater
{
clear: both;
}
ul.elLandingRepeater, ul.elLandingRepeater2
{
float: left;
list-style: none;
padding: 0;
margin: 30px 0 0 0;
border-top: 1px solid #b2b2b2;
width: 240px;
border-bottom: 1px solid #b2b2b2;
min-height: 195px;
height: 195px;
height: auto;
}
form.InvestorsLandingPage ul.elLandingRepeater2, form.elMcareers ul.elLandingRepeater2
{
border-bottom: 0px;
}
ul.elLandingRepeater2
{
margin-left: 30px;
}
ul.elLandingRepeater li.first h1, ul.elLandingRepeater2 li.first h1
{
display: none;
}
ul.elLandingRepeater li.first h2, ul.elLandingRepeater2 li.first h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.00em;
padding: 0;
margin: 14px 0 11px 0;
background-image: url(../_images/cosalt/medium_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
ul.elLandingRepeater li.elNoneFound, ul.elLandingRepeater2 li.elNoneFound
{
color: #dddddd;
font-size: 0.69em;
}
ul.elLandingRepeater ul, ul.elLandingRepeater2 ul
{
list-style: none;
padding: 0;
margin: 0;
}
ul.elLandingRepeater ul.elLandingRepeaterItem, ul.elLandingRepeater2 ul.elLandingRepeaterItem
{
clear: both;
float: left;
margin-bottom: 20px;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemImage, ul.elLandingRepeater2 ul li.elLandingRepeaterItemImage
{
float: left;
margin-right: 10px;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemImage a, ul.elLandingRepeater2 ul li.elLandingRepeaterItemImage a,
ul.elLandingRepeater ul li.elLandingRepeaterItemImage a:visited, ul.elLandingRepeater2 ul li.elLandingRepeaterItemImage a:visited
{
background-image: none;
padding-left: 0px;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemImage img, ul.elLandingRepeater2 ul li.elLandingRepeaterItemImage img
{
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
width: 50px;
border: 0px;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemContent, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent
, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent2
{
clear: none;
padding: 0;
margin: 0;
color: #dddddd;
font-size: 0.69em;
float: left;
width: 140px;
}
form.NewsMediaLanding ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent, form.elMproducts ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent, form.elMinvestors ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent
, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent2
{
width: 240px;
}
ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent span.GreyText, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent2 span.GreyText
{
color: #999999;
font-size: 0.95em;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemContent p, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent p
, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent2 p
{
margin: 0;
}
ul.elLandingRepeater ul li.elLandingRepeaterItemContent p.Link, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent p.Link
, ul.elLandingRepeater2 ul li.elLandingRepeaterItemContent2 p.Link
{
margin: 11px 0 11px 0;
}
ul.elLandingRepeater ul a, ul.elLandingRepeater2 ul a, ul.elLandingRepeater ul a:visited, ul.elLandingRepeater2 ul a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
ul.elLandingRepeater ul a:hover, ul.elLandingRepeater ul a:active, ul.elLandingRepeater2 ul a:hover, ul.elLandingRepeater2 ul a:active
{
color: #fff;
text-decoration: underline;
}
/* Other repeaters */
ul.elRepeater
{
clear: both;
float: left;
list-style: none;
padding: 0;
margin: 10px 0 5px 0;
border-top: 1px solid #b2b2b2;
width: 100%;
border-bottom: 1px solid #b2b2b2;
padding: 5px 0 10px 0;
}
ul.elRepeater li.elNoneFound
{
font-size: 0.75em;
color: #999999;
}
ul.elRepeater ul.elRepeaterItem
{
padding: 0;
margin: 0;
list-style: none;
clear: both;
float: left;
color: #999999;
font-size: 0.75em;
}
ul.elRepeater ul.elRepeaterItem li
{
float: left;
margin: 5px 0 5px 0;
}
ul.elRepeater ul.elRepeaterItem li.elRepeaterItemTitle, ul.elRepeaterHeaderText li.elRepeaterItemTitle
{
width: 395px;
}
ul.elRepeater ul.elRepeaterItem li.elRepeaterItemTitle a, ul.elRepeater ul.elRepeaterItem li.elRepeaterItemTitle a:visited
{
color: #3ebafe;
text-decoration: none;
}
ul.elRepeater ul.elRepeaterItem li.elRepeaterItemTitle a:hover
, ul.elRepeater ul.elRepeaterItem li.elRepeaterItemTitle a:active
{
color: #fff;
text-decoration: underline;
}
ul.elRepeater ul.elRepeaterItem li.elRepeaterItemRegion, ul.elRepeaterHeaderText li.elRepeaterItemRegion
{
width: 100px;
}
/* Investors Landing */
div.elLeftMenuExtras
{
clear: both;
float: left;
margin-top: 10px;
}
div.elLeftMenuExtras p
{
margin: 0;
padding: 0;
}
div.elLeftMenuExtras table
{
margin-top: 10px;
background-color: #1e1f23;
width: 240px;
border-top: 1px solid #999999;
}
div.elLeftMenuExtras table td
{
padding: 20px 22px 20px 22px;
}
div.elLeftMenuExtras table.WithImage td
{
padding: 20px 0 20px 22px;
}
div.elLeftMenuExtras table.WithImage td.NoPad
{
padding: 0 22px 0 0;
}
div.elLeftMenuExtras table h2
{
color: #fff;
font-weight: normal;
font-size: 1.13em;
margin: 0 0 5px 0;
padding: 0;
}
div.elLeftMenuExtras a, div.elLeftMenuExtras a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 2px;
font-size: 0.69em;
}
div.elLeftMenuExtras a:hover, div.elLeftMenuExtras a:active
{
color: #fff;
text-decoration: underline;
}
.elSharePriceWidget
{
background-color: #1e1f23;
height: 216px;
width: 230px;
border-top: 1px solid #b2b2b2;
float: left;
margin: 30px 0 0 0;
color: #dddddd;
padding-left: 10px;
}
.elSharePriceWidget h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.00em;
padding: 0;
margin: 14px 0 5px 0;
background-image: url(../_images/cosalt/medium_slash_blueonblack.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
.elSharePriceWidget ul
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.69em;
width: 220px;
}
.elSharePriceWidget ul li
{
border-bottom: 1px solid #999999;
padding: 5px 0 3px 0;
}
.elSharePriceWidget ul li.Title
{
clear: both;
float: left;
width: 100px;
}
.elSharePriceWidget ul li.Value
{
float: left;
color: #999999;
width: 120px;
}
.elSharePriceWidget ul li.Link
{
clear: both;
float: left;
border-bottom: 0px;
width: 220px;
margin: 5px 0 5px 0;
}
.elSharePriceWidget ul li.Link a, .elSharePriceWidget ul li.Link a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
.elSharePriceWidget ul li.Link a:hover, .elSharePriceWidget ul li.Link a:active
{
color: #fff;
text-decoration: underline;
}
div.elSharePriceWidgetHome
{
margin:0;
padding:0;
float:left;
}
div.elSharePriceWidgetHome p
{
margin:0;
padding:0;
color:#3EBAFE;
font-size:0.69em;
margin-top:5px;
margin-right:10px;
}
div.elSharePriceWidgetHome p span.label
{
color:#999999;
}
/* Investors Table */
ul.InvestorsTable
{
clear: both;
float: left;
width: 500px;
background-color: #1e1f23;
border-top: 1px solid #999999;
padding: 0 0 20px 10px;
margin: 0;
list-style: none;
}
ul.InvestorsTable li.Title
{
float: left;
color: #fecb00;
font-weight: normal;
font-size: 1.20em;
padding: 0;
margin: 14px 0 5px 0;
width: 490px;
}
ul.InvestorsTable li h1
{
float: left;
color: #fecb00;
font-weight: normal;
font-size: 0.9em;
padding: 0;
margin: 14px 0 5px 0;
width: 490px;
}
ul.InvestorsTable li.Content
{
clear: both;
float: left;
width: 490px;
}
ul.InvestorsTable li.Content ul
{
padding: 0;
margin: 0;
list-style: none;
width: 490px;
}
ul.InvestorsTable li.Content ul li
{
border-bottom: 1px solid #999999;
padding: 5px 0 3px 0;
}
ul.InvestorsTable li.Content ul li.Text
{
clear: both;
float: left;
width: 370px;
height: 16px;
}
ul.InvestorsTable li.Content ul li.Title1, ul.InvestorsTable li.Content ul li.Title2
{
color: #fecb00;
font-weight: normal;
font-size: 1.20em;
padding: 0 0 5px 0;
margin: 14px 0 5px 0;
border-bottom: 0px;
}
ul.InvestorsTable li.Content ul li.SmallText, ul.InvestorsTable li.Content ul li.Title1
{
clear: both;
float: left;
width: 184px;
height: 16px;
}
ul.InvestorsTable li.Content ul li.SmallText2, ul.InvestorsTable li.Content ul li.Title2
{
float: left;
width: 153px;
height: 16px;
}
ul.InvestorsTable li.Content ul li.Text a, ul.InvestorsTable li.Content ul li.Text a:active, ul.InvestorsTable li.Content ul li.Text a:visited
{
text-decoration: none;
color: #dddddd;
}
ul.InvestorsTable li.Content ul li.Text a:hover
{
text-decoration: underline;
color: #dddddd;
}
ul.InvestorsTable li.Content ul li.ImageorDate
{
float: left;
width: 120px;
height: 16px;
text-align: right;
}
ul.InvestorsTable li.Content ul li.ImageorDate img
{
margin-left: 20px;
}
ul.Listings
{
padding: 0;
margin: 0;
list-style: none;
width: 490px;
border-bottom: 1px solid #999999;
padding: 5px 0 3px 0;
font-size: 0.75em;
}
ul.Listings li
{
float: left;
}
ul.Listings li.Text
{
clear: both;
float: left;
width: 370px;
height: 16px;
}
ul.Listings li.Text a, ul.Listings li.Text a:active, ul.Listings li.Text a:visited
{
text-decoration: none;
color: #dddddd;
}
ul.Listings li.ImageorDate
{
float: left;
width: 120px;
height: 16px;
text-align: right;
color: #dddddd;
}
ul.Listings li.ImageorDate img
{
margin-left: 20px;
}
/* Investors contact/links */
div.InvestorsForm
{
clear: both;
float: left;
background-color: #1e1f23;
width: 100%;
padding-bottom: 20px;
padding-left: 10px;
border-top: 1px solid #999999;
}
ul.elInvestorsContactForm
{
padding: 0;
margin: 0;
list-style: none;
background-color: #1e1f23;
color: #999999;
font-size: 0.75em;
padding-top: 17px;
}
ul.elInvestorsContactForm fieldset
{
border: 0px;
}
ul.elInvestorsContactForm fieldset legend
{
color: #dddddd;
margin-bottom: 14px;
}
ul.elInvestorsContactForm ul
{
padding: 0;
margin: 0;
list-style: none;
*margin-left: 10px;
}
ul.elInvestorsContactForm ul label
{
width: 100px;
display: block;
margin-bottom: 5px;
}
ul.elInvestorsContactForm.elDisclaimer ul label
{
width: auto;
line-height: 1.4em;
}
/* copy within was overflowing in IE7 */
ul.elInvestorsContactForm.elDisclaimer ul
{
width: 472px;
}
div.formErrorMsg
{
color: red;
}
ul.elInvestorsContactForm ul a.formDesc
{
display: none;
}
ul.elInvestorsContactForm ul input
{
width: 285px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
ul.elInvestorsContactForm ul input.elTelcode
{
width: 80px;
}
ul.elInvestorsContactForm ul textarea
{
width: 285px;
border: 0;
background-image: url(../_images/cosalt/textareabg.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
font-family: Tahoma;
}
div.elInvestorsContactForm div.CaptchaVerification
{
background-color: #1e1f23;
padding-left: 10px;
color: #999999;
font-size: 0.75em;
}
div.elInvestorsContactForm div.CaptchaVerification img
{
margin: 5px 0 0 0;
}
div.elInvestorsContactForm div.CaptchaVerification a
, div.elInvestorsContactForm div.CaptchaVerification a:link
, div.elInvestorsContactForm div.CaptchaVerification a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 15px;
}
div.elInvestorsContactForm div.CaptchaVerification a:hover
, div.elInvestorsContactForm div.CaptchaVerification a:active
{
color: #fff;
text-decoration: underline;
}
div.elInvestorsContactForm div.CaptchaVerification label
{
width: 100px;
display: block;
margin: 5px 0 5px 0;
}
div.elInvestorsContactForm div.CaptchaVerification input
{
width: 198px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
form.InvestorsContactsLinks a.hoverbutton
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
}
form.InvestorsContactsLinks a.hoverbutton span
{
color: #1e1f23;
font-size: 0.75em;
line-height: 20px;
padding-left: 5px;
width: 65px;
font-family: Tahoma;
}
div.elInvestorsContactForm input.formsubmit
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
width: 75px;
}
form.InvestorsContactsLinks div.StatusArea
{
font-size: 0.75em;
color: #dddddd;
margin-left: 0px !important;
font-family: Tahoma;
}
form.InvestorsContactsLinks div.StatusArea p
{
margin: 0px !important;
padding: 0px !important;
}
form.InvestorsContactsLinks div.StatusArea a.close
{
display: none;
}
div.elInvestorsLinks
{
clear: both;
float: left;
font-size: 0.75em;
color: #999999;
margin-top: 20px;
}
div.elInvestorsLinks p
{
margin: 0;
padding: 0;
}
div.elInvestorsLinks hr
{
height: 1px;
border: 0;
width: 100%;
color: #999999;
background-color: #999999;
}
div.elInvestorsLinks a
, div.elInvestorsLinks a:link
, div.elInvestorsLinks a:visited
{
color: #3ebafe;
text-decoration: none;
}
div.elInvestorsLinks a:hover
, div.elInvestorsLinks a:active
{
color: #fff;
text-decoration: underline;
}
/* Sector Landing */
table.SectorLandingTable td
{
padding: 0 0 24px 24px;
}
table.SectorLandingTable td.FirstCell
{
padding: 0 0 24px 0;
}
table.SectorLandingTable td.FirstCellSecondRow
{
padding: 0 0 0 0;
}
table.SectorLandingTable td.SecondRow
{
padding: 0 0 0 24px;
}
table.SectorLandingTable img
{
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
table.SectorLandingTable h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.35em;
padding: 0;
margin: 14px 0 11px 0;
background-image: url(../_images/cosalt/medium_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
table.SectorLandingTable h2 a, table.SectorLandingTable h2 a:visited, table.SectorLandingTable h2 a:hover, table.SectorLandingTable h2 a:active
{
color: #fecb00 !important;
text-decoration: none;
}
table.SectorLandingTable p
{
margin: 0;
font-size: 0.95em;
}
table.SectorLandingTable p.Link
{
margin: 11px 0 0 0;
}
table.SectorLandingTable p.Link a, table.SectorLandingTable ul p.Link a:visited
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
table.SectorLandingTable ul p.Link a:hover
, table.SectorLandingTable ul p.Link a:active,
table.SectorLandingTable p.Link a:hover
, table.SectorLandingTable p.Link a:active
{
color: #fff;
text-decoration: underline;
}
/* Sector Contact Points*/
form.elMsector div#mapcont
{
margin:0 !important;
margin-top: 15px !important;
}
/* Products Pages */
div.elContent ul.productBreadcrumb
{
clear: both;
float: left;
width: 510px;
height:30px;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 20px;
/*margin-bottom: 0px;*/
}
div.elContent ul.productBreadcrumb li
{
float: left;
background-image: url(../_images/cosalt/breadcrumb_slash_white.gif);
background-repeat: no-repeat;
background-position: right;
margin: 0 5px 0 0;
padding-right: 13px;
}
div.elContent ul.productBreadcrumb li.last
{
background-image: none;
}
div.elContent ul.productBreadcrumb li a, div.elContent ul.productBreadcrumb li a:visited, div.elContent ul.productBreadcrumb li a:active
{
color: #3ebafe;
text-decoration: none;
}
div.elContent ul.productBreadcrumb li a:hover
{
color: #fff;
text-decoration: underline;
}
div.productCategory
{
clear: both;
float: left;
width: 510px;
}
div.productCategory ul
{
list-style: none;
margin: 0;
padding: 0;
width: 520px;
}
div.productCategory ul li
{
float: left;
background-color: #1e1f23;
width: 100px;
height: 134px;
border-top: 1px solid #999999;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
div.productCategory ul li a, div.productCategory ul li a:visited
{
font-size: 0.69em;
color: #3ebafe;
text-decoration: none;
display: block;
width: 100px;
margin-top: 9px;
}
div.productCategory ul li a:hover
{
color: #fff;
text-decoration: underline;
}
div.productCategory ul li a.categoryImage
{
margin-top: 0;
}
div.productContentMenu
{
clear: both;
float: left;
}
div.productContent
{
clear: both;
float: left;
width: 240px;
margin-right: 30px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-size: 0.75em;
color: #dddddd;
padding: 19px 0 19px 0;
}
div.productContent a
, div.productContent a:link
, div.productContent a:visited
{
color: #3ebafe;
text-decoration: none;
}
div.productContent a:hover
, div.productContent a:active
{
color: #fff;
text-decoration: underline;
}
div.productMenu
{
float: left;
width: 240px;
border-top: 1px solid #999999;
background-color: #1e1f23;
padding: 14px 0 29px 0;
}
div.productMenu h2
{
font-weight: normal;
font-size: 1.00em;
color: #fecb00;
padding: 0 0 10px 0;
margin: 0 20px 0 20px;
background-image: url(../_images/cosalt/medium_slash_blueonblack.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
div.productMenu ul
{
list-style: none;
margin: 0 20px 0 20px;
padding: 0;
font-size: 0.75em;
}
div.productMenu ul li
{
border-bottom: 1px solid #999999;
padding: 3px 0 2px 0;
}
div.productMenu ul li a, div.productMenu ul li a:visited, div.productMenu ul li a:active
{
color: #3ebafe;
text-decoration: none;
display: block;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
background-position: 0 4px;
*background-position: 0 7px;
padding-left: 12px;
}
div.productMenu ul li a:hover
{
color: #fff;
text-decoration: underline;
}
/* Products CMS */
.productsCMSLink
{
display:block;
margin:5px 0;
color: #3ebafe;
}
.HighDetailLink
{
display:block;
background-image: url(../_images/cosalt/bg-highdetail-link.gif);
background-repeat:no-repeat;
padding-left:10px;
}
.HighDetailLinkHidden
{
display:none;
}
div.ProductsCMS
{
clear: both;
float: left;
width: 945px;
background-image: url(../_images/admin/header_slice.gif);
background-repeat: repeat-x;
padding: 10px 0 0 0;
background-color: #d6d6d6;
}
div.ProductsCMS div.ProductsCMSPanel
{
padding: 0 0 20px 20px;
}
div.ProductsCMS div.ProductsCMSButtons
{
clear:both;
width: 943px;
background-image: url(../_images/hoverbutton/button_bkgd.gif);
HEIGHT: 18px;
BORDER-top: #9f9f9f 1px solid;
BORDER-left: #9f9f9f 1px solid;
border-right: #9f9f9f 1px solid;
}
div.ProductsCMS h1
{
color: #fff;
margin-bottom: 50px;
margin-left: 20px;
}
div.ProductsCMS .productImageThumb
{
float:left;
margin-right:10px;
margin-bottom:15px;
}
div.ProductsCMS .BoxFile
{
margin-top: 5px;
float: left;
width:415px;
}
div.ProductsCMS .sortOrderBox{
clear: both;
float: left;
height: 200px;
width: 610px;
margin-bottom: 20px;
margin-right: 10px;
}
div.ProductsCMS .ProductsCMSPosition
{
clear: both;
float: left;
width: 660px;
padding-bottom: 30px;
}
div.ProductsCMS .ProductsCMSPosition a.hoverbutton
{
float:left !important;
}
div.ProductsCMS .mceEditor
{
padding-top: 20px;
}
div.ProductsCMS ul.AssetTextbox
{
width: 500px;
float: left;
clear: none;
}
div.ProductsCMS div.ProductsCMSButtons .hoverbutton
{
border-top: 0px;
border-bottom: 0px;
color: #f0f0f0 !important;
}
div.ProductsCMS div.separator
{
clear:both;
width:628px;
border: solid 3px #8c8c8c;
}
div.ProductsCMS div.dottedseparator
{
clear:both;
width:628px;
border: dotted 1px #8c8c8c;
margin:10px 0px;
}
div.ProductsCMS div.HighDetail
{
margin:0;
padding:0;
padding-top:20px;
padding-left:20px;
}
div.ProductsCMS div.HighDetail span
{
display:block;
clear:both;
}
div.ProductsCMS div.HighDetail p.clear
{
margin:0;
padding:0;
clear:both;
}
div.ProductsCMS div.HighDetail label.title
{
font-weight:bold;
}
div.SupportLinks
{
margin:0;
margin-top:24px;
padding:0;
width:240px;
height:64px;
height:60px !ie;
border-bottom: solid 1px #999999;
}
div.SupportLinks div.LeftLinks,
div.SupportLinks div.RightLinks
{
margin:0;
padding:0;
width:110px;
float:left;
border-top: solid 1px #999999;
}
div.SupportLinks div.LeftLinks
{
margin-right:20px;
}
div.SupportLinks div.HideSpecification,
div.SupportLinks div.HideTestimonials,
div.SupportLinks div.HideCaseStudies,
div.SupportLinks div.HideLegislation,
div.SupportLinks div.HideLeftLinks,
div.SupportLinks div.HideRightLinks,
div.HideSupportLinks
{
display:none;
}
div.productImage
{
clear: both;
float: left;
width: 142px;
border-top: 1px solid #999999;
background-color: #1e1f23;
padding: 5px 6px 5px 6px;
margin-right:24px;
_margin-right:6px;
}
div.productImage a
{
text-align:center;
}
div.productImage a img
{
position: relative;
top: -1px;
}
div.productImage div.enlarge
{
width:200px;
margin:0;
padding:0;
margin-top:5px;
}
div.productImage div.enlarge p
{
text-align:left;
color:#3EBAFE;
font-size:0.7em;
}
div.productImage div.enlarge img
{
margin-right:7px;
float:left;
}
div.productHighDetailImagesContainer
{
margin:0;
padding:0;
width:240px;
float:left;
margin-right:24px;
_margin-right:6px;
}
div.productImageHighDetail
{
width:230px;
height:260px;
float:left;
}
div.productThumbsHighDetail
{
width:230px;
clear:left;
padding:5px 6px;
background-color:#1E1F23;
margin-top:10px;
border-top: solid 1px #999999;
}
div.productThumbsHighDetail input#ctl00_HDFlash,
div.productThumbsHighDetail input#ctl00_HDQTVR,
div.productThumbsHighDetail input#ctl00_HDImage
{
width:75px;
height:75px;
}
div.productDescription, div.productDescriptionLarge
{
float: left;
color: #dddddd;
font-size: 0.75em;
width: 332px;
border-top: 1px solid #999999;
padding-top: 15px;
}
div.productDescriptionHighDetail
{
width:234px;
}
div.productDescriptionHighDetail div.shortdesc p
{
height:112px;
}
div.productDescriptionHighDetail div.shortdescnolongdesc p
{
height:138px;
}
div.elContent div.productDescription
{
font-size: 1em;
margin-bottom: 15px;
margin-top: 10px;
}
div.elContent div.productImage
{
margin-top: 10px;
}
div.productDescriptionLarge
{
clear: both;
width: 510px;
}
div.HDImage
{
padding-left:20px;
}
div#HDImagesPaging
{
padding-top:10px;
padding-left:20px;
}
div#HDImagesPaging a
{
color:#FFFFFF;
font-size:0.7em;
text-decoration:none;
}
div#HDImagesPaging a#prevLink
{
margin-right:10px;
}
div.subcontent
{
margin-top: 10px;
border-top: 0;
}
div.productDescription h2, div.productDescriptionLarge h2
{
font-weight: normal;
font-size: 1.15em;
color: #fecb00;
margin: 0;
padding: 0;
}
div.productDescription a, div.productDescriptionLarge a
{
color: #3ebafe;
text-decoration: none;
}
div.productDescription a:hover, div.productDescriptionLarge a:hover
{
color: #fff;
text-decoration: underline;
}
div.productItems
{
clear: both;
float: left;
margin-top: 50px;
width:510px;
}
div.productItems table
{
border-collapse: collapse;
border-bottom: 1px solid #999999;
}
div.productItems th.description, div.productItems th.productcode, div.productItems th.addToBasket
{
font-weight: normal;
font-size: 0.85em;
color: #fecb00;
text-align: left;
border-bottom: 1px solid #999999;
padding-bottom: 5px;
}
div.productItems td
{
font-size: 0.70em;
padding: 2px 0 2px 0;
}
div.productItems td.first
{
padding-top: 6px;
}
div.productItems td.last
{
padding-bottom: 6px;
}
div.productItems td.description
{
color: #3ebafe;
width: 310px;
}
div.productItems td.productcode
{
color: #999999;
width: 118px;
}
div.productItems td.addToBasket
{
width: 80px;
text-align: right;
}
div.productItems td.addToBasket a
{
color: #3ebafe;
text-decoration: none;
}
div.productItems td.addToBasket a:hover
{
text-decoration: underline;
}
table.productsList
{
border-collapse: collapse;
border-bottom: 1px solid #999999;
}
table.productsList th
{
font-weight: normal;
font-size: 1.2em;
color: #fecb00;
text-align: left;
border-bottom: 1px solid #999999;
padding-bottom: 5px;
}
table.productsList td
{
padding: 2px 0 2px 0;
}
table.productsList td.first
{
padding-top: 6px;
}
table.productsList td.last
{
padding-bottom: 6px;
}
table.productsList td.description
{
color: #3ebafe;
width: 330px;
}
table.productsList td.productcode
{
color: #999999;
width: 154px;
}
table.productsList td.quantity
{
color: #999999;
width: 30px;
}
table.productsList td.quantity input
{
width: 20px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 0px;
text-align: center;
height: 18px;
}
div.productsListButtons
{
margin-top: 10px;
float:right;
}
/*
div.productsListButtons a
{
margin: 0 0 0 20px;
}
*/
div.productsListButtons a
{
display:block;
width:74px;
height:18px;
background-image: url(../_images/cosalt/bg-mylist-btns.jpg);
background-repeat:no-repeat;
float:left;
color:#111111 !important;
text-decoration:none !important;
}
div.productsListButtons a:hover
{
text-decoration:none !important;
}
div.productsListButtons a.updateList,
div.productsListButtons a.clearList
{
margin-right:10px;
}
div.productsListButtons a.updateList,
div.productsListButtons a.clearList,
div.productsListButtons a.checkoutList
{
padding-left:18px;
padding-top:2px;
}
/* Product Search */
div.productSearch
{
clear: both;
float: left;
}
form.elMproducts #ZoneRightColumn div.productSearch
{
float:none;
margin-top:20px;
}
form.elMproducts #ZoneLeftColumn div.productSearch,
form.elMproducts #ZoneRightColumn div.productSearchInner,
form.elMabout #ZoneLeftColumn div.productSearch,
form.elMsector #ZoneLeftColumn div.productSearch,
form.Services #ZoneLeftColumn div.productSearch,
form.elMnewsmedia #ZoneLeftColumn div.productSearch
{
margin-top: 20px;
background-color: #1e1f23;
border-top: 1px solid #999999;
width: 220px;
padding: 15px 10px 20px 10px;
overflow: hidden;
}
form.elMproducts #ZoneRightColumn div.productSearchInner
{
width:510px;
}
form.elMproducts #ZoneLeftColumn div.productSearch h2,
form.elMproducts #ZoneRightColumn div.productSearch p.findaproduct,
form.elMabout #ZoneLeftColumn div.productSearch h2,
form.elMsector #ZoneLeftColumn div.productSearch h2,
form.Services #ZoneLeftColumn div.productSearch h2,
form.elMnewsmedia #ZoneLeftColumn div.productSearch h2
{
margin: 0;
padding: 0;
color: #fecb00;
font-weight: normal;
font-size: 1.10em;
padding: 0;
margin: 0 0 12px 0;
background-image: url(../_images/cosalt/medium_slash_blueonblack.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
width: 200px;
}
form.elMproducts #ZoneRightColumn div.productSearch p.findaproduct
{
background-image: url(../_images/cosalt/medium_slash_blueondarkgrey.gif);
}
form.elPageHome #ZoneRightColumn div.productSearch p.findaproduct,
form.elPageHome #ZoneRightColumn div.productSearch p.filterresults,
form.elMproducts #ZoneLeftColumn div.productSearch p.findaproduct,
form.elMproducts #ZoneLeftColumn div.productSearch p.filterresults,
form.elMproducts #ZoneRightColumn div.productSearch h2.productfinder,
form.elMabout #ZoneLeftColumn div.productSearch p.findaproduct,
form.elMabout #ZoneLeftColumn div.productSearch p.filterresults,
form.elMsector #ZoneLeftColumn div.productSearch p.findaproduct,
form.elMsector #ZoneLeftColumn div.productSearch p.filterresults,
form.Services #ZoneLeftColumn div.productSearch p.findaproduct,
form.Services #ZoneLeftColumn div.productSearch p.filterresults,
form.elMnewsmedia #ZoneLeftColumn div.productSearch p.findaproduct,
form.elMnewsmedia #ZoneLeftColumn div.productSearch p.filterresults
{
display:none;
}
form.elMproducts #ZoneRightColumn div.productSearch p.findaproduct
{
background-position: 0 0px;
}
form.elMproducts #ZoneRightColumn div.productSearch p.filterresults
{
margin:0;
padding:0;
margin-bottom:5px;
color:#fecb00;
font-size:0.8em;
}
div.compactList
{
clear: both;
float: left;
}
form.elMproducts div.compactList
{
margin-top: 20px;
background-color: #1e1f23;
border-top: 1px solid #999999;
width: 220px;
padding: 15px 10px 20px 10px;
color:#DDDDDD;
overflow: hidden;
}
form.elMproducts div.compactList p
{
font-size:0.75em;
margin: 0;
padding: 0;
}
form.elMproducts div.compactList h2
{
margin: 0;
padding: 0;
color: #fecb00;
font-weight: normal;
font-size: 1.10em;
padding: 0;
margin: 0 0 8px 0;
background-image: url(../_images/cosalt/medium_slash_blueonblack.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
width: 200px;
}
div.compactList a
{
display: block;
border: 0px;
background-color: #1e1f23;
color: #3ebafe;
font-family: Tahoma;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0;
text-decoration:none;
margin-top: 8px;
}
form.elPageHome div.productSearch h2
{
margin: 0;
padding: 0;
color: #fecb00;
font-weight: normal;
font-size:0.75em;
padding: 0;
margin: 0 0 4px 0;
width: 200px;
}
form.elPageHome div.productSearch select,
#ZoneLeftColumn div.productSearch select,
#ZoneRightColumn div.productSearch select
{
width: 220px;
border: 0px;
font-family: Tahoma;
height: 20px;
color: #666666;
font-size: 0.75em;
background-color: #e2e1e1;
margin-bottom: 10px;
}
form.elMproducts #ZoneRightColumn div.productSearch select
{
font-size: 0.8em;
font-size: 0.7em !ie;
width:138px;
margin-bottom: 0px;
margin-right:10px;
}
form.elPageHome div.productSearch select
{
width:240px;
}
form.elPageHome div.productSearch input,
#ZoneLeftColumn div.productSearch input
{
border: 0px;
background-color: #1e1f23;
color: #3ebafe;
font-family: Tahoma;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
padding-left: 8px;
background-position: 0;
}
form.elMproducts #ZoneRightColumn div.productSearch input
{
width:45px;
height:20px;
border: 0px;
color: #3ebafe;
font-family: Tahoma;
background-image: url(../_images/cosalt/bg-go.jpg);
background-repeat: no-repeat;
padding-left:14px;
padding-bottom:2px;
}
form.elPageHome div.productSearch input
{
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-color: #333333;
}
/* Careers Landing */
ul.elCareersSearch
{
clear: both;
float: left;
width: 240px;
margin: 30px 0 0 0;
padding: 0 0 10px 0;
border-top: 1px solid #b2b2b2;
background-color: #1e1f23;
color: #dddddd;
list-style: none;
}
ul.elCareersSearch h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.00em;
padding: 0;
margin: 0 0 0 10px;
background-image: url(../_images/cosalt/medium_slash_blueonblack.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
ul.elCareersSearch li.elTitle
{
margin: 14px 0 0 0;
}
ul.elCareersSearch li.elRegion
{
font-size: 0.75em;
padding-left: 10px;
margin-top: 11px;
}
ul.elCareersSearch li.elKeyword
{
font-size: 0.75em;
padding-left: 10px;
margin-top: 11px;
}
ul.elCareersSearch input
{
width: 220px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
height: 20px;
margin-top: 4px;
}
ul.elCareersSearch select
{
width: 221px;
background-color: #e2e1e1;
margin-top: 4px;
}
ul.elCareersSearch li.elSubmit a.hoverbutton
{
float: left;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_darkgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 4px;
border: 0px;
font-size: 0.75em;
margin: 14px 0 0 10px;
color: #3ebafe !important;
}
ul.elCareersSearch li.elSubmit a.hoverbutton:visited
{
color: #3ebafe !important;
}
ul.elCareersSearch li.elSubmit a span
{
color: #3ebafe !important;
}
div.elCareersListingHeader
{
clear: both;
float: left;
border-top: 1px solid #b2b2b2;
width: 100%;
margin-top: 30px;
}
div.elCareersListingHeader h2
{
color: #fecb00;
font-weight: normal;
font-size: 1.00em;
padding: 0;
margin: 5px 0 0 0;
background-image: url(../_images/cosalt/medium_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0 4px;
}
ul.elCareersListingHeaderText
{
clear: both;
float: left;
list-style: none;
padding: 0;
margin: 10px 0 0 0;
}
ul.elCareersListingHeaderText li
{
float: left;
}
ul.elCareersListingHeaderText h3
{
color: #dddddd;
font-weight: normal;
font-size: 0.88em;
padding: 0;
margin: 0;
}
ul.elCareersListing
{
clear: both;
float: left;
list-style: none;
padding: 0;
margin: 10px 0 0 0;
border-top: 1px solid #b2b2b2;
width: 100%;
border-bottom: 1px solid #b2b2b2;
padding: 5px 0 10px 0;
}
ul.elCareersListing li.elNoneFound
{
font-size: 0.75em;
color: #999999;
}
ul.elCareersListing ul.elCareersListingItem
{
padding: 0;
margin: 0;
list-style: none;
clear: both;
float: left;
color: #999999;
font-size: 0.75em;
}
ul.elCareersListing ul.elCareersListingItem li
{
float: left;
margin: 5px 0 5px 0;
}
ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemTitle, ul.elCareersListingHeaderText li.elCareersListingItemTitle
{
width: 260px;
}
ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemTitle a, ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemTitle a:visited
{
color: #3ebafe;
text-decoration: none;
}
ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemTitle a:hover
, ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemTitle a:active
{
color: #fff;
text-decoration: underline;
}
ul.elCareersListing ul.elCareersListingItem li.elCareersListingItemRegion, ul.elCareersListingHeaderText li.elCareersListingItemRegion
{
width: 100px;
}
/* Careers Job page */
div.elCareersApplicationForm
{
clear: both;
float: left;
background-color: #1e1f23;
width: 100%;
padding-bottom: 20px;
padding-left: 10px;
border-top: 1px solid #999999;
}
div.elCareersApplicationForm div
{
border-top: 0px;
padding-left: 0;
}
ul.elCareersApplicationForm
{
padding: 0;
margin: 0;
list-style: none;
background-color: #1e1f23;
color: #999999;
font-size: 0.75em;
padding-top: 17px;
}
ul.elCareersApplicationForm fieldset
{
border: 0px;
}
ul.elCareersApplicationForm fieldset legend
{
color: #dddddd;
margin-bottom: 14px;
}
ul.elCareersApplicationForm ul
{
padding: 0;
margin: 0;
list-style: none;
margin-left: 10px;
}
ul.elCareersApplicationForm ul label
{
width: 100px;
display: block;
margin-bottom: 5px;
}
ul.elCareersApplicationForm ul a.formDesc
{
display: none;
}
ul.elCareersApplicationForm ul input
{
width: 285px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
ul.elCareersApplicationForm ul textarea
{
width: 285px;
border: 0;
background-image: url(../_images/cosalt/textareabg.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
font-family: Tahoma;
}
div.elCareersApplicationForm div.CaptchaVerification
{
background-color: #1e1f23;
padding-left: 10px;
color: #999999;
font-size: 0.75em;
}
div.elCareersApplicationForm div.CaptchaVerification img
{
margin: 5px 0 0 0;
}
div.elCareersApplicationForm div.CaptchaVerification a
, div.elCareersApplicationForm div.CaptchaVerification a:link
, div.elCareersApplicationForm div.CaptchaVerification a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 15px;
}
div.elCareersApplicationForm div.CaptchaVerification a:hover
, div.elCareersApplicationForm div.CaptchaVerification a:active
{
color: #fff;
text-decoration: underline;
}
div.elCareersApplicationForm div.CaptchaVerification label
{
width: 100px;
display: block;
margin: 5px 0 5px 0;
}
div.elCareersApplicationForm div.CaptchaVerification input
{
width: 198px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
form.CareersApplicationForm a.hoverbutton
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
}
form.CareersApplicationForm a.hoverbutton span
{
color: #1e1f23;
font-size: 0.75em;
line-height: 20px;
padding-left: 5px;
width: 65px;
font-family: Tahoma;
}
div.elCareersApplicationForm input.formsubmit
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
width: 75px;
}
form.CareersApplicationForm div.StatusArea
{
font-size: 0.75em;
color: #dddddd;
margin-left: 0px !important;
font-family: Tahoma;
}
form.CareersApplicationForm div.StatusArea p
{
margin: 0px !important;
padding: 0px !important;
}
form.CareersApplicationForm div.StatusArea a.close
{
display: none;
}
/* Send to friend page */
ul.elSendtofriend
{
clear: both;
float: left;
background-color: #1e1f23;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
padding: 15px 0 20px 20px;
border-top: 1px solid #999999;
margin-top: 20px;
color: #999999;
font-size: 0.75em;
}
ul.elSendtofriend li.title
{
color: #dddddd;
margin-bottom: 14px;
}
ul.elSendtofriend label
{
width: 100px;
display: block;
margin-bottom: 5px;
}
ul.elSendtofriend a.formDesc
{
display: none;
}
ul.elSendtofriend input
{
width: 285px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 0px;
height: 20px;
}
ul.elSendtofriend textarea
{
width: 285px;
border: 0;
background-image: url(../_images/cosalt/textareabg.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
font-family: Tahoma;
}
ul.elSendtofriend div.CaptchaVerification
{
background-color: #1e1f23;
color: #999999;
}
ul.elSendtofriend div.CaptchaVerification a
, ul.elSendtofriend div.CaptchaVerification a:link
, ul.elSendtofriend div.CaptchaVerification a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 15px;
}
ul.elSendtofriend div.CaptchaVerification a:hover
, ul.elSendtofriend div.CaptchaVerification a:active
{
color: #fff;
text-decoration: underline;
}
ul.elSendtofriend div.CaptchaVerification label
{
width: 100px;
display: block;
margin: 5px 0 5px 0;
}
ul.elSendtofriend div.CaptchaVerification input
{
width: 198px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
form.CareersApplicationForm ul.elSendtofriend a.hoverbutton
{
margin-left: 0px;
}
form.CareersApplicationForm ul.elSendtofriend a.hoverbutton span
{
font-size: 1em;
}
ul.elSendtofriend input.hoverbutton
{
float: left;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
width: 75px;
}
/* Register */
.frmRegister
{
background-color: #1e1f23;
width: 510px;
}
.frmRegister, .frmRegister fieldset
{
padding: 0;
margin: 0;
border: 0px;
}
.frmRegister
{
border-top: 1px solid #999999;
width: 510px;
}
.frmRegister legend
{
display: none;
}
.frmRegister ol
{
float: left;
padding: 0;
margin: 0;
list-style: none;
padding-top: 10px;
padding-bottom: 22px;
padding-left: 20px;
}
.frmRegister ol ol
{
border-top: 0px;
margin-bottom: 0px;
padding-bottom: 0;
padding-left: 0;
}
.frmRegister .MetaSection ul
{
padding: 0;
margin: 0;
list-style: none;
}
.frmRegister label
{
width: 400px;
display: block;
margin-bottom: 5px;
clear: both;
float: left;
*clear: none;
*float: none;
}
.frmRegister input
{
width: 285px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
.frmRegister textarea
{
width: 285px;
border: 0;
background-image: url(../_images/cosalt/textareabg.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
font-family: Tahoma;
}
.frmRegister div.CaptchaVerification img
{
margin: 0 0 5px 0;
}
.frmRegister div.CaptchaVerification a
, .frmRegister div.CaptchaVerification a:link
, .frmRegister div.CaptchaVerification a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 15px;
}
.frmRegister ul.radYesNo
{
padding: 0;
margin: 0;
}
.frmRegister div.CaptchaVerification a:hover
, .frmRegister div.CaptchaVerification a:active
{
color: #fff;
text-decoration: underline;
}
.frmRegister a.hoverbutton
{
float: left;
margin-top: 10px;
margin-right: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif) !important;
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23 !important;
}
.frmRegister a.hoverbutton span
{
color: #1e1f23 !important;
line-height: 20px;
padding-left: 5px;
width: 65px;
font-family: Tahoma;
}
.frmRegister a.formDesc
{
display: none !important;
}
.frmRegister ul.radYesNo
{
clear: both;
float: left;
}
.frmRegister ul.radYesNo label
{
clear: none;
float: left;
}
.frmRegister ul.radYesNo input
{
background-image: none;
margin-bottom: 5px;
}
.frmRegister p
{
clear: both;
float: left;
}
.frmRegister li.last
{
clear: both;
float: left;
}
/* registration CTA's */
p.registration-intro
{
clear:both;
}
div#ctas
{
width:510px;
height:150px;
border-bottom:solid 1px #999999;
}
div.cta
{
width:154px;
float:left;
margin-right:24px;
}
div.ctaLast
{
margin-right:0px;
}
div.cta img
{
border:0;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
width:154px;
height:90px;
}
/* SITEMAP */
ul.elSitemap
{
width: auto;
margin: 20px 30px 40px 30px;
font-size: 0.75em;
}
ul.elSitemap, ul.elSitemap ul
{
list-style-type: none;
}
ul.elSitemap li
{
margin: .5em 0;
display: block;
padding: 2px 0 0 0;
}
ul.elSitemap a
{
font-weight: normal;
background-image: url(../_images/cosalt/singlearrow.gif);
background-repeat: no-repeat;
background-position: 0 8px;
padding-left: 10px;
padding-top: 5px;
font-size: 1em;
color: #3ebafe;
text-decoration: none;
}
ul.elSitemap a:visited
{
/*color: #fff;*/
}
ul.elSitemap a:hover
, ul.elSitemap a:active
{
color: #fff;
text-decoration: underline;
}
ul.elSitemap a:hover, ul.elSitemap a.ChildItems
{
}
ul.elSitemap ul
{
margin: 0 2.5em;
}
ul.elSitemap ul a
, ul.elSitemap ul a:link
, ul.elSitemap ul a:visited
{
font-size: .9em;
}
/* TEXT FOOTER MENU */
ul.elTextMenu
{
padding: 5px 0 10px 0;
margin: 0;
clear: both;
background-color: #FFF;
text-align: center;
z-index:90 !important;
}
ul.elTextMenu li
{
display: inline;
margin: 0 5px;
padding: 0 5px 1px 0;
line-height: 1.5em;
border-right: solid 1px #3e3e3e;
}
ul.elTextMenu li.last
{
border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited
{
color: #3e3e3e;
font-size: .9em;
text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active
{
text-decoration: underline;
color: #333;
}
/* LOGIN FORM */
fieldset.frmLogin {
border: 0 none;
margin: 0;
padding: 20px 0 20px 0;
border-top: 1px solid #999999;
width: 510px;
background-color: #1e1f23;
font-size: 0.75em;
}
fieldset.frmLogin legend
{
display:none;
}
fieldset.frmLogin p
{
width: 260px;
color:#DDDDDD;
margin-left: 20px;
float: left;
margin-top: 0;
}
fieldset.frmLogin p a, fieldset.frmLogin p strong
{
color:#3EBAFE;
text-decoration: none;
font-weight: normal;
}
fieldset.frmLogin p a:hover
{
color:#DDDDDD;
text-decoration: underline;
}
fieldset.frmLogin ul, fieldset.frmLogin ol
{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding: 0 0 5px 20px;
}
fieldset.frmLogin li
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
fieldset.frmLogin li.last
{
clear: both;
float: left;
padding-bottom: 10px;
margin-top: 10px;
}
fieldset.frmLogin a.hoverbutton
{
float: left;
margin-top: 10px;
margin-right: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif) !important;
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23 !important;
}
fieldset.frmLogin a.hoverbutton span
{
color: #1e1f23 !important;
line-height: 20px;
padding-left: 5px;
width: 65px;
font-family: Tahoma;
}
fieldset.frmLogin label
{
clear:both;
display:block;
float:left;
margin-bottom:5px;
width:400px;
color:#DDDDDD;
}
fieldset.frmLogin label em
{
color:#DDDDDD;
}
fieldset.frmLogin input, fieldset.frmLogin select, fieldset.frmLogin textarea
{
background-image:url(../_images/cosalt/inputboxbg.gif);
border:0 none;
height:20px;
margin-bottom:10px;
width:285px;
}
fieldset.frmLogin .checkbox input
{
width: 13px;
height: 13px;
clear: both;
float: left;
padding: 0;
margin: 0;
backgound-image: none;
background-color: #000000;
}
/* Listing - TAG REPEATER */
ul.elTagListing
{
margin: 0 20px 10px 20px;
padding: 0 0 5px 0;
font-size: 1em;
list-style: none;
}
ul.elTagListing li
{
margin: 0;
padding: 10px 0 10px 0;
display: block;
border-bottom: dotted 1px #3e3e3e;
}
ul.elTagListing li.first
{
border: 0;
padding: 10px 0;
}
ul.elTagListing h1.elContentTitle {
margin: .8em 0 10px 0;
padding: 0 0 3px 0;
}
ul.elTagListing h2.elContentDescription
{
display: none;
}
ul.elTagListing div.ContentWrapper
{
padding: 5px;
clear: both;
border: solid 1px #FFF;
}
ul.elTagListing div.elContent
{
padding: 0 0 10px 0;
margin: 0;
}
ul.elTagListing div.elContent h1.Title
{
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0 0;
padding: 0 5px 0 10px;
background-image: url(../_images/default/arrow.gif);
background-repeat: no-repeat;
background-position: left center;
font-style: normal;
color: #3e3e3e;
}
ul.elTagListing div.elContent a
, ul.elTagListing div.elContent a:link
, ul.elTagListing div.elContent a:visited
{
text-decoration: none;
color: #3e3e3e;
}
ul.elTagListing div.elContent a:hover
, ul.elTagListing div.elContent a:active
{
color: #333;
}
ul.elTagListing div.elContent h2.DateStart
, ul.elTagListing div.elContent h2.DateEnd
{
font-size: 1em;
font-weight: normal;
padding: 0 5px 0 10px;
margin: 0;
color: #555;
}
ul.elTagListing div.elContent h2.DateStart span
, ul.elTagListing div.elContent h2.DateEnd span
{
font-style: italic;
}
ul.elTagListing div.elContent h3.Author
{
padding: 0 5px 0 10px;
margin: 0;
font-size: 1em;
font-weight: normal;
}
ul.elTagListing div.elContent p.Description
{
padding: 10px 5px 5px 10px;
margin: 0;
}
ul.elTagListing div.ContentImage
{
padding: 0;
margin: 0;
width: 90px;
float: left;
}
ul.elTagListing div.ContentImage img {
border: solid 1px #364761;
}
ul.elTagListing div.HasImage
{
margin-left: 100px;
}
/* TOOLS */
div.Tools
{
float: right;
}
div.Tools a, div.Tools a:link, div.Tools a:visited
{
padding: 0 0 0 10px;
margin-left: 10px;
background-image: url(../_images/default/arrow.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
color: #3e3e3e;
font-weight: bold;
}
div.Tools a:hover, div.Tools a:active
{
color: #333;
}
/* LEFT MENU */
/* top level */
ul.elLeftMenu
{
margin: 0;
padding: 0;
list-style-type: none;
width: 240px;
padding-top: 16px;
padding-bottom: 31px;
background-image: url(../_images/cosalt/leftmenubg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
/* all list items */
ul.elLeftMenu li
{
margin: 0;
padding: 0;
}
ul.elLeftMenu li.depth01 a
{
color: #fecb00;
text-decoration: none;
font-size: 1.13em;
font-weight: normal;
background-image: url(../_images/cosalt/menu_slash_blue.gif);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 4px;
}
ul.elLeftMenu li.depth01 a:hover
{
color: #fecb00;
}
form.SiteServicesPage ul.elLeftMenu li.depth01 a
{
text-decoration: none;
font-weight: normal;
font-size: 0.81em;
padding-left: 12px;
margin-left: 9px;
color: #dddddd;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
background-position: 0 5px;
}
form.SiteServicesPage ul.elLeftMenu li.depth01 a:hover
{
color: #3ebafe;
}
/* all links */
ul.elLeftMenu li.depth02 a
, ul.elLeftMenu li.depth02 a:link
, ul.elLeftMenu li.depth02 a:visited
{
padding: 0;
margin: 0;
text-decoration: none;
font-weight: normal;
font-size: 0.81em;
padding-left: 12px;
display: block;
height:1%;
}
ul.elLeftMenu a:hover
, ul.elLeftMenu a:active
{
color: #333;
}
/* all lists below top level */
ul.elLeftMenu li.depth01 ul
{
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 9px;
margin-top: 5px;
*margin-top: 2px;
}
/* 2nd level */
ul.elLeftMenu li.depth01 ul ul
{
margin-top: 0px;
margin-left: 0px;
}
ul.elLeftMenu ul ul ul
{
margin-top: 0px;
margin-left: 0px;
}
ul.elLeftMenu li.depth02
{
padding: 2px 0 2px 0;
*padding: 1px 0 1px 0;
}
ul.elLeftMenu ul a
, ul.elLeftMenu ul a:link
, ul.elLeftMenu ul a:visited
{
color: #dddddd;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
background-position: 0 5px;
}
ul.elLeftMenu ul li.depth02 a.current, ul.elLeftMenu ul li.depth02 a.parent_current
{
color: #3ebafe;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-position: 0 5px;
}
ul.elLeftMenu ul li.depth02 a:hover
{
color: #3ebafe;
}
/* 3rd level */
ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited
{
color: #999999;
background-image: none;
}
ul.elLeftMenu ul ul li
{
margin: 3px 0 3px 0;
}
ul.elLeftMenu ul ul li.first
{
margin-top: 3px;
}
ul.elLeftMenu ul ul li.last
{
margin-bottom: 0px;
}
ul.elLeftMenu ul li.depth03 a.current, ul.elLeftMenu ul li.depth03 a.parent_current
{
color: #fff;
background-image: none;
}
ul.elLeftMenu ul li.depth03 a:hover
{
color: #fff;
}
/* 4th level */
ul.elLeftMenu ul ul ul a
, ul.elLeftMenu ul ul ul a:link
, ul.elLeftMenu ul ul ul a:visited
{
color: #666666;
padding-left: 10px;
background-image: url(../_images/cosalt/small_slash_black_single.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}
ul.elLeftMenu ul ul ul li
{
padding-left: 20px;
margin: 3px 0 3px 0;
}
ul.elLeftMenu ul li.depth04 a.current
{
color: #fecb00;
background-image: url(../_images/cosalt/small_slash_white_single.gif);
background-position: 0 6px;
}
ul.elLeftMenu ul li.depth04 a:hover
{
color: #fecb00;
}
/* 5th level */
ul.elLeftMenu ul ul ul ul a
, ul.elLeftMenu ul ul ul ul a:link
, ul.elLeftMenu ul ul ul ul a:visited
{
padding-left: 10px;
}
/* SEARCH RESULTS */
.TagHighLight
{
background-color: none;
}
div.elTags
{
clear: left;
margin-top: 15px;
}
form.SearchResults ul.elTagListing
{
margin: 0;
}
form.SearchResults ul.elTagListing div.ContentWrapper
{
padding: 0px;
clear: both;
border: 0px;
}
form.SearchResults ul.elTagListing li
{
border-bottom: 1px solid #999999;
display:block;
margin:0 0 10px 0;
padding:0;
font-size: 0.75em;
color: #dddddd;
}
form.SearchResults ul.elTagListing li.first
{
border-bottom: 0px;
}
form.SearchResults ul.elTagListing li h3
{
padding: 0;
margin: 0;
font-size: 1.0em;
font-weight: normal;
}
form.SearchResults ul.elTagListing li a
{
color: #fecb00;
text-decoration: none;
}
form.SearchResults ul.elTagListing li a.elReadMore
{
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
}
form.SearchResults ul.elTagListing li a.elReadMore:hover
{
color: #fff;
text-decoration: underline;
}
/* PAGING */
ul.Paging
{
color: #999999;
clear: both;
float: left;
font-size: 0.75em;
margin: 0 0 0 0;
padding: 5px 0 0 0;
width: 100%;
}
ul.Paging li
{
display: block;
}
ul.Paging li.PagingPageTotal
{
display: none;
}
ul.Paging li.PagingPageNumbers
{
width: 510px;
text-align: left;
}
ul.Paging li.PagingPageNumbers a
{
color: #3ebafe;
text-decoration: none;
}
ul.Paging li.PagingPageNumbers a:hover
{
text-decoration: underline;
color: #fff;
}
ul.Paging li.PagingLastPage
{
display: none;
}
ul.Paging li.PagingNextPage
{
display: none;
float: right;
margin: 0 10px 0 0;
}
ul.Paging li.PagingPreviousPage
{
display: none;
float: right;
margin: 0 10px 0 0;
}
ul.Paging li.PagingFirstPage
{
display: none;
}
ul.Paging li .disabled
{
color: #B0B0B0;
}
ul.Paging li .current
{
text-decoration: underline;
color: #fff;
}
ul.Paging li.PagingNextPage a
, ul.Paging li.PagingNextPage a:link
, ul.Paging li.PagingNextPage a:visited
, ul.Paging li.PagingNextPage span.disabled
{
background-image: url(../_images/default/next.gif);
background-repeat: no-repeat;
background-position: right;
padding-right: 12px;
color: #3ebafe;
}
ul.Paging li.PagingPreviousPage a
, ul.Paging li.PagingPreviousPage a:link
, ul.Paging li.PagingPreviousPage a:visited
, ul.Paging li.PagingPreviousPage span.disabled
{
background-image: url(../_images/default/prev.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 12px;
color: #3ebafe;
}
form.SiteServicesPage div#ZoneRightColumn h1.elPageTitle
{
font-size: 1.48em;
color: #fff;
margin: .8em 0;
padding: 0;
font-weight: normal;
background-image: url(../_images/cosalt/h1_slash.gif);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 4px;
width: 460px;
}
h1.elPageTitle
{
font-size: 1.48em;
color: #fff;
margin: .8em 0;
padding: 0;
font-weight: normal;
background-image: url(../_images/cosalt/h1_slash.gif);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 4px;
width: 460px;
}
p.elNoContent
{
margin: 10px;
}
a.Delete
{
cursor: pointer;
}
a.Delete:hover, a.Delete:active {
text-decoration: underline;
color: #333;
}
/*
Clears all hoverbuttons in the Header zone
Makes Styling a lot easier.
When problems are incurred use !important;
*/
div#ZoneHeaderRow a.hoverbutton
, div#ZoneHeaderRow a.hoverbutton:link
, div#ZoneHeaderRow a.hoverbutton:visited
{
margin:0;
padding:0;
background-color:transparent;
background-image:none;
border:0;
height:auto;
width:auto;
}
div#ZoneHeaderRow a.hoverbutton span.hoverbutton_button
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonRight
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonLeft
{
margin:0;
padding:0;
}
/*
All the Controls (Screensize, Textsize and Bookmark site are placed insite a HTML Element called
div.elHeaderControls
This is done so the controls can be floated and therefore increase text size, etc easily and wouldn't function properly when positioned absolutely.
The container CAN be positioned absolutely.
*/
div.elHeaderControls
{
position:absolute;
top:40px;
right:0;
display:inline;
}
/*SCREENSIZE CSS*/
div.elScreensize
{
/*Borders, Margin Padding*/
margin:0 0 0 1em;
padding:0;
float:right;
/*
Please ensure the width on this element is kept in em's so it increases proportionatly with the rest of the site.
*/
width:7.1em;
height:1.5em;
}
/* Styling Specific to the Screensize Button*/
div.elScreensize a.hoverbutton,
div.elScreensize a.hoverbutton span,
div.elScreensize a.hoverbutton:link,
div.elScreensize a.hoverbutton:visited
{
line-height:1.1em;
color:#666 !important;
font-weight:normal;
}
div.elScreensize a.hoverbutton:hover,
div.elScreensize a.hoverbutton:focus,
div.elScreensize a.hoverbutton:active
{
}
/* FONT SIZE */
div.elFontSize
{
float:right;
height:1.5em;
line-height:1em;
}
div.elFontSize span.text
{
/*Padding, Margin & Borders*/
margin:0 0 0 1em;
padding:0;
border:0;
float:left;
color:#666;
}
/*Generic, This applies to both buttons*/
div.elFontSize a.hoverbutton,
div.elFontSize a.hoverbutton:link,
div.elFontSize a.hoverbutton:visited
{
color:#666 !important;
float:left;
line-height:.9em;
text-indent:.2em;
}
div.elFontSize a.hoverbutton:hover,
div.elFontSize a.hoverbutton:active,
div.elFontSize a.hoverbutton:focus
{
}
/* STYLING SPECIFIC TO THE BUTTON TO REDUCE FONT SIZE */
div.elFontSize span.smaller a.hoverbutton:link,
div.elFontSize span.smaller a.hoverbutton:visited,
div.elFontSize span.smaller a.hoverbutton
{
}
div.elFontSize span.smaller a.hoverbutton:hover,
div.elFontSize span.smaller a.hoverbutton:active,
div.elFontSize span.smaller a.hoverbutton:focus
{
}
/*STYLING SPECIFIC TO THE BUTTON TO INCREASE FONT SIZE*/
div.elFontSize span.larger a.hoverbutton:link,
div.elFontSize span.larger a.hoverbutton:visited,
div.elFontSize span.larger a.hoverbutton
{
}
div.elFontSize span.larger a.hoverbutton:hover,
div.elFontSize span.larger a.hoverbutton:active,
div.elFontSize span.larger a.hoverbutton:focus
{
}
/* Quick Search Dashboard */
div.elQuickSearch
{
/*Positioning*/
position:absolute;
top:10px;
right:0;
/*Padding, Margins & Borders*/
margin:0;
padding:0;
border:0;
/*Sizing*/
width:175px;
border: 1px solid yellow !important;
}
div.elQuickSearch input
{
float:left;
height: 16px;
margin-right: -1px;
width:120px;
border: 0px
}
div.elQuickSearch a
{
background-image:url(../_images/default/search_icon_on.gif) !important;
}
div.elQuickSearch a.hoverbutton,
div.elQuickSearch a.hoverbutton:link,
div.elQuickSearch a.hoverbutton:visited
{
float:left;
margin:0;
padding:0;
border: solid 1px #666 !important;
height:20px !important;
width:18px !important;
display:block !important;
background-image:url(../_images/default/search_icon_off.gif) !important;
background-repeat:no-repeat !important;
background-position:top left !important;
}
div.elQuickSearch a.hoverbutton:hover,
div.elQuickSearch a.hoverbutton:active,
div.elQuickSearch a.hoverbutton:focus
{
background-image:url(../_images/default/search_icon_on.gif) !important;
}
/* Contact us, google map */
#sidebar
{
font-size: 0.75em;
color: #dddddd;
}
#sidebar div
{
color: #dddddd !important;
padding-left: 0px !important;
}
#sidebar div a.Office, #sidebar div a
{
font-weight: normal !important;
color: #3ebafe;
}
/* Our locations map */
div#mapflasharea
{
border-top: 1px solid #999999;
margin-bottom: 5px;
}
/*Contact Form*/
div.elContactUsForm
{
clear: both;
float: left;
background-color: #1e1f23;
width: 100%;
padding-bottom: 20px;
border-top: 1px solid #999999;
padding-left: 10px;
}
ul.elContactUsForm
{
padding: 0;
margin: 0;
list-style: none;
background-color: #1e1f23;
color: #999999;
font-size: 0.75em;
padding-top: 17px;
}
ul.elContactUsForm fieldset
{
border: 0px;
}
ul.elContactUsForm fieldset legend
{
color: #dddddd;
margin-bottom: 14px;
}
ul.elContactUsForm ul
{
padding: 0;
margin: 0;
list-style: none;
*margin-left: 10px;
}
ul.elContactUsForm ul label
{
width: 300px;
display: block;
margin-bottom: 5px;
}
ul.elContactUsForm ul a.formDesc
{
display: none;
}
ul.elContactUsForm ul input
{
width: 285px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
ul.elContactUsForm ul select
{
margin-bottom: 10px;
width:285px;
border: 0px;
font-family: Tahoma;
height: 20px;
color: #666666;
background-color: #e2e1e1;
}
ul.elContactUsForm ul option
{
background-color: #e2e1e1;
}
ul.elContactUsForm ul textarea
{
width: 285px;
border: 0;
background-image: url(../_images/cosalt/textareabg.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
font-family: Tahoma;
}
div.elContactUsForm div.CaptchaVerification
{
background-color: #1e1f23;
padding-left: 10px;
color: #999999;
font-size: 0.75em;
}
div.elContactUsForm div.CaptchaVerification img
{
margin: 5px 0 0 0;
}
div.elContactUsForm div.CaptchaVerification a
, div.elContactUsForm div.CaptchaVerification a:link
, div.elContactUsForm div.CaptchaVerification a:visited
{
color: #3ebafe;
text-decoration: none;
padding-left: 15px;
}
div.elContactUsForm div.CaptchaVerification a:hover
, div.elContactUsForm div.CaptchaVerification a:active
{
color: #fff;
text-decoration: underline;
}
div.elContactUsForm div.CaptchaVerification label
{
width: 100px;
display: block;
margin: 5px 0 5px 0;
}
div.elContactUsForm div.CaptchaVerification input
{
width: 198px;
background-image: url(../_images/cosalt/inputboxbg.gif);
border: 0;
margin-bottom: 10px;
height: 20px;
}
form.Feedback a.hoverbutton
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
}
form.Feedback a.hoverbutton span
{
color: #1e1f23;
font-size: 0.75em;
line-height: 20px;
padding-left: 5px;
width: 65px;
font-family: Tahoma;
}
div.elContactUsForm input.formsubmit
{
float: left;
margin-left: 10px;
background-image: url(../_images/cosalt/submitbuttonbg.gif);
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23;
width: 75px;
}
form.Feedback div.StatusArea
{
font-size: 0.75em;
color: #dddddd;
margin-left: 0px !important;
font-family: Tahoma;
}
form.Feedback div.StatusArea p
{
margin: 0px !important;
padding: 0px !important;
}
form.Feedback div.StatusArea a.close
{
display: none;
}
div.elCredits
{
/* */
font-size:.9em;
/* */
float: right;
height: 1.5em;
}
div.elCredits a,
div.elCredits a:link,
div.elCredits a:visited
{
}
div.elCredits a:hover,
div.elCredits a:focus,
div.elCredits a:active
{
}
/* Announce Popup */
div.elAnnouncement div.frmAdmin label
{
font-family: Tahoma !important;
font-size: 0.75em !important;
color: #dddddd !important;
}
img.pressimage
{
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
margin-top: 5px;
margin-right: 10px;
margin-right: 12px;
width: 160px;
}
/* Add To List Shadow Box*/
div#sb-content
{
background-color:#1e1f23;
color:#FFFFFF;
}
div#sb-content p
{
margin:0;
padding:0;
}
div#sb-content ul
{
list-style-type:none;
margin:0;
padding:0;
margin-top:10px;
}
div#sb-content ul li
{
width:60px;
float:left;
}
div#sb-content ul li a
{
color:#FFFFFF;
}
div#AddToList,
div#Testimonials
{
margin:0;
padding:0;
padding:20px 30px 30px 30px;
}
div#AddToList p,
div#Testimonials p
{
font-size:0.7em;
}
div#AddToList p.intro
{
width:358px;
line-height:1.4em;
}
div#AddToList div#ViewComplete
{
margin:0;
padding:0;
margin-top:20px;
width:358px;
height:258px;
border:solid 1px #5c5c5e;
background-color:#333333;
}
div#AddToList div#ViewComplete a
{
color:#3ebafe;
text-decoration:none;
}
div#AddToList div#ViewComplete div#LoginRegister
{
padding-left:20px;
clear:both;
}
div#AddToList div#ViewComplete div#LoginRegister a
{
font-size:0.9em;
font-weight:bold;
}
div#AddToList div#ViewComplete div#LoginRegister p
{
margin:0;
padding:0;
padding:8px 0px 0px 15px;
height:25px;
width:303px;
font-size:0.8em;
color:#333333;
background-image:url(../_images/cosalt/bg-shadowbox-login.gif);
background-repeat:repeat-x;
}
div#AddToList div#ViewComplete ul
{
margin:0;
padding:0;
margin-left:35px;
margin-top:24px;
list-style-image: url(../_images/cosalt/shadowbox-list-bullet.jpg);
}
div#AddToList div#ViewComplete ul li
{
font-size:0.7em;
margin-bottom:20px;
width:300px;
line-height:1.5em;
color:#cccccc;
}
a.AddToMyList
{
color:#FFFFFF;
text-decoration:underline;
}
a.AddToMyList:hover
{
text-decoration:none;
}
/* Testimonials ShadowBox */
div.sb-wrapper-testimonial
{
width:500px !important;
}
div.sb-wrapper-testimonial div#sb-body
{
height:300px !important;
}
a.sb-nav-close-top-testimonial
{
width:510px !important;
background-image:url(../_images/cosalt/sb-close-top-testimonial.png) !important;
background-repeat:no-repeat;
}
a.sb-nav-close-top-hdflash
{
width:620px !important;
background-image:url(../_images/cosalt/sb-close-top-hdflash.png) !important;
background-repeat:no-repeat;
}
div#Testimonials
{
width:440px;
height:170px;
}
div#Testimonials div.Testimonial
{
clear:both;
display:none;
}
div#Testimonials span.testimonialTitle
{
font-size:2.0em;
font-weight:bold;
margin-left:10px;
}
div#Testimonials div.testimonialImage
{
float:left;
width:170px;
}
div#Testimonials div.testimonialContent
{
float:left;
width:260px;
padding-left:10px;
}
div#TestimonialsPaging
{
clear:both;
margin-top:10px;
margin-left:30px;
}
div#TestimonialsPaging a
{
color:#FFF;
font-size:0.7em;
text-decoration:none;
}
div#TestimonialsPaging a#prevLink
{
margin-right:10px;
}
div#Testimonials div.paging a:hover
{
text-decoration:underline;
}
select#ctl00_MiWebC_lbTestimonials
{
height:auto !important;
margin-top:5px;
margin-bottom:0px;
}
input#ctl00_MiWebC_txtbxTestimonialTitle
{
margin-top:5px;
}
ul.elSiteServicesMenu li.elMmylist a span span
{
color:#dddddd;
}
ul.elSiteServicesMenu li.elMmylist a span img
{
border:none;
padding-top:2px;
margin-right:6px;
width:15px;
height:13px;
}
div#ctl00_MiWebC_RelatedProductsTreeView,
div#ctl00_MiWebC_SparesTreeView
{
clear:both;
}
div#ctl00_MiWebC_RelatedProductsTreeView a,
span#ctl00_MiWebC_RelatedProductsTreeViewt0,
div#ctl00_MiWebC_SparesTreeView a,
span#ctl00_MiWebC_SparesTreeView0
{
color:#000;
}
div#HighDetailCheckBox
{
font-size:1.5em;
}
div#RelatedProducts
{
clear:both;
float:left;
height:250px;
margin-top:30px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}
div#RelatedProducts p.title,
div#Spares p.title
{
color:#fecb00;
font-size:0.9em;
width:200px;
margin:0;
padding:0;
margin: 10px 0px;
}
div#Spares
{
margin:0;
padding:0;
margin-bottom:20px;
}
div#Spares p.title
{
font-size:1.1em;
}
div#Spares ul
{
list-style-type:none;
margin:0;
padding:0;
}
/* Read more Shadowbox */
div#LongDescription
{
margin:0;
padding:0;
padding:10px;
}
div#LongDescription p
{
font-size:0.8em;
}
/* related items carousel */
#horizontal_carousel
{
background-image:url("../_images/iblink/home_line.gif");
background-position:31px 0;
background-repeat:no-repeat;
height:208px;
/*left:-10px;*/
padding-top:20px;
position:relative;
width:902px;
}
#horizontal_carousel .container
{
float:left;
height:240px;
overflow:hidden;
position:relative;
width:475px;
}
#horizontal_carousel .previous_button
{
/*background:url("carousel/horizontal/left.png") repeat scroll 0 0 transparent;*/
background:url("carousel/horizontal/left.jpg");
background-repeat:no-repeat;
cursor:pointer;
float:left;
height:175px;
width:13px;
z-index:100;
}
#horizontal_carousel .previous_button_disabled
{
/*background:url("carousel/horizontal/left_disabled.png") repeat scroll 0 0 transparent;*/
background:url("carousel/horizontal/left.jpg");
background-repeat:no-repeat;
cursor:default;
}
#horizontal_carousel .next_button
{
/*background:url("carousel/horizontal/right.png") repeat scroll 0 0 transparent;*/
background:url("carousel/horizontal/right.jpg");
background-repeat:no-repeat;
cursor:pointer;
float:left;
height:175px;
width:13px;
z-index:100;
margin-left:10px;
}
#horizontal_carousel ul
{
height:150px;
left:0;
margin:0;
padding:0;
position:relative;
top:0;
width:100000px;
}
#horizontal_carousel ul li
{
float:left;
height:240px;
list-style:none outside none;
margin-right:8px;
width:110px;
}
#horizontal_carousel ul li img
{
border:0;
}
#horizontal_carousel ul li a
{
color:#3ebafe;
text-decoration:none;
font-size:0.7em;
margin-left:18px;
display:block;
}
#horizontal_carousel ul li a.image
{
width:100px;
height:100px;
background-image:url(../_images/cosalt/bg-related-product.jpg)
}
#horizontal_carousel ul li a.image img.RelatedItem
{
width:100px;
height:100px;
}
#horizontal_carousel ul li a.name
{
margin-top:10px;
width:100px;
}
/**************************************************** Home Page Carousel */
div#my-glider
{
position: relative;
_position:absolute;
}
div.scroller
{
width: 1020px;
height:270px;
overflow: hidden;
margin: 0;
padding: 0;
clear:both;
float:left;
}
div.scroller div.tab
{
margin:0;
padding:0;
width:1019px;
height:265px;
display: block;
overflow-x:hidden;
float:left;
}
div.scroller div.tab div.copy
{
margin:0;
padding:0;
width:1020px;
height:260px;
padding-left:110px;
}
div.scroller div.tab div.copy div.link a
{
font-size:1.3em;
text-decoration:none;
color:#FFF;
padding-left:12px;
}
div.scroller div.tab div.copy div.link a:hover
{
color: #fff;
text-decoration: underline;
}
div.scroller div.tab div.copy div.link a:hover
{
text-decoration:underline;
}
div.scroller div.tab div.copy h1
{
margin:0;
padding:0;
font-size: 3.3em;
font-weight: normal;
line-height:1em;
color: #FFF;
}
div.scroller div.tab div.copy p
{
color: #dddddd;
line-height:1.5em;
}
div.scroller div#tab1 div.copy p.title,
div.scroller div#tab2 div.copy p.title,
div.scroller div#tab3 div.copy p.title,
div.scroller div#tab4 div.copy p.title
{
margin:0;
padding:0;
color:#ffffff;
font-size:1.6em;
line-height:0.95em;
font-weight:bold;
padding-top:40px;
margin-left:45px;
}
div.scroller div#tab1 div.copy div.link,
div.scroller div#tab2 div.copy div.link,
div.scroller div#tab3 div.copy div.link,
div.scroller div#tab4 div.copy div.link
{
margin-top:15px;
margin-left:45px;
}
div.scroller div#tab3 div.copy div.link
{
margin-left:210px;
}
div.scroller div#tab1 div.copy p,
div.scroller div#tab2 div.copy p,
div.scroller div#tab3 div.copy p,
div.scroller div#tab4 div.copy p
{
margin-left:45px;
font-size:0.75em;
}
div.scroller div#tab3 div.copy p
{
margin-left:210px;
}
div.scroller div#tab1 div.copy p.copy,
div.scroller div#tab2 div.copy p.copy,
div.scroller div#tab3 div.copy p.copy,
div.scroller div#tab4 div.copy p.copy
{
padding-top:15px;
}
div.scroller div#tab3 div.copy p.copy
{
line-height:1.3em;
}
div.scroller div.tab div.copy div.link a
{
background-image:url(../_images/cosalt/singlearrow_midgrey.gif);
background-repeat:no-repeat;
color: #3ebafe;
text-decoration: none;
background-image: url(../_images/cosalt/singlearrow_lightgrey.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 0 2px;
font-size:0.75em;
}
div.scroller div.content
{
width: 10000px;
}
/* tabbed controls */
div#my-glider div.controls
{
position:relative;
_position:static;
}
div#my-glider div.controls ul
{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
top:222px;
left:120px;
height:38px;
display:inline;
}
div#my-glider div.controls ul li
{
display:inline;
float:left;
margin-right:4px;
height:38px;
padding-left:5px;
padding-top:1px;
}
div#my-glider div.controls ul li.tab1
{
padding-left:0px;
}
div#my-glider div.controls ul li.tab1selected a,
div#my-glider div.controls ul li.tab2selected a,
div#my-glider div.controls ul li.tab3selected a,
div#my-glider div.controls ul li.tab4selected a
{
color:#fecb00;
}
div#my-glider div.controls ul li a
{
color: #d9d9d9;
text-decoration:none;
font-size:0.8em;
height:38px;
}
/* tab1 tab */
div#my-glider div.controls ul li.tab1
{
/*background-image:url(../_images/cosalt/bg-tab1-tab-off.png);
background-repeat:no-repeat;
width:139px;*/
}
div#my-glider div.controls ul li.tab1 a
{
/*width:139px;*/
}
div#my-glider div.controls ul li.tab1selected
{
/*background-image:url(../_images/cosalt/bg-tab1-tab-on.png);*/
}
div.scroller div#tab1 div.copy
{
background-image:url(../_images/cosalt/bg-tab1.jpg);
background-repeat:no-repeat;
}
div.scroller div#tab1 div.copy div.copyContainer
{
width:450px;
height:170px;
}
/* tab2 tab */
div#my-glider div.controls ul li.tab2
{
/*background-image:url(../_images/cosalt/bg-tab2-tab-off.png);
background-repeat:no-repeat;
width:209px;*/
}
div#my-glider div.controls ul li.tab2 a
{
/*width:209px;*/
}
div#my-glider div.controls ul li.tab2selected
{
/*background-image:url(../_images/cosalt/bg-tab2-tab-on.png);*/
}
div.scroller div#tab2 div.copy
{
background-image:url(../_images/cosalt/bg-tab2.jpg);
background-repeat:no-repeat;
}
div.scroller div#tab2 div.copy div.copyContainer
{
width:500px;
height:170px;
}
/* tab3 tab */
div#my-glider div.controls ul li.tab3
{
/*background-image:url(../_images/cosalt/bg-tab3-tab-off.png);
background-repeat:no-repeat;
width:183px;*/
}
div#my-glider div.controls ul li.tab3 a
{
/*width:183px;*/
}
div#my-glider div.controls ul li.tab3selected
{
/*background-image:url(../_images/cosalt/bg-tab3-tab-on.png);*/
}
div.scroller div#tab3 div.copy
{
background-image:url(../_images/cosalt/bg-tab3.jpg);
background-repeat:no-repeat;
}
div.scroller div#tab3 div.copy div.copyContainer
{
width:500px;
height:170px;
padding-top:20px;
padding-left:10px;
}
div.scroller div#tab3 div.copy div.theImage
{
float:left;
width:164px;
height:170px;
padding-top:10px;
padding-left:10px;
}
div.scroller div#tab3 div.copy div.theCopy
{
float:left;
width:295px;
height:180px;
padding-left:30px;
}
div.scroller div#tab3 div.copy div.theCopy p.title,
div.scroller div#tab3 div.copy div.theCopy p.copy,
div.scroller div#tab3 div.copy div.theCopy div.link
{
margin-left:0px !important;
}
div.scroller div#tab3 div.copy div.theCopy p.title
{
padding-top:20px !important;
}
/* tab4 tab */
div#my-glider div.controls ul li.tab4
{
/*background-image:url(../_images/cosalt/bg-tab4-tab-off.png);
background-repeat:no-repeat;
width:207px;*/
}
div#my-glider div.controls ul li.tab4 a
{
/*width:207px;*/
}
div#my-glider div.controls ul li.tab4selected
{
/*background-image:url(../_images/cosalt/bg-tab4-tab-on.png);*/
}
div.scroller div#tab4 div.copy
{
background-image:url(../_images/cosalt/bg-tab4.jpg);
background-repeat:no-repeat;
}
ul.elCarouselTab,
ul.elCarouselTab li,
ul.elCarouselTab li div.ContentWrapper
{
margin:0;
padding:0;
}
ul.elCarouselTab li.first
{
display:none;
}
div#my-glider div.controls ul li.tab1selected a span,
div#my-glider div.controls ul li.tab2selected a span,
div#my-glider div.controls ul li.tab3selected a span,
div#my-glider div.controls ul li.tab4selected a span
{
float: left; display: inline;
background-color:#292929;
}
div#my-glider div.controls ul li a span.left
{
background: transparent url("../_images/cosalt/bg-tab-off-left.gif") no-repeat left center;
float: left;
height: 37px;
width: 4px;
}
div#my-glider div.controls ul li.tab1selected a span.left,
div#my-glider div.controls ul li.tab1selected a:hover span.left,
div#my-glider div.controls ul li.tab2selected a span.left,
div#my-glider div.controls ul li.tab2selected a:hover span.left,
div#my-glider div.controls ul li.tab3selected a span.left,
div#my-glider div.controls ul li.tab3selected a:hover span.left,
div#my-glider div.controls ul li.tab4selected a span.left,
div#my-glider div.controls ul li.tab4selected a:hover span.left
{
background-image: url( "../_images/cosalt/bg-tab-on-left.gif");
}
div#my-glider div.controls ul li a span
{
background-color:#494949;
cursor:pointer;
float: left;
height: 37px;
line-height: 37px;
}
div#my-glider div.controls ul li a span.right
{
background: transparent url("../_images/cosalt/bg-tab-off-right.gif") no-repeat left center;
float:left;
height: 37px;
width: 4px;
}
div#my-glider div.controls ul li.tab1selected a span.right,
div#my-glider div.controls ul li.tab1selected a:hover span.right,
div#my-glider div.controls ul li.tab2selected a span.right,
div#my-glider div.controls ul li.tab2selected a:hover span.right,
div#my-glider div.controls ul li.tab3selected a span.right,
div#my-glider div.controls ul li.tab3selected a:hover span.right,
div#my-glider div.controls ul li.tab4selected a span.right,
div#my-glider div.controls ul li.tab4selected a:hover span.right
{
background-image: url("../_images/cosalt/bg-tab-on-right.gif");
}
/* End Section _theme.css */
/* Begin Section print.css */
@media print {
#ZoneHeaderRow, #ZoneImageRow, #ZoneImageContent, #ZoneLeftColumn, #ZoneExtraRow, #ZoneFooterRow
{
display: none;
}
}
/* End Section print.css */
/* Begin Section sIFR-screen.css */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
z-index: 95;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash form.elPageHome div.elContent h1 {
visibility: hidden;
background-position: 0 0px;
}
.sIFR-hasFlash form.elPageHome div.HomeItem1 h2 {
visibility: hidden;
background-position: 0 0px;
}
.sIFR-hasFlash form.elPageHome div.HomeItem2 h2 {
visibility: hidden;
background-position: 0 0px;
}
.sIFR-hasFlash form.elPageHome ul.elHomeNews h2 {
visibility: hidden;
background-position: 0 0px;
}
.sIFR-hasFlash ul.elMainMenu li.elMhome
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash ul.elMainMenu li.elMabout
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash ul.elMainMenu li.elMsector
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash ul.elMainMenu li.elMproductsservices
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash ul.elMainMenu li.elMnewsmedia
{
visibility: hidden;
font-size: 1.25em;
}
.sIFR-hasFlash ul.elMainMenu li.elMinvestors
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash ul.elMainMenu li.elMcareers
{
visibility: hidden;
font-size: 1.25em;
}
.sIFR-hasFlash ul.elMainMenu li.elMourlocations
{
visibility: hidden;
font-size: 1.15em;
}
.sIFR-hasFlash div.elContent h1, .sIFR-hasFlash form.SiteServicesPage div#ZoneRightColumn h1, .sIFR-hasFlash div#ZoneRightColumn h1.elPageTitle
{
background-position: 0 0px;
}
.sIFR-hasFlash ul.elLeftMenu li.depth01 a.depth01first
{
background-position: 0px 0px;
}
div.elLeftMenuExtras table h2
{
visibility: hidden;
font-size: 1.00em;
}
form.elMproducts div.productSearch h2
{
visibility: hidden;
font-size: 0.90em;
background-position: 0 0;
}
form.elMproducts div.compactList h2
{
visibility: hidden;
font-size: 0.90em;
background-position: 0 0;
}
/* End Section sIFR-screen.css */
/* Begin Section formdisable.css */
div.divProtect
{
position: absolute;
top: 0;
left: 0;
min-height: 100%;
width: 100% !important;
margin: 0;
padding: 0;
background-color: #b0b0b0;
z-index: 99;
cursor: wait;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
/*
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-moz-opacity: 60;
opacity: 60;
*/
}
/* End Section formdisable.css */
/* Begin Section lightbox_slideshow.css */
#lightbox{
position: absolute;
top: 20px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
color:#151410;
}
#lightbox a, #lightbox a:hover {
border-bottom:none;
color:#151410;
text-decoration:underline;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#loadingLink {
display:block;
margin:0 auto;
padding:0;
width:32px;
height:32px;
background:url("../_images/loading.gif") center center no-repeat;
text-indent:-9999px;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLinkImg, #nextLinkImg{
width: 49%;
height: 100%;
background: transparent url("../_images/blank.gif") no-repeat; /* Trick IE into showing hover */
display: block;
text-indent:-9999px;
}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../_images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../_images/nextlabel.gif") right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageDetails{ width: 70%; float: left; text-align: left; }
#caption{ font-weight: bold; }
#numberDisplay{ display: block; clear: left; }
#detailsNav{ display: block; clear: left; padding:0 0 10px 0; }
#prevLinkDetails { margin:0 8px 0 0; }
#nextLinkDetails { margin:0 8px 0 0; }
#closeLink {
display:block;
margin:0;
padding:0 0 10px 0;
text-decoration:none;
float:right;
width:66px;
height:28px;
background:url("../_images/closelabel.gif") no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #151410;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* End Section lightbox_slideshow.css */
/* Begin Section dhtmlwindow.css */
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
padding: 20px;
font-size: 0.75em;
font-family: Tahoma;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/* End Section dhtmlwindow.css */
/* Begin Section modal.css */
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}
/* End Section modal.css */
/* Begin Section button.css */
/* BUTTONS */
a.hoverbutton
{
margin: 0 0 0 -1px;
padding: 0 15px;
display: block;
float: right;
height: 18px;
color: #FFF !important;
text-decoration: none !important;
text-align: center;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 16px;
}
.elDisclaimer a.hoverbutton
{
float: left;
padding: 0 0 0 18px;
display: block;
text-align: left;
background-repeat: no-repeat;
border: 0;
height: 20px;
color: #1e1f23 !important;;
width: 75px;
line-height: 18px;
}
a.hoverbutton
, a.hoverbutton:link
, a.hoverbutton:visited
{
background-image:url(../_images/hoverbutton/button_bkgd.gif);
}
.elDisclaimer a.hoverbutton, .elDisclaimer a.hoverbutton:link, .elDisclaimer a.hoverbutton:visited,
.elDisclaimer a.hoverbutton:hover, .elDisclaimer a.hoverbutton:active
{
background-image: url(../_images/cosalt/submitbuttonbg.gif);
}
.elDisclaimer.elButtons a.hoverbutton
{
margin-right: 12px;
padding-right: 29px;
padding-left: 29px;
width: auto;
background-image: url(../_images/cosalt/disclaimerbuttonbg.gif);
}
.elDisclaimer.elButtons a#ctl00_MiWebC_btnDisagree
{
padding-left: 17px;
padding-right: 14px;
}
a.hoverbutton:hover
, a.hoverbutton:active
{
color: #FFF !important;
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
text-decoration: none !important;
}
span.hoverbutton_buttonLeft
, span.hoverbutton_buttonRight
{
display: none;
}
a.hoverbutton span
{
color: #F0F0F0;
}
a.hoverbutton span.hoverbutton_button
{
color: #F0F0F0;
}
.elDisclaimer a.hoverbutton span.hoverbutton_button
{
color: #1e1f23;
}
a.hoverbutton:hover span
, a.hoverbutton:active span
{
color: #FFF;
}
form.body-Smallest a.hoverbutton
{
line-height: 1.8em;
}
form.body-Small a.hoverbutton
{
line-height: 1.5em;
}
form.body-Large a.hoverbutton
{
line-height: 1.25em;
}
form.body-Largest a.hoverbutton
{
line-height: 1.1em;
font-size: .9em;
}
/* disabled buttons */
a.hoverbutton_disabled
, a.hoverbutton_disabled:link
, a.hoverbutton_disabled:visited
{
margin: 0 0 0 -1px;
background-image:url(../_images/hoverbutton/button_bkgd.gif);
display: block;
float: right;
color: #333 !important;
padding: 0 15px;
text-decoration: none !important;
text-align: center;
cursor: default;
height: 18px;
border: solid 1px #9F9F9F;
cursor: default;
line-height: 16px;
}
a.hoverbutton_disabled:hover
, a.hoverbutton_disabled:active
{
background-image:url(../_images/hoverbutton/button_bkgd.gif);
color: #333 !important;
text-decoration: none !important;
}
span.hoverbutton_disabled_buttonLeft
, span.hoverbutton_disabled_buttonRight
{
display: none;
}
/* SMALLER BUTTONS */
a.hoverbutton_small
, a.hoverbutton_small:link
, a.hoverbutton_small:visited
, a.hoverbutton_small_disabled
, a.hoverbutton_small_disabled:link
, a.hoverbutton_small_disabled:visited
{
color: #D0D0D0 !important;
line-height: 15px;
height: 16px;
display: block;
width: 24px;
padding: 0 0 2px 0;
text-decoration: none;
text-align: center;
background-image:url(../_images/hoverbutton/button_bkgd.gif);
margin: 1px 1px 2px 1px;
border: solid 1px #9F9F9F;
font-size: 12px;
}
a.hoverbutton_small:hover
, a.hoverbutton_small:active
{
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
color: #FFF !important;
text-decoration:none!important;
}
a.hoverbutton_small span.hoverbutton_small_button
{
color: #FFF;
}
.hoverbutton_buttonLeft
, .hoverbutton_buttonRight {
display: none;
}
a.hoverbutton_small_disabled
, a.hoverbutton_small_disabled:link
, a.hoverbutton_small_disabled:visited
, a.hoverbutton_small_disabled:active
, a.hoverbutton_small_disabled:hover
{
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
color: #FFF !important;
cursor: default;
}
/* SMALL IMAGE BUTTONS */
a.hoverbutton_image
, a.hoverbutton_image:link
, a.hoverbutton_image:visited
{
margin-bottom: 2px;
border: solid 1px #9F9F9F;
height: 18px;
display: block;
width: 24px;
cursor: pointer;
background-repeat: repeat-x;
background-image:url(../_images/hoverbutton/button_bkgd.gif);
}
a.hoverbutton_image span
{
display: block;
height: 18px;
width: 24px;
font-size: 0;
line-height: 0;
background-repeat: no-repeat;
background-position: center;
border: 0;
}
a.hoverbutton_image:hover,
a.hoverbutton_image:active,
a.hoverbutton_image:focus
{
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
text-decoration:none!important;
}
a.hoverbutton_btnMoveTop_disabled,
a.hoverbutton_btnMoveTop_disabled:link,
a.hoverbutton_btnMoveTop_disabled:visited,
a.hoverbutton_btnNewFolder_disabled,
a.hoverbutton_btnNewFolder_disabled:link,
a.hoverbutton_btnNewFolder_disabled:visited,
a.hoverbutton_btnMoveUp_disabled,
a.hoverbutton_btnMoveUp_disabled:link,
a.hoverbutton_btnMoveUp_disabled:visited,
a.hoverbutton_btnDelete_disabled,
a.hoverbutton_btnDelete_disabled:link,
a.hoverbutton_btnDelete_disabled:visited,
a.hoverbutton_btnMoveDown_disabled,
a.hoverbutton_btnMoveDown_disabled:link,
a.hoverbutton_btnMoveDown_disabled:visited,
a.hoverbutton_btnMoveBottom_disabled,
a.hoverbutton_btnMoveBottom_disabled:link,
a.hoverbutton_btnMoveBottom_disabled:visited,
a.hoverbutton_btnOrderByName_disabled,
a.hoverbutton_btnOrderByName_disabled:link,
a.hoverbutton_btnOrderByName_disabled:visited
a.hoverbutton_btnEditContent_disabled,
a.hoverbutton_btnEditContent_disabled:link,
a.hoverbutton_btnEditContent_disabled:visited,
a.hoverbutton_btnEdit_disabled,
a.hoverbutton_btnEdit_disabled:link,
a.hoverbutton_btnEdit_disabled:visited,
a.hoverbutton_btnLocalise_disabled,
a.hoverbutton_btnLocalise_disabled:link,
a.hoverbutton_btnLocalise_disabled:visited,
a.hoverbutton_btnPreview_disabled,
a.hoverbutton_btnPreview_disabled:link,
a.hoverbutton_btnPreview_disabled:visited,
a.hoverbutton_btnPermissions_disabled,
a.hoverbutton_btnPermissions_disabled:link,
a.hoverbutton_btnPermissions_disabled:visited
a.hoverbutton_btnValidation_disabled,
a.hoverbutton_btnValidation_disabled:link,
a.hoverbutton_btnValidation_disabled:visited
{
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
cursor: default;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
span.hoverbutton_btnMoveTop_button, span.hoverbutton_btnMoveTop_disabled_button
{
background-image: url(../_images/hoverbutton/top.gif);
}
span.hoverbutton_btnNewFolder_button, span.hoverbutton_btnNewFolder_disabled_button
{
background-image: url(../_images/hoverbutton/add_folder.gif);
}
span.hoverbutton_btnMoveUp_button, span.hoverbutton_btnMoveUp_disabled_button
{
background-image: url(../_images/hoverbutton/up.gif);
}
span.hoverbutton_btnDelete_button, span.hoverbutton_btnDelete_disabled_button
{
background-image: url(../_images/hoverbutton/delete.gif);
}
span.hoverbutton_btnMoveDown_button, span.hoverbutton_btnMoveDown_disabled_button
{
background-image: url(../_images/hoverbutton/down.gif);
}
span.hoverbutton_btnMoveBottom_button, span.hoverbutton_btnMoveBottom_disabled_button
{
background-image: url(../_images/hoverbutton/bottom.gif);
}
span.hoverbutton_btnOrderByName_button, span.hoverbutton_btnOrderByName_disabled_button
{
background-image: url(../_images/hoverbutton/sort_by_name.gif);
}
span.hoverbutton_btnEditContent_disabled_button, span.hoverbutton_btnEditContent_button
{
background-image:url(../_images/hoverbutton/edit_content.gif);
}
span.hoverbutton_btnRefresh_button, span.hoverbutton_btnRefresh_disabled_button
{
background-image:url(../_images/hoverbutton/refresh.gif);
}
span.hoverbutton_btnEdit_button, span.hoverbutton_btnEdit_disabled_button
{
background-image:url(../_images/hoverbutton/edit.gif);
}
span.hoverbutton_btnLocalise_button, span.hoverbutton_btnLocalise_disabled_button
{
background-image:url(../_images/hoverbutton/btn_localise.gif);
}
span.hoverbutton_btnPreview_button, span.hoverbutton_btnPreview_disabled_button
{
background-image:url(../_images/hoverbutton/btn_preview.gif);
}
span.hoverbutton_btnPermissions_button, span.hoverbutton_btnPermissions_disabled_button
{
background-image:url(../_images/hoverbutton/btn_permissions.gif);
}
span.hoverbutton_btnValidation_button, span.hoverbutton_btnValidation_disabled_button
{
background-image:url(../_images/hoverbutton/btn_validation.gif);
}
span.hoverbutton_btnMoveTop_buttonLeft,
span.hoverbutton_btnMoveTop_buttonRight,
span.hoverbutton_btnMoveTop_disabled_buttonLeft,
span.hoverbutton_btnMoveTop_disabled_buttonRight,
span.hoverbutton_btnNewFolder_buttonLeft,
span.hoverbutton_btnNewFolder_buttonRight,
span.hoverbutton_btnNewFolder_disabled_buttonLeft,
span.hoverbutton_btnNewFolder_disabled_buttonRight,
span.hoverbutton_btnMoveUp_buttonLeft,
span.hoverbutton_btnMoveUp_buttonRight,
span.hoverbutton_btnMoveUp_disabled_buttonLeft,
span.hoverbutton_btnMoveUp_disabled_buttonRight,
span.hoverbutton_btnDelete_buttonLeft,
span.hoverbutton_btnDelete_buttonRight,
span.hoverbutton_btnDelete_disabled_buttonLeft,
span.hoverbutton_btnDelete_disabled_buttonRight,
span.hoverbutton_btnMoveDown_buttonLeft,
span.hoverbutton_btnMoveDown_buttonRight,
span.hoverbutton_btnMoveDown_disabled_buttonLeft,
span.hoverbutton_btnMoveDown_disabled_buttonRight,
span.hoverbutton_btnMoveBottom_buttonLeft,
span.hoverbutton_btnMoveBottom_buttonRight,
span.hoverbutton_btnMoveBottom_disabled_buttonLeft,
span.hoverbutton_btnMoveBottom_disabled_buttonRight,
span.hoverbutton_btnOrderByName_buttonLeft,
span.hoverbutton_btnOrderByName_buttonRight,
span.hoverbutton_btnOrderByName_disabled_buttonLeft,
span.hoverbutton_btnOrderByName_disabled_buttonRight,
span.hoverbutton_btnEditContent_disabled_buttonLeft,
span.hoverbutton_btnEditContent_disabled_buttonRight,
span.hoverbutton_btnEdit_disabled_buttonLeft,
span.hoverbutton_btnEdit_disabled_buttonRight,
span.hoverbutton_btnEditContent_disabled_buttonLeft,
span.hoverbutton_btnEditContent_disabled_buttonRight,
span.hoverbutton_btnRefresh_buttonLeft,
span.hoverbutton_btnRefresh_buttonRight,
span.hoverbutton_btnEdit_buttonLeft,
span.hoverbutton_btnEdit_buttonRight,
span.hoverbutton_btnEditContent_buttonLeft,
span.hoverbutton_btnEditContent_buttonRight,
span.hoverbutton_btnLocalise_buttonLeft,
span.hoverbutton_btnLocalise_buttonRight,
span.hoverbutton_btnPreview_buttonLeft,
span.hoverbutton_btnPreview_buttonRight,
span.hoverbutton_btnPermissions_buttonLeft,
span.hoverbutton_btnPermissions_buttonRight,
span.hoverbutton_btnValidation_buttonLeft,
span.hoverbutton_btnValidation_buttonRight
{
display: none !important;
}
/* End Section button.css */
/* Begin Section messagearea.css */
.MessageArea
{
z-index: 100;
padding: 18px 5px 30px 5px;
width: 400px;
margin: 0;
position: absolute;
left: 50%;
top: 25%;
border: solid 1px #999900;
background: #FFF;
background-image: url(../_images/messagearea/bg_slice.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.MessageArea a.Close
, .MessageArea a.Close:link
, .MessageArea a.Close:visited
{
position: absolute;
top: 2px;
right: 2px;
background-image: url(../_images/admin/icons/button_close/button_close.gif);
background-repeat: no-repeat;
width: 14px;
height: 14px;
}
.MessageArea a.Close:hover
, .MessageArea a.Close:active
{
background-image: url(../_images/admin/icons/button_close/button_close_on.gif);
}
.MessageArea a.Close span
{
display: none;
}
.MessageAreaText a.formDesc
{
display: none;
}
.MessageAreaText
{
font-weight: bold;
padding: 3px;
}
.MessageAreaWarning
{
border: solid 2px #FF0000;
}
.MessageAreaValidation
{
border: solid 2px #FF9900;
}
.MessageAreaInfo
{
border: solid 2px #00FF00;
}
.MessageAreaStopError
{
border: solid 2px #FF0000;
}
.MessageAreaQuestion
{
border: solid 2px #eeee11;
}
.messagearea_list
{
position: absolute;
right: 2px;
bottom: 0;
margin: 0;
padding: 0;
list-style: none;
height: 22px;
width: 250px;
}
ul.messagearea_list li
{
display: inline;
}
/***********************************************************************************************************************/
/* Hover Buttons */
/***********************************************************************************************************************/
a.hoverbutton_messagearea
{
margin: 0 0 0 -1px;
padding: 0 15px;
display: block;
float: right;
height: 18px;
color: #FFF !important;
text-decoration: none;
text-align: center;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 1.4em;
}
a.hoverbutton_messagearea
, a.hoverbutton_messagearea:link
, a.hoverbutton_messagearea:visited
{
background: url(../_images/hoverbutton/button_bkgd.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover
, a.hoverbutton_messagearea:active
{
color: #FFF !important;
background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x;
text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft
, span.hoverbutton_messagearea_buttonRight
{
display: none;
}
a.hoverbutton_messagearea_disabled
, a.hoverbutton_messagearea_disabled:link
, a.hoverbutton_messagearea_disabled:visited
{
margin: 0 0 0 -1px;
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
display: block;
float: right;
color: #333 !important;
padding: 0 15px;
text-decoration: none;
text-align: center;
cursor: default;
height: 18px;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 1.4em;
}
a.hoverbutton_messagearea_disabled:hover
, a.hoverbutton_messagearea_disabled:active
{
background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x !important;
color: #333 !important;
text-decoration: none;
}
span.hoverbutton_messagearea_disabled_buttonLeft
, span.hoverbutton_messagearea_disabled_buttonRight
{
display: none;
}
/* End Section messagearea.css */