/* Begin Section _theme.css */
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;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;
}
textarea
{
font-family: arial, tahoma, sans-serif;
}
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;
}
/******************************************************
Ibuleve
Skinned by Anthony Shapley
******************************************************/
body
{
font-family: "Arial","Tahoma";
line-height:1.1em;
}
#base
{
width: 1144px;
margin: 0 auto;
}
#Header
{
background:url(../_images/ibuleve/header_bg.gif) repeat-x;
width:100%;
height:129px;
}
form.elPageHome #Header
{
height:394px;
}
#Header #ZoneHeaderRow
{
margin:0 auto;
width: 1144px;
clear: both;
}
#base #LeftRightContainer
{
width: 1144px;
}
#base #ZoneLeftColumn
{
width:330px;
float:left;
}
#base #ZoneRightColumn
{
width:814px;
float:left;
}
form.elPageHome #base #ZoneRightColumn
{
float:left;
width:800px;
}
form.elPageHome #base #ZoneLeftColumn
{
width: 344px;
float: right;
}
form.elOverview #base #ZoneLeftColumn
{
display:none;
}
form.elOverview #base #ZoneRightColumn
{
width:1144px;
}
#FooterFull
{
background:url(../_images/ibuleve/footer_bg.gif) repeat-x top left;
clear: both;
}
#FooterFull #ZoneFooterRow
{
margin:0 auto;
width: 1144px;
height:112px;
clear: both;
background:url(../_images/ibuleve/footer_bg.gif) repeat-x top left;
}
#base #ZoneCentreRow
{
}
a
, a:link
, a:visited
{
color:#008c9a;
text-decoration:none;
}
a:hover
, a:active
, a:focus
{
text-decoration:underline;
}
a.noShow
, a.noShow:link
{
display:none;
}
/****************************************************
Company Logo
****************************************************/
div.elLogo
{
width: 229px;
height: 129px;
display: block;
float: left;
}
div.elLogo h1.ident a
, div.elLogo h1.ident a:link
, div.elLogo h1.ident a:visited
{
width: 229px;
height: 129px;
display: block;
background:url(../_images/ibuleve/logo.gif) no-repeat top left;
}
div.elLogo h1.ident a span
, div.elLogo h1.ident a:link span
, div.elLogo h1.ident a:visited span
{
display: none;
}
/***************************************************
Main Menu
***************************************************/
div.elMainMenu
{
height:129px;
width:915px;
float:left;
background:url(../_images/ibuleve/header_bg_slice.gif) repeat-x top left;
}
div.elMainMenu h2
{
height:33px;
width:184px;
background:url(../_images/ibuleve/ibuleve_text.gif) no-repeat top left;
margin:28px 0 26px 20px;
}
div.elMainMenu h2 span
{
/* text-transform: uppercase;
font-weight: bold;
font-family: "Tahoma","Arial";
color:#fff;
font-size:2.4em;
text-indent:10px;
line-height:87px;
height:87px; */
display:none;
}
ul.elMainMenu
{
height: 42px;
}
ul.elMainMenu li
{
float: left;
line-height:38px;
height:42px;
display:block;
padding: 0 8px 0 0;
margin: 0 0 0 8px;
background: url(../_images/ibuleve/nav_divider.gif) no-repeat bottom right;
position:relative;
z-index:99;
}
ul.elMainMenu li a
, ul.elMainMenu li a:link
, ul.elMainMenu li a:visited
{
text-transform: uppercase;
text-decoration: none;
font-family: "Arial","Tahoma";
font-size: .7em;
font-weight: bold;
color: #fff;
}
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
, ul.elMainMenu li a:hover
, ul.elMainMenu li a:active
, ul.elMainMenu li a:focus
{
color:#fff200;
}
/* Second Level Drop Down */
ul.elMainMenu li ul
{
display:none;
position:absolute;
top:38px;
left:-999em;
}
ul.elMainMenu li.MenuItemHover ul
{
display:block;
width:200px;
left:0;
background:#ccc;
margin-left:-10px;
z-index:100;
}
ul.elMainMenu li.MenuItemHover ul li
{
padding:0;
margin:0;
background:0;
line-height:1em;
height:auto;
width:200px;
clear:both;
float:left;
}
ul.elMainMenu li.MenuItemHover ul li a
, ul.elMainMenu li.MenuItemHover ul li a:link
, ul.elMainMEnu li.MenuItemHover ul li a:visited
{
width:200px;
height:25px;
line-height:24px;
display:block;
text-indent:20px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #FFF;
}
ul.elMainMenu li.MenuItemHover ul li a:hover
, ul.elMainMenu li.MenuItemHover ul li a:active
, ul.elMainMEnu li.MenuItemHover ul li a:focus
{
color:#008c9a;
}
/* Third Level Drop Down */
ul.elMainMeni li ul li ul
{
margin:0 0 0 200px;
}
/********************************************
Side Menu
********************************************/
ul.elSideMenu
{
margin:45px 0 0 122px;
}
ul.elSideMenu li a
, ul.elSideMenu li a:link
, ul.elSideMenu li a:visited
{
width:160px;
font-family:"Arial","";
font-weight:bold;
color:#4c4c4c;
text-decoration:none;
text-transform:uppercase;
font-size:1.2em;
}
ul.elSideMenu li ul
{
margin-top:15px;
}
ul.elSideMenu li ul li a
, ul.elSideMenu li ul li a:link
, ul.elSideMenu li ul li a:visited
{
font-size:.8em;
padding-bottom:10px;
color:#008c9a;
float:left;
}
ul.elSideMenu li ul li a:hover
, ul.elSideMenu li ul li a:focus
, ul.elSideMenu li ul li a:active
, ul.elSideMenu li ul li a.current
, ul.elSideMenu li ul li a.current:link
, ul.elSideMenu li ul li a.current:visited
, ul.elSideMenu li ul li a.parent_current
, ul.elSideMenu li ul li a.parent_current:link
, ul.elSideMenu li ul li a.parent_current:visited
{
color:#4c4c4c;
}
/********************************************
Product pages, header bits.
********************************************/
div.elProduct
{
margin-top:10px;
width:764px;
height:265px;
}
div.elIbulevebg
{
background:url(../_images/ibuleve/ibuleve_gel_bg.gif) no-repeat top left;
}
div.elSpeedRelief
{
background:url(../_images/ibuleve/ibuleve_speed_relief.gif) no-repeat top left;
}
div.elMousse
{
background:url(../_images/ibuleve/ibuleve_mousse.gif) no-repeat top left;
}
div.elSpray
{
background:url(../_images/ibuleve/ibuleve_spray.gif) no-repeat top left;
}
div.elMaximum
{
background:url(../_images/ibuleve/ibuleve_maximum_strength.gif) no-repeat top left;
}
div.elProduct h2
{
padding:40px 80px 10px 360px;
font-family:"Arial Black","Arial";
font-size:1.25em;
line-height:1.2em;
color:#008c9a;
text-transform:uppercase;
}
div.elProduct ul
{
padding:0 0 0 360px;
font-size:.8em;
color:#4c4c4c;
}
div.elProduct ul li
{
background:url(../_images/ibuleve/homepage_bullets.jpg) no-repeat 0 7px;
padding:0 0 10px 10px;
}
/********************************************
Range, Where to buy
********************************************/
div.elContextContainer
{
padding:0 40px 0 0;
clear:right;
float:right;
width:270px;
overflow:hidden;
}
/********************************************
Range, Where to buy
********************************************/
div.elRange
{
float:right;
clear:both;
margin:40px 0 0 0;
padding-bottom:20px;
width:214px;
background-color: #eeeeee;
display:inline;
overflow:hidden;
}
form.elOverview div.elRange
{
margin-top:20px;
}
div.elWheretoBuy
{
margin-top:20px;
}
div.elRange h4
, ul.elPollResults li.first
{
height:35px;
line-height:32px;
text-indent:35px;
color:#fff;
width:214px;
display: block;
text-transform:uppercase;
font-family:"Arial";
font-weight:bold;
font-size:.9em;
background:url(../_images/ibuleve/pain_poll_header.gif) no-repeat top left;
}
div.elRange p
{
padding:20px;
font-size:.7em;
color:#333333;
}
div.elRange a
, div.elRange a:link
, div.elRange a:visited
{
background:url(../_images/ibuleve/painpoll_arrow.gif) no-repeat left;
/* font-size:.7em;*/
margin:0 0 10px 20px;
padding:0 0 0 15px;
float:left;
margin-top:2px;
font-size:.8em;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
div.elRange a:active
, div.elRange a:hover
, div.elRange a:focus
{
text-decoration: underline !important;
}
div.elRange ul
{
padding-top:10px;
}
div.elRange a.elPDF
, div.elRange a.elPDF:link
, div.elRange a.elPDF:visited
{
background:url(../_images/icons/pdf.gif) no-repeat 0 6px;
padding:0 20px 0 20px;
margin:10px 0 0 10px;
font-weight:bold;
font-size:.8em;
text-decoration:none;
}
div.elWheretoBuy h4
{
background:url(../_images/ibuleve/header_where_to_buy.gif) no-repeat top left;
width:179px;
height:53px;
text-indent:0;
padding:8px 0 0 35px;
line-height:1.1em;
}
div.elWheretoBuy a
, div.elWheretoBuy a:link
, div.elWheretoBuy a:visited
{
margin-top:14px;
font-size:.8em;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
/*******************************************
Pain Poll
********************************************/
div.elPain
, ul.elPollResults
, div.elPoll
{
width: 214px;
margin:0;
padding:0;
float:right;
background:#eeeeee;
clear:both;
position:relative;
min-height:350px;
}
div#elPainPollFlash
{
position:absolute;
top:0;
left:0;
}
div.elPain
{
margin-top:42px;
}
ul.elPollResults
{
padding-bottom:10px;
}
ul.elPollResults li p
{
font-size:.7em;
padding:0 20px;
}
ul.elPollResults li p.chartTitle
{
font-weight:bold;
}
form.elPageHome div.elPain
, form.elPageHome div#Pain
, form.elPageHome ul.elPollResults
, form.elPageHome div.elPoll
{
float:left;
}
form.elOverview div.elPain
{
margin:100px 0 0 20px;
float: right;
clear:both;
}
div.elPain h4
{
height:35px;
width:214px;
display: block;
background:url(../_images/ibuleve/pain_poll_header.gif) no-repeat top left;
color:#fff;
line-height:32px;
text-indent:35px;
font-size:.85em;
text-transform:uppercase;
font-family:"Arial";
font-weight:bold;
}
div.elPain p
{
font-size:.7em;
line-height:1.2em;
padding:20px;
color:#333333;
}
div.elPain a
, div.elPain a:link
, div.elPain a:visited
{
background:url(../_images/ibuleve/painpoll_arrow.gif) no-repeat left;
font-size:.7em;
margin:0 0 0 20px;
padding:0 0 0 15px;
}
div.elPain legend
{
display:none;
}
div.elPain ul.elPain
, div.elPain ul.elPainResults
{
color:#333;
padding:20px;
font-size:.7em;
}
div.elPain ul.elPain a.elNext
, div.elPain ul.elPain a.elNext:link
, div.elPain ul.elPain a.elNext:visited
{
float:right;
font-size:.95em;
text-decoration:none;
margin-top:10px;
background:url(../_images/ibuleve/painpoll_arrow.gif) no-repeat right;
padding:0 15px 0 0;
}
div.elPain ul.elPain a.elNext:hover
, div.elPain ul.elPain a.elNext:active
, div.elPain ul.elPain a.elNext:focus
{
text-decoration:underline;
}
div.elPain ul.elPain a.elPrev
, div.elPain ul.elPain a.elPrev:link
, div.elPain ul.elPain a.elPrev:visited
{
float:left;
font-size:.95em;
text-decoration:none;
background:url(../_images/ibuleve/painpoll_arrow_prev.gif) no-repeat left;
padding:0 0 0 15px;
margin:10px 0 0 0;
}
div.elPain ul.elPain a.elPrev:hover
, div.elPain ul.elPain a.elPrev:active
, div.elPain ul.elPain a.elPrev:focus
{
text-decoration:underline;
}
div.elPoll div.divInnerForm a.hoverbutton span
, div.elPoll div.divInnerForm a.hoverbutton:link span
, div.elPoll div.divInnerForm a.hoverbutton:visited span
{
border:0;
color:#008c9a;
}
div.elPoll div.divInnerForm a.hoverbutton
, div.elPoll div.divInnerForm a.hoverbutton:link
, div.elPoll div.divInnerForm a.hoverbutton:visited
{
margin:-40px 20px 0 0;
}
div.elPoll div.divInnerForm a.hoverbutton:hover span
, div.elPoll div.divInnerForm a.hoverbutton:active span
, div.elPoll div.divInnerForm a.hoverbutton:focus span
{
text-decoration:underline;
}
ul.elPainResults
, div.elPoll
{
display: none;
}
div.elPoll ul.elPainResults
{
display: block;
}
/********************************************
Content Placeholder
********************************************/
div.elContent
{
position:relative;
padding:40px 20px 20px 20px;
font-family: "Arial","Tahoma";
color:#4c4c4c;
font-size:.8em;
width:445px;
}
form.elPageHome div.elContent
{
width:auto;
padding:40px 0 0 122px;
}
form.elOverview div.elContent
{
padding: 40px 0 20px 122px;
width: auto;
}
form.elFAQ div.elContent h1
{
width:400px!important;
}
div.elContent h1
{
color:#008089;
font-family: "Arial Black","Arial", "Tahoma";
font-size:2em;
line-height:1.15em;
font-weight:bold;
padding-bottom:20px;
text-transform:uppercase;
}
form.elPageHome div.elContent h1
{
text-transform:none;
font-size:1.6em;
}
form.elOverview div.elContent h1
{
font-size:2.3em;
padding-bottom:20px;
width:400px;
}
div.elContent h2
{
color:#008089;
font-weight:normal;
font-size:1.3em;
padding-bottom:10px;
font-family:"Arial Black","Tahoma";
text-transform:uppercase;
}
div.elContent p
{
padding-bottom:10px;
}
form.elOverview div.elContent p
{
width: 550px;
}
div.elContent ul
{
padding-bottom:10px;
}
div.elContent ul li
{
background:url(../_images/ibuleve/homepage_bullets.jpg) no-repeat 0 12px;
padding:5px 0 0 10px;
line-height:1.3em;
width:445px;
}
div.Tools
{
position:absolute;
top:20px;
right:20px;
margin:20px;
}
/********************************************
Message Area (Pain Poll Related)
********************************************/
div.MessageArea
{
font-size:.8em;
}
/********************************************
Frequently Asked Questions
********************************************/
ol.elFaqTop
{
margin: 0 0 0 122px;
background:#eaf4f7;
padding:30px;
width:568px;
list-style:decimal outside;
font-family:"Arial","Arial Black";
font-size:1em;
color:#8cc6cb;
}
ol.elFaqTop li
{
padding:6px 0;
margin:0 0 0 25px;
}
ol.elFaqTop li a
, ol.elFaqTop li a:link
, ol.elFaqTop li a:visited
{
font-family: "Arial","Arial Black";
line-height:1.3em;
font-size:.8em;
font-weight:bold;
text-decoration:none;
}
ol.elFaqTop li a:hover
, ol.elFaqTop li a:active
, ol.elFaqTop li a:focus
{
text-decoration:underline;
}
ol.elAnswers
{
margin: 0 0 0 100px;
float: left;
display:inline;
padding:30px;
width:622px;
list-style:decimal inside;
color:#646464;
}
ol.elAnswers li
{
color:#646464;
border-bottom:1px solid #008c9a;
margin-bottom:20px;
clear:both;
display: list-item;
font-family:"Arial","Arial Black";
font-size:.9em;
}
ol.elAnswers li h5
{
color:#4c4c4c;
font-weight:bold;
font-family:"Arial","Arial Black";
font-size:.9em;
padding-left:10px;
display: inline;
}
ol.elAnswers li p
{
padding:20px 0 0 0;
font-size:.8em;
color:#4c4c4c;
font-weight:normal!important;
font-family:arial;
}
ol.elAnswers li a.elGoTop
, ol.elAnswers li a.elGoTop:link
, ol.elAnswers li a.elGoTop:visited
{
font-size:.8em;
text-decoration:none;
display:block;
margin:10px 0 6px 510px;
padding:0 0 0 20px;
text-transform:uppercase;
font-weight:bold;
background:url(../_images/ibuleve/faq_button.gif) no-repeat left;
white-space:nowrap;
}
ol.elAnswers li a.elGoTop:hover
, ol.elAnswers li a.elGoTop:active
, ol.elAnswers li a.elGoTop:focus
{
}
/********************************************
Homepage Drillins
********************************************/
ul.elFeaturedItems
{
margin:0 0 0 110px;
overflow: hidden;
}
form.elPageHome ul.elFeaturedItems
{
margin-bottom:16px;
}
form.elOverview ul.elFeaturedItems
{
margin: 0 0 50px 0;
background:url(../_images/ibuleve/overview_footer_gradient.gif) no-repeat bottom left;
padding:0 0 0 118px;
}
ul.elFeaturedItems li
{
display: block;
float: left;
border-left:2px solid #fff;
background:url(../_images/ibuleve/homepage_button.gif) no-repeat bottom left;
}
ul.elFeaturedItems li a
, ul.elFeaturedItems li a:link
, ul.elFeaturedItems li a:visited
{
cursor:pointer;
text-decoration: none;
color:#fff;
}
ul.elFeaturedItems li a:hover
, ul.elFeaturedItems li a:active
{
color:#fff200;
text-decoration: none;
}
ul.elFeaturedItems li a img
, ul.elFeaturedItems li a:link img
, ul.elFeaturedItems li a:visited img
{
/*width:225px;
height:124px;*/
display: block;
}
ul.elFeaturedItems li a span
, ul.elFeaturedItems li a:link span
, ul.elFeaturedItems li a:visited span
{
display:block;
line-height: 33px;
text-decoration:none;
text-indent:30px;
font-family:"Arial";
font-size:.8em;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
}
/*******************************************
Contact Form
********************************************/
div.elForm
{
margin:0 0 0 20px;
padding:20px;
background:#eeeeee;
width:405px;
float: left;
display:inline;
}
div.elForm label
{
clear:both;
float:left;
font-size:.7em;
font-family:"Arial","Arial Black";
padding:10px 0 6px;
}
div.elForm label em
{
color:red;
}
div.elForm legend
{
display:none;
}
div.elForm label a.formDesc
, div.elForm label a.formDesc:link
, div.elForm label a.formDesc:visited
{
display:none;
}
div.elForm input
{
clear:both;
float:left;
width:400px;
}
div.elForm textarea
{
clear:both;
float:left;
width:400px;
font-family: arial, tahoma, sans-serif;
}
div.elForm a.hoverbutton
, div.elForm a.hoverbutton:link
, div.elForm a.hoverbutton:visited
{
float:right;
clear:both;
margin:8px 0 0 0;
}
/*******************************************
Send to Friend
********************************************/
ul.elSend2Friend
{
margin:0 0 30px 122px;
padding:0;
float:left;
}
ul.elSend2Friend li
{
float:left;
clear:both;
width:300px;
padding:0;
margin:0;
}
ul.elSend2Friend li label
{
float:left;
clear:both;
font-size:.8em;
color:#333;
padding:10px 0 2px;
}
ul.elSend2Friend li input
,ul.elSend2Friend li textarea
{
width:300px;
float:left;
clear:both;
}
ul.elSend2Friend li a.hoverbutton
, ul.elSend2Friend li a.hoverbutton:link
, ul.elSend2Friend li a.hoverbutton:visited
{
float:right;
margin-top:10px;
margin-right:0;
}
/*******************************************
Login Form
********************************************/
fieldset.frmLogin
{
width:200px;
margin:0 auto;
padding:20px;
}
fieldset.frmLogin legend
{
font-size:2em;
line-height:1.1em;
color:#00636d;
}
fieldset.frmLogin label
{
clear:both;
float:left;
padding:7px 0 2px;
color:#666;
}
fieldset.frmLogin input
{
float:left;
clear:both;
width:200px;
}
fieldset.frmLogin p
{
color:#666;
float:left;
clear:both;
padding:10px 0 10px 0;
}
fieldset.frmLogin ol li div
{
float:left;
clear:both;
}
fieldset.frmLogin ol li.last
{
clear:both;
float:left;
}
fieldset.frmLogin a.hoverbutton
, fieldset.frmLogin a.hoverbutton:link
, fieldset.frmLogin a.hoverbutton:visited
{
float:right!important;
clear:none!important;
}
/*******************************************
Disclaimer (Homepage)
********************************************/
div.elDisclaimer
{
padding:0 0 40px 120px;
font-size:.65em;
color:#5c5c5c;
}
div.elDisclaimer p
{
padding-top:20px;
width:600px;
line-height:1.1em;
}
/*******************************************
Registered Trademark
********************************************/
span.elRegisteredTM
{
float:left;
line-height:112px;
text-indent:103px;
color:#008089;
font-family: "Arial","Tahoma";
font-size:.7em;
}
span.elClinicallyProven
{
line-height:112px;
float:right;
margin:0 103px 0 0;
padding:0 80px 0 0;
background:url(../_images/ibuleve/footer_clinically_proven.gif) no-repeat right;
color:#008089;
font-family: "Arial","Tahoma";
font-size:.7em;
}
div#ZoneCentreRow
{
font-size: .8em;
}
form.elPageAdmin div#ZoneCentreRow
{
font-size: .65em !important;
}
form.elPageAdmin div#ZoneCentreRow a
, form.elPageAdmin div#ZoneCentreRow a:link
, form.elPageAdmin div#ZoneCentreRow a:visited
{
font-weight: normal;
text-decoration: none;
}
/* End Section _theme.css */
/* Begin Section formdisable.css */
div.divProtect
{
position: absolute;
top: 0;
left: 0;
min-height: 100%;
width: 100% !important;
margin: 0;
padding: 0;
background-color: #b0b0b0;
z-index: 99;
cursor: wait;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
/*
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-moz-opacity: 60;
opacity: 60;
*/
}
/* End Section formdisable.css */
/* Begin Section messagearea.css */
.MessageArea
{
z-index: 100;
padding: 18px 5px 30px 5px;
width: 400px;
margin: 0;
position: absolute;
left: 50%;
top: 25%;
border: solid 1px #999900;
background: #FFF;
background-image: url(../_images/messagearea/bg_slice.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.MessageArea a.Close
, .MessageArea a.Close:link
, .MessageArea a.Close:visited
{
position: absolute;
top: 2px;
right: 2px;
background-image: url(../_images/admin/icons/button_close/button_close.gif);
background-repeat: no-repeat;
width: 14px;
height: 14px;
}
.MessageArea a.Close:hover
, .MessageArea a.Close:active
{
background-image: url(../_images/admin/icons/button_close/button_close_on.gif);
}
.MessageArea a.Close span
{
display: none;
}
.MessageAreaText a.formDesc
{
display: none;
}
.MessageAreaText
{
font-weight: bold;
padding: 3px;
}
.MessageAreaWarning
{
border: solid 2px #FF0000;
}
.MessageAreaValidation
{
border: solid 2px #FF9900;
}
.MessageAreaInfo
{
border: solid 2px #00FF00;
}
.MessageAreaStopError
{
border: solid 2px #FF0000;
}
.MessageAreaQuestion
{
border: solid 2px #eeee11;
}
.messagearea_list
{
position: absolute;
right: 2px;
bottom: 0;
margin: 0;
padding: 0;
list-style: none;
height: 22px;
width: 250px;
}
ul.messagearea_list li
{
display: inline;
}
/***********************************************************************************************************************/
/* Hover Buttons */
/***********************************************************************************************************************/
a.hoverbutton_messagearea
{
margin: 0 0 0 -1px;
padding: 0 15px;
display: block;
float: right;
height: 18px;
color: #FFF !important;
text-decoration: none;
text-align: center;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 1.4em;
}
a.hoverbutton_messagearea
, a.hoverbutton_messagearea:link
, a.hoverbutton_messagearea:visited
{
background: url(../_images/hoverbutton/button_bkgd.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover
, a.hoverbutton_messagearea:active
{
color: #FFF !important;
background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x;
text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft
, span.hoverbutton_messagearea_buttonRight
{
display: none;
}
a.hoverbutton_messagearea_disabled
, a.hoverbutton_messagearea_disabled:link
, a.hoverbutton_messagearea_disabled:visited
{
margin: 0 0 0 -1px;
background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
display: block;
float: right;
color: #333 !important;
padding: 0 15px;
text-decoration: none;
text-align: center;
cursor: default;
height: 18px;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 1.4em;
}
a.hoverbutton_messagearea_disabled:hover
, a.hoverbutton_messagearea_disabled:active
{
background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x !important;
color: #333 !important;
text-decoration: none;
}
span.hoverbutton_messagearea_disabled_buttonLeft
, span.hoverbutton_messagearea_disabled_buttonRight
{
display: none;
}
/* End Section messagearea.css */
/* Begin Section button.css */
/* BUTTONS */
a.hoverbutton
{
margin: 0 0 0 -1px;
padding: 0 15px;
display: block;
float: right;
height: 18px;
color: #FFF !important;
text-decoration: none !important;
text-align: center;
border: solid 1px #9F9F9F;
cursor: pointer;
line-height: 16px;
}
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,
a.hoverbutton_btnCut_disabled,
a.hoverbutton_btnCut_disabled:link,
a.hoverbutton_btnCut_disabled:visited,
a.hoverbutton_btnCopy_disabled,
a.hoverbutton_btnCopy_disabled:link,
a.hoverbutton_btnCopy_disabled:visited,
a.hoverbutton_btnPaste_disabled,
a.hoverbutton_btnPaste_disabled:link,
a.hoverbutton_btnPaste_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_btnCut_button, span.hoverbutton_btnCut_disabled_button
{
background-image:url(../_images/hoverbutton/btn_cut.gif);
}
span.hoverbutton_btnCopy_button, span.hoverbutton_btnCopy_disabled_button
{
background-image:url(../_images/hoverbutton/btn_copy.gif);
}
span.hoverbutton_btnPaste_button, span.hoverbutton_btnPaste_disabled_button
{
background-image:url(../_images/hoverbutton/btn_paste.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,
span.hoverbutton_btnCut_buttonLeft,
span.hoverbutton_btnCut_buttonRight,
span.hoverbutton_btnCut_disabled_buttonLeft,
span.hoverbutton_btnCut_disabled_buttonRight,
span.hoverbutton_btnCopy_buttonLeft,
span.hoverbutton_btnCopy_buttonRight,
span.hoverbutton_btnCopy_disabled_buttonLeft,
span.hoverbutton_btnCopy_disabled_buttonRight,
span.hoverbutton_btnPaste_buttonLeft,
span.hoverbutton_btnPaste_buttonRight,
span.hoverbutton_btnPaste_disabled_buttonLeft,
span.hoverbutton_btnPaste_disabled_buttonRight
{
display: none !important;
}
/* End Section button.css */