/* _theme.css */
/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ol, ul {
/* list-style: none;*/
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
i
/* end of reset styles */
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: arial, verdana,sans-serif;
line-height: 1.3em;
font-size: 67%;
}
/* 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: 100%;
padding: 0;
margin: 15px 0 0 0;
}
/*
This decreases the width of the whole page area, in conjunction with the Pagesize Dashboard.
*/
form.bodySize-Large #base
{
width:760px !important;
}
/* ZONES */
/*new zone added so that the footer can be wider than rest */
#ZoneContainer {
width: 880px;
padding: 0;
margin: 0 auto 0 auto;
}
#ZoneHeaderRow
{
clear: both;
width:880px;
background-color: #FFF;
z-index: 3090;
margin:0 auto 0 auto;
overflow:hidden;
}
/*
This decreases the width of the whole page area, in conjunction with the Pagesize Dashboard.
*/
form.bodySize-Large #ZoneHeaderRow
{
width:760px !important;
}
#ZoneLeftColumn
{
width: 290px;
float: left;
clear:both;
display:inline;
overflow:hidden;
/*
This min-height is a Firefox fix to ensure the ZoneLeftColumn doesn't collapse when empty, moving content over.
*/
min-height:10px;
background-color: #FFF;
}
form.bodySize-Large #ZoneLeftColumn
{
width:195px;
}
#LeftRightContainer
{
width:880px !important;
margin:0 auto 0 auto;
padding:0;
overflow:hidden;
}
form.bodySize-Large #LeftRightContainer
{
width:760px !important;
}
#ZoneRightColumn
{
width: 585px;
float: left;
padding: 0;
overflow:hidden;
display:inline;
}
form.bodySize-Large #ZoneRightColumn
{
width:485px;
}
#ZoneCentreRow
{
width: 880px;
}
form.bodySize-Large #ZoneCentreRow
{
width:760px;
}
#ZoneFooterRow
{ height: 150px;
width: 100%;
margin: 30px 0 0 0;
background-color: #1a1a1a;
clear:both;
position:relative
}
#ZoneFooterLeft
{
width:50%;
position:absolute;
left:0;
bottom:0;
height:30px;
z-index:9;
}
#ZoneFooterContent
{ height: 150px;
width: 880px;
margin: 0 auto 0 auto;
z-index:10;
position:relative;
background-color:#1a1a1a;
}
#ZoneFooterStripe
{
width:50%;
position:absolute;
height:30px;
border-bottom:1px solid #fff;
margin:0;
padding:0;
right:0;
bottom:100px;
clear:none;
z-index:9;
}
form.bodySize-Large #ZoneFooterRow
{
width:760px;
}
form.elContentPage #ZoneLeftColumn
, form.elProfilePage #ZoneLeftColumn{
float:right;
clear:both;
display:inline;
}
form.elPageHome #ZoneLeftColumn{
margin: 15px 0;
}
form.elPageAdmin #ZoneCentreRow {
width:880px;
}
/* DEFAULTS */
a
, a:link
, a:visited
{
}
a:hover
, a:active
, a:focus
{
}
h1
{
font-size: 2em;
color: #fff;
font-weight:normal;
display:block;
width:544px;
height:75px;
line-height:75px;
margin:0;
padding:0 0 0 40px;
background: url(../_images/bibby/arrow.gif) 20px 30px no-repeat;
background-color:#dc2726;
}
h2,h1.elContentTitle,
form.elPageHome div#ZoneRightColumn div.elContent h1
, div.NewsIntro h1
{
font-size: 2em;
color: #000;
font-family: helvetica, "sans serif";
font-weight:normal;
padding:13px 0 15px 20px;
background: url(../_images/bibby/arrow_black.gif) 0px 23px no-repeat;
border-bottom: 1px solid #adadad;
margin:10px 20px 0 0;
line-height:1.1em
}
form.elContactPage div#ZoneRightColumn div.elContent h2
{
padding: 5px 0 5px 20px;
background-position: 0 10px;
}
div.NewsIntro h1
{
height: auto;
}
div.NewsIntro p
{
font-size: 1.1em;
color: #4c4c4c;
margin: 1em 0;
}
form.elPageHome div#ZoneRightColumn div.elContent h1 {
margin:10px 40px 0 20px;
height: auto;
}
h1.elContentTitle {
height:auto;
}
form.elPageHome h2
{
font-size: 1.7em;
color: #fff;
font-family: helvetica, "sans serif";
font-weight:normal;
margin:0;
padding:20px 25px 0 0;
border:0;
background:none;
}
h3
{
font-size: 1.2em;
color: #fff;
font-family: helvetica, "sans serif";
font-weight:normal;
margin:0;
padding:10px 20px 0 0;
border:0;
}
div.elContent h3
{
color: #000;
font-weight: bold;
font-family: arial, verdana,sans-serif;
}
form.elPageHome div.elContent h3
{
margin-left: 20px;
}
h4
{
font-size: 1.1em;
}
h5
{
font-size: 1em;
}
h6
{
font-size: 1.13em;
color: #000;
margin: 1.4em 0 0 0;
padding: 0;
font-weight:normal;
}
form.elPageHome h6
{
margin: 1.4em 0 0 20px;
}
pre
{
white-space: normal;
}
ul
{
list-style-type: disc;
}
ol
{
}
address
{
}
p
{
}
a.linkskip {
position: absolute;
top: -200px;
}
/* Element Logo */
div.elLogo {
width: 880px;
height: 68px;
}
div.elLogo h1.ident {
background-image: url(../_images/bibby/live-business-logo.gif);
background-repeat: no-repeat;
background-position: left;
width: 235px;
height: 68px;
margin:0;
padding:0;
}
div.elLogo h1.ident a {
width: 235px;
height: 68px;
display: block;
}
div.elLogo h1.ident span {
display: none;
}
/* Element Horizontal Nav */
ul.elMainMenu
{
background-color: #1a1a1a;
height: 40px;
line-height: 20px;
list-style: none;
padding: 0;
margin: 0 0 10px 0;
z-index:99;
overflow: hidden;
width:878px;
}
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
{ margin:0;
display: block;
padding: 0 25px 20px 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1.2em;
font-weight: normal;
border-right: 1px solid #fff;
/*height:20px;*/
}
ul.elMainMenu li
{
float: left;
padding: 0;
width: auto;
overflow: hidden;
white-space: nowrap;
}
ul.elMainMenu li a.current
, ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
{
background-color: #dc2726;
}
ul.elMainMenu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 200px;
margin: 0 0 0 -1px;
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: 20px;
border-bottom: solid 1px #FFF;
background-color: #ddd;
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited
{
width: 180px;
border-width: 0;
font-size: .9em;
padding: 0 10px;
color: #444;
text-transform: none;
}
ul.elMainMenu ul a:hover
, ul.elMainMenu ul a:active
{
background-color: #eee;
color: #000;
}
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: -21px 0 0 200px;
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
{
color: #444;
background-image: none;
}
ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
{
color: #FFF;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active
{
background-color: #efefef;
color: #000;
}
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;
}
/* Element Footer Menu */
ul.elFooterMenu {
bottom: 0;
margin: 0;
height: 1.5em;
line-height: 1.2em;
padding: 0;
float: right;
margin-top:26px;
}
ul.elFooterMenu li {
display: block;
float: left;
}
ul.elFooterMenu li.first {
float: left;
border-right: solid 1px #ffffff;
}
ul.elFooterMenu li.last {
border-left: 0px;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited
{
font-size: 1.1em;
color: #ffffff;
display: block;
padding: 0 16px;
text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active {
color: #ffffff;
text-decoration: underline;
}
/* bread crumb */
ul.PageBreadcrumb2 {
float:left;
clear:none;
list-style:none;
color: #000;
display:inline;
margin: 0 0 20px 0;
padding:0;
border-bottom: 1px solid #adadad;
height:15px;
width:60%;
font-size:1.1em
}
ul.PageBreadcrumb2 li{
display:inline;
color: #000;
background:url(../_images/bibby/breadcrumb.gif) center left no-repeat;
padding-left: 10px;
}
ul.PageBreadcrumb2 li.First {
background:none;
padding-left:0;
}
ul.PageBreadcrumb2 li.Last {
display:inline;
color: #8c8c8c;
}
ul.PageBreadcrumb2 a
,ul.PageBreadcrumb2 a:link
,ul.PageBreadcrumb2 a:visited
{
color: #000;
text-decoration:none;
}
div.elUser{
padding:0;
clear:none;
float:right;
height:15px;
margin: 0 0 5px 0;
border-bottom: 1px solid #adadad;
width:40%;
}
div.elUser p {
margin:0;
text-align:right;
padding:0;
font-size:1.1em;
color: #989898;
}
div.elUser p strong {
color: #231f20;
}
/* CONTENT PANEL OUTPUT */
div.elContent
{
padding: 0;
line-height: 1.5em;
font-size: 1.1em;
}
/*div.elContent h1
{
font-size: 1.4em;
color: #363636;
margin: .8em 0;
padding: 0;
}
*/
div.elContent p
{
margin: 1.4em 0;
padding: 0 40px 0 0;
color: #4c4c4c;
}
div.elContent p strong
, div.elContent p b
{
color: #000;
}
div.elContent ul {
list-style-type:disc !important;
list-style:disc !important;
color:#4C4C4C
}
div.elContent ul li {
margin-left:20px;
}
form.elPageHome div.elContent p{
padding:0 0 0 20px;
}
div.elContent a
, div.elContent a:link
, div.elContent a:visited
{
font-weight: bold;
font-size: 1em;
color: #dc2726;
}
div.elContent a:hover
, div.elContent a:active
{
text-decoration: underline;
}
div.elContent a.more
{
background: url(../_images/bibby/right-angle.gif) no-repeat 0 6px;
padding-left:10px;
text-transform:uppercase;
color:#000;
float:right
}
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;
}
div.elContent ol
{
margin: 1em;
list-style-type: decimal !important;
}
div.elContent ol li
{
margin: 1em 0 2em 1.5em;
}
img.elTitleImage {
margin:0;
padding:0;
border:0;
}
/* profile and login pages */
form.elProfilePage #ZoneCentreRow {
width:880px;
margin:0 auto 0 auto;
}
form.elProfilePage div.elContent h1 {
width:840px
}
/* 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
{
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 {
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;
}
/* 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: 0;/*10px 0 10px 0;*/
display: block;
/* border-bottom: dotted 1px #3e3e3e; */
}
ul.elTagListing li.first
{
border: 0;
padding: 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: 10px 5px 5px 0;
clear: both;
border: solid 1px #FFF;
}
ul.elTagListing div.elContent
{
padding: 0 0 10px 0;
margin: 0;
}
ul.elTagListing div.elContent h3.Title
{
font-size: 1.2em;
line-height: 1.2em;
margin: 0;
padding: 0;
background: none;
font-weight: normal;
color: #000;
text-transform:uppercase;
display:inline;
}
ul.elTagListing div.elContent a
, ul.elTagListing div.elContent a:link
, ul.elTagListing div.elContent a:visited
{
text-decoration: underline;
color: #000;
}
ul.elTagListing div.elContent a:hover
, ul.elTagListing div.elContent a:active
{
color: #333;
}
ul.elTagListing div.elContent h4.DateStart
, ul.elTagListing div.elContent h4.DateEnd
{
font-size: 1em;
font-weight: normal;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
color: #555;
display:inline;
text-decoration:none;
border:0;
background: transparent url(../_images/bibby/hypen.gif) left center no-repeat
}
ul.elTagListing div.elContent h4.DateStart span
, ul.elTagListing div.elContent h4.DateEnd span
{
font-style: italic; border:0;
}
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: 5px 0;
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: 100%;
}
/* all list items */
ul.elLeftMenu li
{
margin: 0;
padding: 0;
}
/* all links */
ul.elLeftMenu a
, ul.elLeftMenu a:link
, ul.elLeftMenu a:visited
{
height: 18px;
padding-top: 5px;
text-decoration: none;
display: block;
font-weight: bold;
font-size: .9em;
border-bottom: solid 1px #FFF;
}
ul.elLeftMenu a:hover
, ul.elLeftMenu a:active
{
background-color: #FFF;
color: #333;
}
ul.elLeftMenu ul li a.current
{
background-color: #FFF;
}
/* 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
{
padding-left: 20px;
background-image: url(../_images/default/arrow.gif) !important;
background-repeat: no-repeat;
background-position: 10px 9px;
background-color: #e7ebf7;
}
/* 3rd level */
ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited
{
padding-left: 30px !important;
font-size: .9em;
background-position: 20px 9px;
}
/* 4th level */
ul.elLeftMenu ul ul ul a
, ul.elLeftMenu ul ul ul a:link
, ul.elLeftMenu ul ul ul a:visited
{
padding-left: 42px !important;
font-size: .8em;
background-position: 32px 9px;
}
/* 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: 53px !important;
font-size: .8em;
background-position: 43px 9px;
font-weight: normal;
}
/* SEARCH RESULTS */
.TagHighLight
{
background-color: #FFFF00;
}
div.elTags
{
clear: left;
margin-top: 15px;
}
/* PAGING */
ul.Paging
{
clear: both;
font-weight: normal;
font-size: 1.1em;
margin: 5px 20px 10px 0;
display:block;
padding-top:4px;
border-top: 1px solid #989898;
color:#8c8c8c
}
ul.Paging li
{
display: block;
}
ul.Paging li.PagingPageTotal
{ float: left;
margin: 0 10px 0 5px;
/*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 20px 0 0;
display:block;
}
ul.Paging li.PagingPreviousPage
{
float: right;
margin: 0 10px 0 0;
display:none;
width:10px;
height:10px;
}
ul.Paging li.PagingFirstPage
{
display: none;
}
ul.Paging li .disabled
{
color: #B0B0B0;
}
ul.Paging li a
,ul.Paging li a:link
,ul.Paging li a:visited {
color:#231f20;
text-decoration:underline;
}
ul.Paging li .current
{ color:#8c8c8c;
text-decoration: none;
}
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/bibby/blog-arrow.gif);
background-repeat: no-repeat;
background-position: right;
padding-right: 12px;
display:block;
overflow:hidden;
}
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;
}
/*h1.elPageTitle
{
margin: 32px 30px 10px 30px;
padding: 0 0 3px 0;
}
*/
* html h1.elNewsTitle
,* +html h1.elNewsTitle {
margin-top:-3px
}
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;
}
div.elQuickSearch input
{
float:left;
height: 16px;
margin-right: -1px;
}
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 Form*/
div.elContactUsForm
,form.elProfilePage fieldset.frmRegister
{
/*
Pre & Post Text is placed inside this wrapper.
For ease, this should be kept to the same width as the UL
to ensure the hoverbutton is kept inline to the right of the form.
*/
margin:0;
padding:0 0 50px 0;
border:0;
background-color:#f2f2f2;
}
form.elProfilePage fieldset.frmRegister
{
padding-bottom:10px
}
div.elContactUsForm a
,div.elContactUsForm a:link
,div.elContactUsForm a:visited
,div.elContactUsForm p
,form.elProfilePage fieldset.frmRegister a
,form.elProfilePage fieldset.frmRegister a:link
,form.elProfilePage fieldset.frmRegister a:visited
,form.elProfilePage fieldset.frmRegister p
{
color:#000;
font-weight:normal;
font-size: 1em
}
div.elContactUsForm a:hover
,div.elContactUsForm a:active
,div.elContactUsForm a:focus
,form.elProfilePage fieldset.frmRegister a:hover
,form.elProfilePage fieldset.frmRegister a:active
,form.elProfilePage fieldset.frmRegister a:focus
{
}
form.elProfilePage fieldset.frmRegister
{
margin-top: 20px;
vertical-align:top;
padding:0;
}
div.elContactUsForm div.divInnerForm
{
list-style-type:none;
margin:0;
padding:0;
border:0;
background-color:#f2f2f2;
}
div.elContactUsForm ul.elContactUsForm
{
margin:20px 0 0 0;
padding:0
}
form.elProfilePage fieldset.frmRegister ol{
margin:0 0 10px 0;
border-bottom:1px solid #f2f2f2;
color: #4c4c4c;
}
div.elContactUsForm ul.elContactUsForm li
{
list-style-type:none;
margin:0;
padding:0;
border:0;
}
div.elContactUsForm ul.elContactUsForm li fieldset
{
border:0;
margin:0;
padding:0;
}
/*Styles the Header of Each Section*/
div.elContactUsForm ul.elContactUsForm li fieldset legend
,form.elProfilePage fieldset.frmRegister ol li fieldset legend
{
/* NOTE:
This LEGEND tag should only be used to Style TEXT
as this is all Firefox will currently display.
Use the SPAN Below for more flexibility.
*/
margin:0 0 20px 0;
padding:5px 0;
border:0;
background-color: #1a1a1a;
color: #fff;
text-transform:uppercase;
font-size:1.2em;
display:block;
width:600px;
}
* html div.elContactUsForm ul.elContactUsForm li fieldset legend
,* +html div.elContactUsForm ul.elContactUsForm li fieldset legend
,* html form.elProfilePage fieldset.frmRegister ol li fieldset legend
,* +html form.elProfilePage fieldset.frmRegister ol li fieldset legend{
margin-left: -7px
}
div.elContactUsForm ul.elContactUsForm li fieldset legend span
,form.elProfilePage fieldset.frmRegister ol li fieldset legend span
{
/*
This is displayed at the top of every section the form generates.
background-color:#999;
height:1.5em;
line-height:1.5em;
font-size:1em;
*/
padding:0 0 0 20px;
display:block;
width:593px;
}
* +html div.elContactUsForm ul.elContactUsForm li fieldset legend span
,* html div.elContactUsForm ul.elContactUsForm li fieldset legend span
,* html form.elProfilePage fieldset.frmRegister ol li fieldset legend span
,* +html form.elProfilePage fieldset.frmRegister ol li fieldset legend span {
margin:0 0 0 -7px;
padding:0 0 0 27px;
width:600px;
}
form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection legend {
display:none;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul
{
list-style-type:none;
margin:0;
padding:0;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li
,form.elProfilePage fieldset.frmRegister ol li
,form.elProfilePage fieldset.frmRegister ul li.MetaColumn
{
list-style-type:none;
margin:0;
padding:1px 0 0 0;
clear:both;
display:block;
}
form.elProfilePage fieldset.frmRegister ol li#ctl00_MiWebC_liEmail
{
min-height:30px
}
/* fieldset.frmRegister ol li fieldset ol li label
,fieldset.frmRegister ol li fieldset.MetaSection ul li label
{
float:left;
clear:left;
padding:1px 0 3px 10px;
margin-top:10px
}
*/
fieldset.frmRegister ol li fieldset ol li label
,fieldset.frmRegister ol li fieldset.MetaSection ul li label {
margin:0 0 0 15px;
padding: 0;
width:180px;
display:block;
float:left;
font-size:1em;
text-transform:uppercase;
line-height:1.4em
}
fieldset.frmRegister ol li fieldset ol li input
,fieldset.frmRegister ol li ul li input
,fieldset.frmRegister ol li ul li select
{
width:250px;
float:left;
clear:none;
margin: 0 0 10px 10px;
display:inline;
border: 1px solid #c8c8c8;
}
fieldset.frmRegister ol li ul li select{
width:253px;
}
fieldset.frmRegister ol li fieldset.MetaSection {
margin-top: -10px
}
fieldset.frmRegister ol li.clearfix {
margin-left:15px !important;
}
fieldset.frmRegister ol li fieldset.MetaSection ul.radYesNo
,fieldset.frmRegister ol li.clearfix ul.radYesNo {
display:inline;
clear:none;
float:left;
}
fieldset.frmRegister ol li.clearfix ul.radYesNo {
display:inline;
clear:none;
}
fieldset.frmRegister ol li fieldset.MetaSection ul.radYesNo li
,fieldset.frmRegister ol li.clearfix ul.radYesNo li{
display:inline;
clear:none;
}
/*fieldset.frmRegister ol li p{
margin: 15px 0 0 155px
}
*/ fieldset.frmRegister ol li fieldset.MetaSection ul.radYesNo li label
,fieldset.frmRegister ol li.clearfix ul.radYesNo li label{
text-align:left;
padding:0;
display:inline;
clear:none;
width:50px;
padding-top:6px;
}
fieldset.frmRegister ol li fieldset.MetaSection ul.radYesNo li input
,fieldset.frmRegister ol li.clearfix ul.radYesNo li input{
float:left;
display:inline;
clear:none;
border:none;
}
fieldset.frmRegister ol li p{
border:1px solid #f2f2f2;
margin:0 0 20px 15px;
}
* html fieldset.frmRegister ol li p
,* +html fieldset.frmRegister ol li p{
margin:0 0 10px 15px;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li label {
margin:0 0 0 15px;
padding: 3px 0 0;
width:135px;
display:inline;
float:left;
font-size:1em;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCgrowthchallengetcs
{
margin-bottom: .5em;
height:30px;
padding-top:10px
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCgrowthchallengetcs label
, div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCsubscribenewsletters label
, div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCsiteupdates label
{
width: 370px;
display: block;
float: left;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCgrowthchallengetcs input
, div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCsubscribenewsletters input
, div.elContactUsForm ul.elContactUsForm li fieldset ul li.elCsiteupdates input
{
float: left;
border: 0;
width: auto;
clear: none;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li input
{
width:250px;
border: 1px solid #c8c8c8;
padding:0;
margin:0 0 10px 5px;
float:left;
clear:none;
}
div.elContactUsForm div.divInnerForm ul.elContactUsForm li fieldset.MetaSection ul.MetaColumns li.MetaColumn select.BoxStd{
margin:0 0 10px 5px;
border: 1px solid #c8c8c8 !important;
width:252px;
}
div.elContactUsForm ul.elContactUsForm li fieldset ul li textarea
{
clear:none;
float:left;
width:250px;
display:inline;
padding:0;
margin:0 0 0 5px;
border: 1px solid #c8c8c8;
}
div.elContactUsForm a.hoverbutton,
div.elContactUsForm a.hoverbutton:link,
div.elContactUsForm a.hoverbutton:visited,
form.elProfilePage fieldset.frmRegister a.hoverbutton,
form.elProfilePage fieldset.frmRegister a.hoverbutton:link,
form.elProfilePage fieldset.frmRegister a.hoverbutton:visited
{
display:block;
border:0;
padding:3px 15px;
margin:20px 10px;
background:#4a4a4a none;
color:#000000 !important;
float:left;
height:auto
}
div.elContactUsForm a.hoverbutton:hover,
div.elContactUsForm a.hoverbutton:active,
div.elContactUsForm a.hoverbutton:focus,
form.elProfilePage fieldset.frmRegister a.hoverbutton:hover,
form.elProfilePage fieldset.frmRegister a.hoverbutton:active,
form.elProfilePage fieldset.frmRegister a.hoverbutton:focus
{
}
a#ctl00_MiWebC_btnSave
,a#ctl00_dash_4033aea0576241faaa34b37bd14610f4_divInner_btnSubmit
{
margin-left:15px
}
div.elContactUsForm a.hoverbutton span,
div.elContactUsForm a.hoverbutton:link span,
div.elContactUsForm a.hoverbutton:visited span,
form.elProfilePage fieldset.frmRegister a.hoverbutton span,
form.elProfilePage fieldset.frmRegister a.hoverbutton:link span ,
form.elProfilePage fieldset.frmRegister a.hoverbutton:visited span{
color:#fff;
margin:0;
font-weight:normal;
text-transform:uppercase;
background:#4a4a4a none;
padding:0;
text-decoration:none;
}
form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul li {
margin:0 !important;
padding:0;
}
/*form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn ul.radYesNo
,form.elProfilePage fieldset.frmRegister ol li.clearfix ul.radYesNo
,form.elProfilePage fieldset.frmRegister oi li p
{ margin:2px 0 0 0 !important;
float:left;
clear:left;
display:block;
width:auto;
text-align:left;
} */
/*form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn label
,form.elProfilePage fieldset.frmRegister ol li fieldset ol li label {
margin:0;
display:block;
text-align:left;
width:auto;
text-transform:uppercase;
float:left;
clear:left;
}
form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn select.BoxStd
,form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn input
,form.elProfilePage fieldset.frmRegister ol li fieldset ol li input {
margin-top:0;
display:block;
text-align:left;
width:auto;
float:left;
clear:left
} */
form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn ul.radYesNo li input
,form.elProfilePage fieldset.frmRegister ol li.clearfix ul.radYesNo li input {
display:inline;
width:auto;
margin-right:3px;
float:none;
height:15px;
}
form.elProfilePage fieldset.frmRegister ol li fieldset.MetaSection ul.MetaColumns li.MetaColumn ul.radYesNo li label
,form.elProfilePage fieldset.frmRegister ol li.clearfix ul.radYesNo li label
{ vertical-align:top;
display:inline;
margin: 0 3px;
width:auto;
padding-top:0;
float:none;
}
div.elContactUsForm a.formDesc {
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
{
}
/* home page line */
div.elHomePageLine {
width:100%;
height: 0;
border-bottom: 1px solid #adadad;
margin:0 0 10px 0;
}
* html div.elHomePageLine {
margin-top:-14px
}
/* header and mini profile drill ins*/
div.elHeaderDrills {
margin:0;
padding:0;
width:882px;
height: 256px;
clear: both;
}
div.elHeaderItem {
margin:0;
padding:0;
float:left;
width: 294px;
}
div.elHeaderItem img{
margin:0;
padding:0;
}
div.elHeaderText {
margin:0;
padding:0;
border:0;
width:290px;
height:83px;
background-image: url(../_images/bibby/home_panel_bkgd.gif);
background-repeat: no-repeat;
text-align: right;
}
* html div.elHeaderText {margin-top: -3px; }
*+html div.elHeaderText {margin-top: -3px; } /* style for IE6 and IE7 only*/
div.elHeaderText img{
margin-right:15px;
width:15px;
}
div.elHeaderText p {
padding:0;
margin: 0 25px 0 0;
}
div.elHeaderText a {
color:#fff;
font-size:1.2em;
}
/*profile page drill ins. Some classes inherit styles from the header drills above */
div.elProfileDrills {
margin:15px 0 40px 0;
padding:0;
width:588px;
}
div.elProfileDrills div.elHeaderItem {
width: 196px;
height: 163px;
overflow: hidden;
}
div.elProfileDrills div.elHeaderText {
width: 192px;
height: 163px;
overflow: hidden;
}
div.elHeaderItem img.small{
width: 192px;
}
div.elProfileDrills div.elHeaderText img {
margin-right:7px;
width:12px;
}
div.elProfileDrills div.elHeaderText p {
padding:0;
margin: 0 20px 0 0;
}
div.elProfileDrills div.elHeaderText a {
color:#fff;
font-size:1em;
}
/* how to page drill ins */
/*div.elHowToDrills {
margin:0;
padding:0;
width:882px;
height: 256px;
}
*/
div.elHowToItem {
margin:15px 0 0 0;
padding:0;
float:left;
width: 292px;
height:260px;
}
div.elHowToItem img{
margin:0;
padding:0;
border:0;
}
div.elHowToItem p
{
color: #4c4c4c;
}
div.elHowToHeader {
margin: 0;
padding:0px;
height:29px;
width:277px;
background-image: url(../_images/bibby/home_panel_bkgd.gif);
background-repeat: no-repeat;
overflow:hidden;
}
* html div.elHowToHeader {margin: -3px 0; }/* style for IE6 only */
*+html div.elHowToHeader {margin: -3px 0; } /* style for IE7 only*/
div.elHowToHeader h3 {
margin:5px 0 0 10px;
padding:0;
}
div.elHowToItem p {
width: 277px;
margin:20px 0 10px 0;
padding:5px 0;
border-top: 1px solid #adadad;
}
div.elHowToItem a.more
,div.elContent a.more
{
background: url(../_images/bibby/right-angle.gif) no-repeat 0 3px;
padding-left:10px;
font-weight:700;
}
div.elContent a.more
{
background: url(../_images/bibby/right-angle.gif) no-repeat 0 6px;
padding-left:10px;
font-weight:700;
}
/* user interaction panels */
div.elInteract {
clear:left;
background-color: #f2f2f2;
padding:0;
margin:0;
width:288px;
overflow:hidden;
}
div.elInteractHdr {
background-color:#1a1a1a;
height: 27px;
border-bottom: 2px solid #fff;
}
div.elInteract h4
{
float:left;
clear:none;
margin:0;
background-color:#1a1a1a;
color:#fff;
text-transform: uppercase;
font-weight: normal;
padding:7px 0 5px 20px;
}
div.elInteractPanel {
margin:10px 10px 0 5px
}
div.elInteract fieldset.MetaSection label a.formDesc
{
display: none !important;
}
ul.elBlogRepeater h1.elContentTitle {
font-size:1.2em;
background-image:none;
width:258px;
}
div.elInteract h5
,div#votePanel label {
margin:0;
color:#8c8c8c;
text-transform: uppercase;
font-weight: normal;
padding:7px 0 5px 16px;
width:260px;
}
div#votePanel table.RadiobuttonList label {
color:#000;
text-transform: none;
}
div.elInteract img {
border:0;
clear:none;
float:right;
margin: 5px 5px 0 0;
}
div.elInteractPanel img {
border:0;
clear:none;
float:none;
margin:0;
}
div.elInteract fieldset legend {
display:none
}
div.elInteract table {
margin: 15px 0 0;
}
div#votePanel input {
margin-left:20px
}
div.elInteract p {
margin: 0 0 30px 20px;
}
ul.elPollResults
{
margin:0 0 0 0;
list-style-type:none
}
li.chart
{
list-style-type:none
}
li.chart p
{
margin-left:0;
}
li.chart img
{
border:1px solid #c8c8c8
}
p.chartTitle
{
display:none;
}
/* see login etc for submit button styling of the vote panel */
div.clear
{
height: 1%;
clear: both;
content: ".";
height: 10px;
visibility: hidden
}
/* login float */
div.elLoginFloat {
position:relative;
top:104px;
left:70px;
z-index: 1001;
}
* html div.elLoginFloat
{top:107px
}
*+html div.elLoginFloat
{top: 107px; } /* style for IE6 and IE7 only*/
div.elLoginFloat span.elLoginFloat1 {
/*margin-left:88px;*/
}
div.elLoginFloat span.elLoginFloat2 {
background: url(../_images/bibby/right-angle.gif) no-repeat 0 5px;
border:0;
padding:1px 0 0 12px;
}
/* login form */
ul.elLogin {
clear:both;
list-style:none;
margin: 0 0 10px 14px;
padding:0;
}
ul.elLogin li {
margin: 5px 0;
padding:0;
border:0;
}
ul.elLogin li.first {
margin: 0;
padding:0;
border:0;
}
ul.elLogin label {
width: 100px;
text-transform: uppercase;
line-height: 14px;
font-size:.9em;
margin:0;
padding:0;
}
ul.elLogin input {
display:block;
border: 1px solid #c8c8c8;
width:192px;
height:18px;
padding:0;
}
ul.elLogin textarea {
border: 1px solid #c8c8c8;
width:245px;
overflow:auto;
}
ul.elLogin li.LoginButtons input {
background-color:transparent;
border:0;
display:none;
margin-top:10px;
}
ul.elLogin li.LoginButtons a.hoverbutton
,ul.elLogin li.LoginButtons a.hoverbutton:link
,ul.elLogin li.LoginButtons a.hoverbutton:visited
,div.elEmailForm div.divInnerForm a.hoverbutton
,div.elEmailForm div.divInnerForm a.hoverbutton:link
,div.elEmailForm div.divInnerForm a.hoverbutton:visited
,div#votePanel div.divInnerForm a.hoverbutton
,div#votePanel div.divInnerForm a.hoverbutton:link
,div#votePanel div.divInnerForm a.hoverbutton:visited
{
float:left;
background-image:none;
background: url(../_images/bibby/right-angle.gif) no-repeat 0 5px ;
border:0;
padding-left: 12px;
margin-bottom: 10px;
background-color:transparent;
margin-top:10px;
}
div.elEmailForm div.divInnerForm a.hoverbutton
,div.elEmailForm div.divInnerForm a.hoverbutton:link
,div.elEmailForm div.divInnerForm a.hoverbutton:visited
{
margin:-5px 0 0 16px;
}
div#votePanel div.divInnerForm a.hoverbutton
,div#votePanel div.divInnerForm a.hoverbutton:link
,div#votePanel div.divInnerForm a.hoverbutton:visited
{
margin:0 0 0 16px;
}
ul.elLogin li.LoginButtons a.hoverbutton span.hoverbutton_button
,ul.elLogin li.LoginButtons a.hoverbutton:link span.hoverbutton_button
,ul.elLogin li.LoginButtons a.hoverbutton:visited span.hoverbutton_button
, div.elLoginFloat a
, div.elLoginFloat a:link
, div.elLoginFloat a:visited
, div.elInteract a
, div.elInteract a:link
, div.elInteract a:visited
,div.elEmailForm div.divInnerForm a.hoverbutton span.hoverbutton_button
,div.elEmailForm div.divInnerForm a.hoverbutton:link span.hoverbutton_button
,div.elEmailForm div.divInnerForm a.hoverbutton:visited span.hoverbutton_button
,div.elHowToItem a
,div.elHowToItem a:link
,div.elHowToItem a:visited
,div#votePanel div.divInnerForm a.hoverbutton span.hoverbutton_button
,div#votePanel div.divInnerForm a.hoverbutton:link span.hoverbutton_button
,div#votePanel div.divInnerForm a.hoverbutton:visited span.hoverbutton_button
{
color: #000000;
text-transform: uppercase;
text-decoration: underline;
}
/* email form - see above for link styling */
ul.elEmailForm
{
clear:both;
list-style:none;
margin: 9px 0 10px 16px;
padding:0;
}
ul.MetaColumns {
list-style:none;
}
div.elEmailForm
,div.elEmailForm div.divInnerForm
,ul.elEmailForm li
,ul.elEmailForm li fieldset.MetaSection ul.MetaColumns
,ul.MetaColumns li.MetaColumn{
margin:0;
padding:0;
text-transform:uppercase;
}
ul.MetaColumns {
margin-bottom:10px;
}
ul.elEmailForm li label a{
display:none;
padding:0;
margin:0;
}
ul.elEmailForm input.BoxStd {
display:block;
border: 1px solid #c8c8c8;
width:192px;
height:18px;
padding:0;
margin-bottom:5px;
}
ul.MetaColumns li.MetaColumn{
margin:0;
padding:0;
}
fieldset.MetaSection {
margin:0;
border:0;
}
/*blog styling */
#votePanel div.elInteractPanel {
margin-bottom:0
}
#votePanel div.elInteractPanel p{
margin-top:15px
}
#votePanel div.elInteractPanel {
margin-top:15px
}
#blogPanel div.elInteractPanel {
margin-top:4px
}
ul.elBlogListing {
margin:0;
padding:0;
list-style:none;
}
ul.elBlogListing li.BlogTitle a{
color: #000;
font-weight:bold;
display:inline;
text-transform: none;
}
ul.elBlogListing li.BlogTitle {
display:inline;
background:url(../_images/bibby/blog-arrow.gif) 4px 4px no-repeat;
padding: 0 0 0 20px;
margin: 0 0 0 3px;
}
ul.elBlogListing li.BlogDate {
color: #8c8c8c;
display:inline;
margin-left: 5px;
}
ul.elBlogListing li.BlogDesc
,ul.elBlogList li.BlogDesc p{
height:30px;
overflow:hidden;
padding:0;
margin:0 5px 0 12px
}
ul.elBlogRepeater {
list-style:none;
margin:0;
padding:0;
}
ul.elBlogRepeater li {
padding:0;
margin:0;
}
ul.elBlogRepeater li.first
,div.elInteractPanel ul.Paging{
display:none;
}
ul.elBlogListing li.BlogDesc ul li.BlogTitle
,ul.elBlogListing li.BlogDesc ul li.BlogDate
{
display:none;
}
ul.elBlogListing li.BlogDesc ul {
padding:0;
margin:0;
}
ul.elBlogListing li.BlogDesc ul p{
padding:0;
margin:0;
}
/* social networking icons */
ul.BlogLinks
{
/*background-image: url(../_images/darski-2k8/dotted_line_horizontal.gif);
background-repeat: repeat-x;*/
padding: 0;
/*position: absolute;
bottom: 20px;
right: 17px;*/
list-style:none; /*added to stop bullets displaying in FF */
margin:10px 0 10px 10px;
}
ul.BlogLinks li
{
display:inline;
margin: 0 0 0 0;
}
ul.BlogLinks li a
, ul.BlogLinks li a:link
, ul.BlogLinks li a:visited
{
background-repeat: no-repeat;
background-position: left center;
padding: 0 10px 0 27px;
height: 20px;
line-height: 20px;
float:left;/*added to allow alignment in IE6 */
font-weight: normal;
color: #444;
font-size: .9em;
margin: 0 0 0 10px;
width:80px;
}
ul.BlogLinks li a:hover
, ul.BlogLinks li a:active
{
color: #739a94;
}
ul.BlogLinks li.delicious a
, ul.BlogLinks li.delicious a:link
, ul.BlogLinks li.delicious a:visited
,ul.BlogLinks li.delicious a:hover
, ul.BlogLinks li.delicious a:active
, ul.BlogLinks li.delicious a:focus
{
background-image: url(../_images/bibby/social/delicious_on.gif);
}
ul.BlogLinks li.diggit a
, ul.BlogLinks li.diggit a:link
, ul.BlogLinks li.diggit a:visited
, ul.BlogLinks li.diggit a:hover
, ul.BlogLinks li.diggit a:active
, ul.BlogLinks li.diggit a:focus
{
background-image: url(../_images/bibby/social/diggit_on.gif);
}
ul.BlogLinks li.reddit a
,ul.BlogLinks li.reddit a:link
, ul.BlogLinks li.reddit a:visited
,ul.BlogLinks li.reddit a:hover
,ul.BlogLinks li.reddit a:active
,ul.BlogLinks li.reddit a:focus
{
background-image: url(../_images/bibby/social/reddit_on.gif);
}
ul.BlogLinks li.stumbleupon a
, ul.BlogLinks li.stumbleupon a:link
, ul.BlogLinks li.stumbleupon a:visited
, ul.BlogLinks li.stumbleupon a:hover
, ul.BlogLinks li.stumbleupon a:active
, ul.BlogLinks li.stumbleupon a:focus
{
background-image: url(../_images/bibby/social/stumble_on.gif);
}
ul.BlogLinks li.facebook a
, ul.BlogLinks li.facebook a:link
, ul.BlogLinks li.facebook a:visited
, ul.BlogLinks li.facebook a:hover
, ul.BlogLinks li.facebook a:active
, ul.BlogLinks li.facebook a:focus
{
background-image: url(../_images/bibby/social/facebook.jpg);
}
/* video cast */
#videoPanel div.elInteractPanel {
margin:0;
}
#videoPanel div.clear {
height:0;
}
/* footer */
div.elFooter {
float:right;
margin: 24px 0 0 0;
padding:0;
color: #fff;
}
div.elFooter a {
color: #fff;
text-decoration: none;
}
div.elFooter img {
margin-left: 20px;
vertical-align:top;
}
/* CONTENT COMMENTS LISTING */
ul.CommentsRepeater
{
list-style-type: none !important;
margin: 2em 0 20px 0;
padding: 0;
position: relative;
}
ul.CommentsRepeater li
{
}
ul.CommentsRepeater li.first
{
}
ul.CommentsRepeater li.last
{
}
ul.CommentsRepeater li.first h2
{
background-image: none;
font-size: 1.2em;
font-weight: normal;
line-height: 1.2em;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
border-bottom: solid 1px #E0E0E0;
}
ul.CommentsRepeater li.first a.BlogPostComment
{
display: none;
position: absolute;
top: 0;
right: 0;
padding: 0 0 0 10px;
background-image: url(../_images/darski-2k8/arrow.gif);
background-repeat: no-repeat;
background-position: 0 4px;
font-weight: bold;
color: #000;
}
ul.CommentItem
{
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: solid 1px #E0E0E0;
}
ul.CommentItem li
{
margin: .5em;
line-height: 1.8em;
color: #444;
}
ul.CommentItem li.first
{
}
ul.CommentItem li.last
{
margin-bottom: 0;
}
ul.CommentItem li.first h4
{
font-size: 0.9em;
display: block;
float: left;
margin-right: 12px;
font-weight: bold;
font-size: 1.2em;
padding:0;
}
ul.CommentItem li.first span.BlogDateTime
{
display: block;
float: left;
clear: right;
font-size: .9em;
color: #444;
}
div.BlogAuthorisationPanel {
float: right;
margin-top: -8px;
}
div.BlogAuthorisationPanel a
{
padding: 0 10px 0 10px;
background-image: url(../_images/darski-2k8/arrow.gif);
background-repeat: no-repeat;
background-position: 0 3px;
font-weight: bold;
font-size: .9em;
color: #000;
}
ul.CommentItem li span.BlogCommentAuthor
{
}
ul.CommentItem li span.BlogCommentAuthor span
{
color: #444;
}
ul.CommentItem li a.BlogCommentAuthor
{
text-decoration: underline;
color: #444;
}
ul.CommentItem li.last p.BlogCommentText
{
}
/* ADD COMMENT BOX */
table.CommentDash
{
/* background-color: #a4cbec; */
background-color: #f2f2f2;
border: 0;
border-collapse: collapse;
margin: 0 0 30px 0;
font-size: .9em;
}
table.CommentDash td {
padding-bottom: 5px;
/* color: #444; */
color: #444;
}
table.CommentDash td.title
{
font-size: 1.4em;
padding: 15px 10px 0 20px;
font-weight: normal;
}
table.CommentDash td
{
padding-left: 20px;
vertical-align: top;
font-size: 1em;
}
table.CommentDash td em {
color: #FE0000;
margin-left: -7px;
padding-right: 2px;
font-weight: bold;
}
table.CommentDash td label {
font-weight: bold;
font-size: 1em;
padding-bottom: 4px;
}
table.CommentDash td input,
table.CommentDash td textarea{
border:1px solid #c8c8c8;
}
table.CommentDash td.Name input
{
font-size: 1em;
}
table.CommentDash td.RequiredFields
{
text-align: right;
padding-right: 22px;
position: relative;
top: -20px;
}
table.CommentDash td.Name input
{
width: 200px;
margin-left: 38px;
font-size: 1.1em;
}
table.CommentDash td.Email
{
padding-left: 20px;
}
table.CommentDash td.Website label
{
margin-left:1px;
}
table.CommentDash td.Website input
{
width: 200px;
margin-left: 19px;
font-size: 1.1em;
}
table.CommentDash td.Email input
{
width: 208px;
margin-left: 9px;
margin-right: 10px;
font-size: 1.1em;
}
table.CommentDash td.Comment label
{
display: block;
margin-top: 5px;
}
table.CommentDash td.Comment textarea
{
width: 525px;
height: 100px;
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
}
table.CommentDash td.ShowEmail
{
padding-left: 57px;
}
table.CommentDash td.ShowEmail input
{
margin-right: 5px;
margin-top: 2px;
clear: left;
float: left;
border-color: #919295;
}
table.CommentDash td.ShowEmail label
{
display: block;
float: left;
width: 150px;
margin-top: 4px;
}
table.CommentDash td.TxtVerify input
{
margin-left: 6px;
width: 197px;
text-transform: uppercase;
}
table.CommentDash td.ImgVerify img
{
border: solid 1px #919295;
margin-left: 73px;
}
table.CommentDash a.hoverbutton
{
margin-right: 10px;
margin-bottom: 12px;
line-height: 1.7em;
background-image: url(../_images/darski-2k8/arrow.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
border: 0;
color: #2b7b37 !important;
}
table.CommentDash a.hoverbutton span
{
color: #000;
text-transform: uppercase;
text-decoration: underline
}
table.CommentDash td.VerifyText {
padding-left: 92px !important;
padding-right: 250px;
}
div.inuse span em
{
color: red;
}
/* */
/* 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;
}
/* */