/* _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,verdana,sans-serif;
line-height: 1.3em;
font-size: 70%;
color:#333333;
background-image:url(../_images/darby/top_panel_background.gif);
background-repeat:repeat-x;
background-position:0 88px;
}
/* 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: 953px;
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;
position:relative;
width:953px;
background-color: #FFF;
z-index: 90;
display:block;
}
#LeftRightContainer
{
width:953px !important;
clear:both;
}
form.bodySize-Large #LeftRightContainer
{
width:760px !important;
}
#ZoneLeftColumn
{
width: 322PX;
float: left;
min-height:10px;
}
form.elPageHome #ZoneLeftColumn
{
float:right!important;
}
form.PageContent #ZoneLeftColumn
{
width:250px!important;
}
#ZoneRightColumn
{
width: 631px;
float:right;
padding: 0;
}
form.elPageHome #ZoneRightColumn
{
float:LEFT !important;
border-right:1px solid #eeeeee;
width:630px;
}
form.PageContent #ZoneRightColumn
{
width:702px!important;
border-left:1px solid #eeeeee;
}
#ZoneCentreRow
{
width: 953px;
}
form.bodySize-Large #ZoneCentreRow
{
width:760px;
}
#ZoneFooterRow
{
width: 953px;
margin: 10px auto 0 auto;
background-color: #FFF;
}
form.bodySize-Large #ZoneFooterRow
{
width:760px;
}
/* DEFAULTS */
a
, a:link
, a:visited
{
color:#8b794f;
}
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;
}
/* Element Logo */
div.elLogo {
width: 172px;
height: 43px;
display:block;
margin:0;
padding:19px 70px 24px 0;
float:right;
overflow:hidden;
}
div.elLogo h1.ident {
background-image: url(../_images/darby/logo.gif);
background-repeat: no-repeat;
background-position: left;
width: 172px;
height: 43px;
display:block;
margin:0;
padding:0;
}
div.elLogo h1.ident a {
width: 172px;
height: 43px;
display: block;
}
div.elLogo h1.ident span {
display: none;
}
div.elLogo2
{
padding:29px 0 9px 34px;
display:Block;
float:left;
height:50px;
width:auto;
}
div.elLogo2 img
{
float:left;
margin:0 15px 0 0;
}
div.elLogo2 span
{
float:left;
font-size:1.1em;
font-family:tahoma,verdana;
color:#8b794f;
}
div.elLogo2 span strong
{
}
#ZoneHeaderRow div.elHeaderImages
{
position:relative;
width:640px;
height:171px;
float:left;
}
#ZoneHeaderRow div.elHeaderImages img
{
position:absolute;
top:0;
left:0;
}
#ZoneHeaderRow img.elHeaderImages
{
float:left;
}
#ZoneHeaderRow img.elHeaderText
{
float:left;
}
#ZoneHeaderRow div.elHeaderText
{
position:relative;
float:left;
width:313px;
height:171px;
background-image:url(../_images/darby/top_panel_background.gif);
background-repeat:repeat-x;
}
#ZoneHeaderRow div.elHeaderText img
{
position:absolute;
top:0;
left:0;
}
/* Element Horizontal Nav */
ul.elMainMenu
{
height: 50px;
line-height:50px;
list-style: none;
padding: 0;
margin: 0;
z-index:99;
position:relative;
width:631px;
float:left;
border-bottom:1px solid #eeeeee;
}
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;
margin:0;
padding:0 20px 0 19px;
text-decoration: none;
font-size:1.1em;
height:50px;
color:#8f7f5e;
}
*html ul.elMainMenu a
,*html ul.elMainMenu a:link
,*html ul.elMainMenu a:visited
{
float:left;
}
/*
ul.elMainMenu li a.current
, ul.elMainMenu li a.current:link
, ul.elMainMenu li a.current:visited
, ul.elMainMenu li a.parent_current
, ul.elMainMenu li a.parent_current:link
, ul.elMainMenu li a.parent_current:visited
{
background-position:bottom center;
background-repeat:no-repeat;
color:#847048;
background-image:url(../_images/darby/nav_symbol_on.gif);
}
ul.elMainMenu li li a.current
, ul.elMainMenu li li a.current:link
, ul.elMainMenu li li a.current:visited
{
background-image:none !important;
}
*/
/*
ul.elMainMenu li.MenuItemHover a.current:hover
,ul.elMainMenu li.MenuItemHover a.current:active
,ul.elMainMenu li.MenuItemHover a.current:focus
{
background-image: none !important;
}
*/
ul.elMainMenu li a.current
, ul.elMainMenu li a.current:link
, ul.elMainMenu li a.current:visited
, ul.elMainMenu li a.parent_current
, ul.elMainMenu li a.parent_current:link
, ul.elMainMenu li a.parent_current:visited
{
background-position:bottom center;
background-repeat:no-repeat;
color:#847048;
background-image:url(../_images/darby/nav_symbol_on.gif);
}
ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
{
background-color:#eae5d9;
background-image: none !important;
}
ul.elMainMenu li
{
float: left;
padding:0;
margin:0;
height:50px;
line-height:50px;
width: auto;
overflow: hidden;
white-space: nowrap;
background-image:url(../_images/darby/nav_divider.gif);
background-repeat:no-repeat;
background-position:center right;
}
ul.elMainMenu li.MenuItemHover
{
background-color:#eae5d9;
}
ul.elMainMenu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 200px;
margin:0 0 0 -1px;
padding:0;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #FFF;
}
ul.elMainMenu li li
, ul.elMainMenu li li.first
{
width: 200px;
background-image: none;
line-height: 33px;
height:33px;
border-bottom: solid 1px #FFF;
background-color: #eae5d9;
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited
{
background-color:#eae5d9;
height:33px;
line-height:33px;
width: 180px;
border-width: 0;
font-size: 1.1em;
padding: 0 10px;
margin:0;
color:#7e6224;
text-transform: lowercase;
float:left;
font-family:tahoma,arial,verdana;
}
ul.elMainMenu ul a.ChildItems
{
background-image: url(../_images/default/more_nibble.gif) !important;
background-repeat: no-repeat;
background-position: top right;
}
ul.elMainMenu ul a.ChildItems:hover
{
background-image: url(../_images/default/more_nibble_on.gif) !important;
}
ul.elMainMenu li ul ul
{
margin:-1px 0 0 0;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #fff;
}
ul.elMainMenu li li li
, ul.elMainMenu li li li.first
{
border-color: #fff;
}
ul.elMainMenu li li a
, ul.elMainMenu li li a:link
, ul.elMainMenu li li a:visited
{
background-image: none;
}
ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
{
color:#847048;
}
ul.elMainMenu ul a:hover
, ul.elMainMenu ul a:active
{
background-color: #917945;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active
, ul.elMainMenu ul li a.current:hover
{
color:#fff;
}
ul.elMainMenu li:hover ul ul
, ul.elMainMenu li:hover ul ul ul
, ul.elMainMenu li:hover ul ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul ul
{
left: -999em;
display: none;
}
ul.elMainMenu li:hover ul
, ul.elMainMenu li li:hover ul
, ul.elMainMenu li li li:hover ul
, ul.elMainMenu li li li li:hover ul
, ul.elMainMenu li.MenuItemHover ul
, ul.elMainMenu li li.MenuItemHover ul
, ul.elMainMenu li li li.MenuItemHover ul
, ul.elMainMenu li li li li.MenuItemHover ul
{
left: auto;
display: block;
}
ul.elMainMenu li li a.current
, ul.elMainMenu li li a.current:link
, ul.elMainMenu li li a.current:visited
, ul.elMainMenu li li a.parent_current
, ul.elMainMenu li li a.parent_current:link
, ul.elMainMenu li li a.parent_current:visited
{
background-image:none;
}
/* Element Footer Menu */
ul.elFooterMenu {
margin: 0;
height: 44px;
line-height:44px;
padding: 0;
float: right;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
width:322px;
font-size:1em;
}
ul.elFooterMenu li {
float: right;
list-style:none;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited
{
color: #787878;
display: block;
padding: 0 10px;
text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active {
color: #333;
text-decoration: underline;
}
/* CONTENT PANEL OUTPUT */
div.elContent
{
padding: 30px 35px 35px 35px;
line-height: 1.5em;
font-size: 1em;
float:none;
}
div.elContextPanel
{
float:right;
width:230px;
height:291px;
padding:25px 0 0 0;
}
div.elContextPanel img
{
border:1px solid #ebdbbc;
}
div.elContextPanel div.Caption
{
background-color:#f1eee7;
margin:10px 0 0 30px;
padding:10px;
}
div.elContextPanel div.Caption span.header
{
color:#6e551f;
}
div.elContextPanel div.Caption p
{
margin:3px 0 3px 0;
}
div.elContextPanel div.Caption a.email
, div.elContextPanel div.Caption a.email:link
, div.elContextPanel div.Caption a.email:visited
{
background-image:url(../_images/darby/email_icon.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding:0 0 0 20px;
color:#6e551f;
}
div.elContent h1
{
font-size: 2.1em;
font-weight:normal;
line-height: 1.2em;
color: #695831;
margin: .8em 0;
padding: 0;
text-transform:lowercase;
}
div.elContent h2
{
font-weight:normal;
font-size:1.2em;
color:#6e551f;
margin-bottom:0;
padding-bottom:0;
}
div.elContent p
{
margin: 1.2em 0;
padding: 0;
color: #363636;
}
div.elContent a
, div.elContent a:link
, div.elContent a:visited
{
font-weight: bold;
}
div.elContent a:hover
, div.elContent a:active
{
text-decoration: underline;
}
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;
}
/* SITEMAP */
ul.elSitemap
{
width: auto;
margin: 20px 30px 40px 30px;
}
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: bold;
background-image: url(../_images/default/arrow.gif);
background-repeat: no-repeat;
background-position: 0 8px;
padding-left: 10px;
padding-top: 5px;
font-size: 1em;
}
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
{
width:631px;
padding:0;
margin: 0;
clear: both;
height:44px;
line-height:44px;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
font-size:1em;
float:left;
}
ul.elTextMenu li
{
display: inline;
line-height:44px;
padding:0 9px 0 11px;
border-right: solid 1px #dedede;
}
ul.elTextMenu li.last
{
border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited
{
color: #787878;
text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active
{
text-decoration: underline;
color: #787878;
}
/* LOGIN FORM */
fieldset.frmLogin {
padding: 3em 0 2em 0;
font-family: Arial;
margin: 0;
font-size: 1em;
letter-spacing: .1em;
border: 0;
background-color: #FFF;
height: 500px;
clear: left;
}
fieldset.frmLogin legend
{
padding: 10px 1em 1em 1em;
margin: 0 auto;
font-size: 1.6em;
font-weight: bold;
color: #363636;
display: block;
width: 220px;
text-transform: uppercase;
}
fieldset.frmLogin p
{
color: #363636;
width: 260px;
margin: .5em auto 1.5em auto;
}
fieldset.frmLogin ul, fieldset.frmLogin ol
{
list-style-type: none;
width: 240px;
margin: 0 auto;
}
fieldset.frmLogin li
{
margin: 0 1em 1em 1em;
}
fieldset.frmLogin li.last
{
clear: right;
padding-bottom: 10px;
}
fieldset.frmLogin label
{
clear:left;
display: block;
font-weight: bold;
margin-bottom: .1em;
color: #363636;
}
fieldset.frmLogin label em
{
color: #F00;
font-weight: bold;
font-size: 1.3em;
display: block;
float: left;
margin: 0 0 0 -.8em;
}
fieldset.frmLogin input, fieldset.frmLogin select, fieldset.frmLogin textarea
{
width: 210px;
font-size: 1em;
color: #222;
padding: .2em;
margin: 0 0 .5em 0;
font-weight: normal;
}
/* Quick Search */
div.QuickSearch
{
float:left;
clear:both;
}
div.QuickSearch input
{
margin:32px 5px 0 50px;
float:left;
border:0;
font-family:verdana,tahoma;
color:#89754a;
background-color:#efefef;
padding:0 0 0 5px;
font-size:.9em;
height:17px;
line-height:17px;
width:202px;
}
form.PageContent div.QuickSearch input
{
margin:32px 5px 0 13px;
width:174px;
}
div.QuickSearch a.hoverbutton
, div.QuickSearch a.hoverbutton:link
, div.QuickSearch a.hoverbutton:visited
{
float:left;
background-image:url(../_images/darby/button_search.gif);
border:0;
width:24px;
height:19px;
display:block;
margin:31px 0 0 0;
padding:0
}
div.QuickSearch a.hoverbutton:hover,
div.QuickSearch a.hoverbutton:active,
div.QuickSearch a.hoverbutton:focus
{
background-image:url(../_images/darby/button_search_on.gif);
}
/* Tag Repater on Homepage */
ul.trHome
{
margin:0;
padding:0;
float:left;
list-style:none;
}
ul.trHome li
{
list-style:none;
margin:0;
padding:0 0 0 53px;
clear:both;
}
form.LatestNews div.elContent
{
margin:0 0 0 0;
padding-bottom:0;
}
form.LatestNews ul.trHome
{
width:650px;
}
form.LatestNews ul.trHome li
{
padding:0 0 0 35px;
width:615px;
}
ul.trHome li.first h1.elContentTitle
{
color:#695831;
font-weight:normal;
font-size:1.8em;
margin:25px 0 0 0;
}
ul.trHome li div.elContent
{
margin:0 0 0 ;
padding:0;
}
ul.trHome li div.elContent h1.Title
{
line-height:10pt;
}
ul.trHome li div.elContent h1.Title a
,ul.trHome li div.elContent h1.Title a:link
,ul.trHome li div.elContent h1.Title a:visited
{
color:#6e551f;
font-size:.45em;
line-height:10pt;
}
ul.trHome li div.elContent h2.DateStart
{
color:#6e551f;
font-size:.95em;
margin:0;
padding:0;
line-height:.1em;
}
ul.trHome li div.elContent p.Description
{
width:260px;
line-height:1.4em;
}
form.LatestNews ul.trHome li div.elContent p.Description
{
width:615px;
}
/* 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: 26px 0 0 0;
padding: 0;
list-style-type: none;
width: 250PX;
clear:both;
}
/* all list items */
ul.elLeftMenu li
{
margin: 0;
padding: 0;
}
/* all links */
ul.elLeftMenu a
, ul.elLeftMenu a:link
, ul.elLeftMenu a:visited
{
line-height:30px;
text-decoration: none;
display: block;
text-transform:lowercase;
font-weight: normal;
font-size: 1.1em;
border-bottom: solid 1px #eeeeee;
color:#b7a888;
width:235px;
padding-left:15px;
}
ul.elLeftMenu li a.depth01first
{
display:none!important;
}
ul.elLeftMenu a:hover
, ul.elLeftMenu a:active
{
color: #695831;
}
ul.elLeftMenu li a.current, ul.elLeftMenu li a.parent_current
{
color: #695831;
}
/* all lists below top level */
ul.elLeftMenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
/* 2nd level */
ul.elLeftMenu ul a
, ul.elLeftMenu ul a:link
, ul.elLeftMenu ul a:visited
{
}
/* 3rd level */
ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited
{
text-indent:10px;
}
/* 4th level */
ul.elLeftMenu ul ul ul a
, ul.elLeftMenu ul ul ul a:link
, ul.elLeftMenu ul ul ul a:visited
{
text-indent:20px;
}
/* 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
{
text-indent:30px;
}
/* SEARCH RESULTS */
.TagHighLight
{
background-color: #FFFF00;
}
div.elTags
{
clear: left;
margin-top: 15px;
}
/* PAGING */
ul.Paging
{
clear: both;
font-weight:normal;
font-size: 1em;
line-height:15px;
padding-bottom:10px;
}
ul.Paging li
{
display: block;
}
ul.Paging li.PagingPageTotal
{
display: none;
}
ul.Paging li.PagingPageNumbers
{
float: right;
margin: 0 10px 0 0;
}
ul.Paging li.PagingLastPage
{
display: none;
}
ul.Paging li.PagingNextPage
{
float: right;
margin: 0 10px 0 0;
}
ul.Paging li.PagingPreviousPage
{
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;
}
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/darby/news_arrows/news_arrow_next.gif);
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
}
ul.Paging li.PagingNextPage a:active
, ul.Paging li.PagingNextPage a:focus
, ul.Paging li.PagingNextPage a:hover
{
background-image:url(../_images/darby/news_arrows/news_arrow_next_on.gif);
}
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/darby/news_arrows/news_arrow_previous.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
ul.Paging li.PagingPreviousPage a:active
, ul.Paging li.PagingPreviousPage a:focus
, ul.Paging li.PagingPreviousPage a:hover
{
background-image:url(../_images/darby/news_arrows/news_arrow_previous_on.gif);
}
h1.elPageTitle
{
margin: 32px 30px 10px 30px;
padding: 0 0 3px 0;
}
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
{
float:right;
width:322PX;
height:50px;
line-height:50px;
display:block;
border-bottom:1px solid #eee;
}
div.elTextOnly
{
float:right;
}
div.elTextOnly a, div.elTextOnly a:link, div.elTextOnly a:visited
{
color:#a2a0a0;
text-decoration:none;
}
/* FONT SIZE */
div.elFontSize
{
float:right;
line-height:50px;
padding:0 90px 0 0;
margin:0 0 0 0;
}
div.elFontSize span.divider
{
float:left;
font-size:1em;
margin:0 10px;
color:#a2a0a0;
line-height:50px;
font-family:verdana;
}
div.elFontSize span.text
{
/*Padding, Margin & Borders*/
padding:0;
border:0;
float:left;
color:#a2a0a0;
}
/*Generic, This applies to both buttons*/
div.elFontSize a.hoverbutton,
div.elFontSize a.hoverbutton:link,
div.elFontSize a.hoverbutton:visited
{
height:15px!important;
width:18px!important;
display:block!important;
}
div.elFontSize a.hoverbutton:hover,
div.elFontSize a.hoverbutton:active,
div.elFontSize a.hoverbutton:focus
{
}
div.elFontSize span.smaller,
div.elFontSize span.larger
{
display:block;
height:15px;
width:18px;
float:left;
margin:19px 0 0 3px;
}
div.elFontSize span.smaller
{
margin:19px 0 0 5px!important;
}
div.elFontSize a.hoverbutton span
{
display:none;
}
/* STYLING SPECIFIC TO THE BUTTON TO REDUCE FONT SIZE */
div.elFontSize span.smaller a.hoverbutton
, div.elFontSize span.smaller a.hoverbutton:link
, div.elFontSize span.smaller a.hoverbutton:visited
{
background-image:url(../_images/darby/plusminus/button_minus.gif)!important;
}
div.elFontSize span.smaller a.hoverbutton:hover,
div.elFontSize span.smaller a.hoverbutton:active,
div.elFontSize span.smaller a.hoverbutton:focus
{
background-image:url(../_images/darby/plusminus/button_minus_on.gif)!important;
}
/*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
{
background-image:url(../_images/darby/plusminus/button_plus.gif)!important;
}
div.elFontSize span.larger a.hoverbutton:hover,
div.elFontSize span.larger a.hoverbutton:active,
div.elFontSize span.larger a.hoverbutton:focus
{
background-image:url(../_images/darby/plusminus/button_plus_on.gif)!important;
}
/*Contact Form*/
div.elContact
{
margin:0;
padding:0;
clear:both;
}
ul.elContact
{
list-style-type:none;
margin:0;
padding:0;
}
ul.elContact li
{
list-style-type:none;
margin:0;
padding:0;
}
ul.elContact li fieldset
{
border:0;
margin:0;
padding:0;
}
ul.elContact li fieldset legend
{
display:none;
}
/* Inside Fieldset*/
ul.elContact label
{
clear:both;
display:block;
padding:10px 0 3px 0;
font-family:tahoma,verdana;
}
ul.elContact label em
, ul.elContact label a.formDesc
{
display:none;
}
ul.elContact input
, ul.elContact textarea
{
width:300px;
}
div.elContact a.hoverbutton, div.elContact a.hoverbutton:link, div.elContact a.hoverbutton:visited
{
/*background-image:none;*/
border:0;
font-weight:normal;
float:left;
margin:10px 0 0 40px;
display:block;
line-height:18px;
height:20px;
font-family:tahoma;
color:#6e551f!important;
position:relative;
display:inline;
}
div.elContact a.hoverbutton:hover, dilv.elContact a.hoverbutton:active, div.elContact a.hoverbutton:focus
{
text-decoration:none;
}
div.elCredits
{
width:600px;
line-height:40px;
text-indent:10px;
/* */
font-size:1em;
/* */
float: left;
clear:both;
color:#787878;
}
div.elCredits a,
div.elCredits a:link,
div.elCredits a:visited
{
color:#787878;
text-decoration:none;
}
div.elCredits a:hover,
div.elCredits a:focus,
div.elCredits a:active
{
text-decoration:underline;
}
/* */
/* 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;
*/
}
/* */
/* 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;
}
a.hoverbutton
, a.hoverbutton:link
, a.hoverbutton:visited
{
background-image:url(../_images/hoverbutton/button_bkgd.gif);
}
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;
}
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_btnNewContent_disabled,
a.hoverbutton_btnNewContent_disabled:link,
a.hoverbutton_btnNewContent_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_btnNewContent_button, span.hoverbutton_btnNewContent_disabled_button
{
background-image: url(../_images/hoverbutton/add_content.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_btnNewContent_buttonLeft,
span.hoverbutton_btnNewContent_buttonRight,
span.hoverbutton_btnNewContent_disabled_buttonLeft,
span.hoverbutton_btnNewContent_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;
}
/* */
/* 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;
}
/* */