in footer (only one right now) */
}
.calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
background: #e8f0f4;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e0e4;
}
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e0e4;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c8d0d4;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #048;
color: #aef;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #e8f0f4;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/* ################################## Preview bar for admin mode ################################## */
#previewBar {
background: #46065C url(/ewcommon/images/eonic_skin/infoBar_bg.gif) top left repeat-x;
border: 1px solid #000;
border-bottom: none;
min-height: 38px;
color: #fff;
}
#previewBar #adminSubMenu2 {
margin-top: 3px;
white-space: nowrap;
text-transform: uppercase;
font-size: 0.8em;
}
#previewBar #adminSubMenu2 ul {
display: block;
margin: 10px 0 0 0;
}
#previewBar #adminSubMenu2 li {
position: relative;
list-style: none;
}
#previewBar #adminSubMenu2 ul a {
font-size: 1em;
margin-right: 5px !important;
display: block;
padding: 2px 10px 10px 10px;
margin-top: 1px;
background: #616161;
text-decoration: none;
text-transform: uppercase;
}
#previewBar #adminSubMenu2 .adminSubMenu2TL {
width: 3px;
height: 21px;
position: absolute;
top: 0;
left: 0;
}
#previewBar #adminSubMenu a.active,
#previewBar #adminSubMenu2 a.active {
color: #fff;
}
#previewBar #adminSubMenu a.on,
#previewBar #adminSubMenu2 a.on {
color: #fff;
}
#previewBar #addressBar {
position: relative;
padding: 10px 0 2px 15px;
min-height: 24px;
width: 50%;
background: url(/ewcommon/images/eonic_skin/infoBar_rhs.gif) top left no-repeat;
color: #FFF;
}
#previewBar #infoContainer {
background: url(/ewcommon/images/eonic_skin/eonicWeb_logo_bar.gif) 40px top no-repeat;
}
#addressBar .TR,
#addressBar .BL,
#addressBar .BR {
width: 3px;
height: 3px;
}
#addressBar .R {
height: 100%;
width: 3px;
}
#addressBar .B {
width: 100%;
height: 3px;
}
#addressBar .TR {
position: absolute;
top: 0;
right: 0;
}
#addressBar .BR {
position: absolute;
bottom: 0;
right: 0;
}
#addressBar .BL {
position: absolute;
bottom: 0;
left: 0;
}
#addressBar .R {
position: absolute;
top: 0;
right: 0;
}
#addressBar .B {
position: absolute;
bottom: 0;
left: 0;
}
#previewBar #addressBar .R {
background: url(/ewcommon/images/eonic_skin/addressBar_R.gif) top right no-repeat;
}
#previewBar #addressBar .B {
background: url(/ewcommon/images/eonic_skin/addressBar_B.gif) bottom left no-repeat;
}
#previewBar #addressBar .TR {
background: url(/ewcommon/images/eonic_skin/addressBar_TR.gif) top right no-repeat;
}
#previewBar #addressBar .BL {
background: url(/ewcommon/images/eonic_skin/addressBar_BL.gif) bottom left no-repeat;
}
#previewBar #addressBar .BR {
background: url(/ewcommon/images/eonic_skin/addressBar_BR.gif) bottom right no-repeat;
}
#previewBar a {
color: #fff;
}
#previewBar #adminMenu {
float: right;
}
#previewBar #logoff {
float: right;
display: inline-block;
text-decoration: none;
margin-top: 4px;
margin-right: 7px;
height: 29px;
width: 91px;
background: url(/ewcommon/images/eonic_skin/logoff_off.gif) top left no-repeat;
}
#previewBar #logoff:hover {
background: url(/ewcommon/images/eonic_skin/logoff_off_over.gif) top left no-repeat;
}
#previewBar #adminSubMenu2 ul a {
background: url(/ewcommon/images/eonic_skin/sub_menu_2_tr.gif) top right no-repeat;
}
#previewBar #adminSubMenu2 .adminSubMenu2TL {
background: url(/ewcommon/images/eonic_skin/sub_menu_2_tl.gif) top left no-repeat;
}
#previewBar #adminSubMenu2 ul a:hover {
background: url(/ewcommon/images/eonic_skin/sub_menu_2_over_tr.gif) top right no-repeat;
}
#previewBar #adminSubMenu2 a:hover .adminSubMenu2TL {
background: url(/ewcommon/images/eonic_skin/sub_menu_2_over_tl.gif) top left no-repeat;
}
#previewBar #infoContainer {
padding: 4px 0 4px 6px;
padding-left: 180px;
}
* html #previewBar #addressBar {
height: 24px;
}
#previewBar #addressBar a {
color: #FFF;
text-decoration: none;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 10px;
}
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
span.reviewRate {
display: block;
height: 14px;
width: 73px;
float: left;
margin-right: 5px;
}
span.rating1 {
background: transparent url(/ewcommon/images/layout/reviewRatings.png) no-repeat 0 -56px;
}
span.rating2 {
background: transparent url(/ewcommon/images/layout/reviewRatings.png) no-repeat 0 -42px;
}
span.rating3 {
background: transparent url(/ewcommon/images/layout/reviewRatings.png) no-repeat 0 -28px;
}
span.rating4 {
background: transparent url(/ewcommon/images/layout/reviewRatings.png) no-repeat 0 -14px;
}
span.rating5 {
background: transparent url(/ewcommon/images/layout/reviewRatings.png) no-repeat 0 0px;
}
.reviewer,
.dtreviewed {
font-weight: bold;
}
.Site #pageMenu {
margin-bottom: 20px;
padding-bottom: 20px;
}
strong {
font-weight: bold;
}
#productScroller {
width: 980px;
min-height: 180px;
overflow: auto;
margin-bottom: 1em;
}
#productScrollerInner td {
padding: 0 10px;
}
.selectOptions {
margin-bottom: 1em;
}
input#imgVerification {
width: 175px;
}
img.imgVerification {
display: block;
margin-left: 0;
margin-top: 5px;
}
.Site span.price {
display: block;
}
.Site .rrpPrice {
text-decoration: line-through;
}
.Site span.price {
font-size: 2em;
}
.Site .price span.priceSuffix {
font-size: 0.65em;
}
/* ==== RSS DEFAULTS ==== */
a.rsssubscribebutton {
float: right;
margin: 5px;
}
.Site .SubPageGrid a,
.Site .linkGrid a {
display: block;
margin: auto;
text-align: center;
}
.Site .SubPageGrid img.thumbnail,
.Site .linkGrid img.thumbnail {
float: none !important;
margin: 0;
}
.Site .SubPageGrid a:hover img,
.Site .linkGrid a:hover img {
cursor: pointer;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
-khtml-opacity: 0.85;
color: #fff;
}
/* =##########========== CALENDAR STUFF ============###########= */
td.calendarDays,
.calendarDays td,
.calendarDays th {
padding: 0 !important;
margin: 0 !important;
}
td.calendarDays {
border-bottom: 1px solid #333;
}
.calendarMonthHeader th {
vertical-align: middle;
}
th.previousMonthNav {
text-align: left !important;
width: 20%;
}
th.currentMonthNav {
text-align: center !important;
}
th.nextMonthNav {
text-align: right !important;
width: 20%;
}
.calendarHeader th {
text-align: right !important;
}
td.weekNumber {
width: 3%;
border: 1px solid #333;
border-bottom: 0;
}
td.cday {
width: 13%;
height: 100px !important;
border-right: 1px solid #333;
}
td .cdaytitle {
text-align: right;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding-right: 3px;
}
td.cday .calendarentry {
font-size: 0.8em;
padding: 2px;
border-bottom: 1px solid #cdcdcd;
}
.searchResult a img {
position: relative;
top: 3px;
margin-right: 10px;
}
.searchResult p {
margin-left: 28px !important;
}
.Site .ProductGallery {
text-align: center;
}
.Site .ProductGallery span {
display: block;
}
.Site .ProductGallery img {
float: none !important;
margin: 0;
}
.Site .ProductGallery img.thumbnail:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
-khtml-opacity: 0.85;
}
.Site .ProductGallery .listItem {
border-bottom: none;
}
.Site .ProductGallery .listItem .lIinner {
border: solid 1px #cccccc;
padding: 5px;
}
.Site .ProductGallery h3 {
font-size: 1em;
margin-bottom: 0;
}
.Site .ProductGallery h3 span.price {
font-size: 1em;
}
.Site .SubPageMenu ul {
margin: 0 !important;
}
.Site #mainLayout .SubPageMenu ul li {
list-style-type: none;
}
.Site .Grid .listItem {
border: none;
}
.Site .Grid .listItem .lIinner a {
display: block;
}
.Site .Grid .listItem .lIinner img {
margin: 0;
}
.Site .Grid .listItem .lIinner {
text-align: center;
padding: 5px;
}
.Site .Grid .listItem .lIinner h3 {
margin-bottom: 0;
font-size: 0.9em;
}
.Site .Grid .listItem .lIinner h3 span {
display: block;
}
.Site .Grid .listItem .lIinner h3 span.navTab-tl {
display: inline;
}
/* Document icons */
.Site a.docLink {
padding-left: 20px;
display: block;
background: Transparent url(/ewcommon/images/icons/Icon_genericDoc.gif) 0 0 no-repeat;
}
.Site a.pdficon {
background-image: url(/ewcommon/images/icons/Icon_PDF.gif);
}
.Site a.docicon {
background-image: url(/ewcommon/images/icons/Icon_doc.gif);
}
.Site a.docxicon {
background-image: url(/ewcommon/images/icons/Icon_doc.gif);
}
.Site a.xlsicon {
background-image: url(/ewcommon/images/icons/Icon_xls.gif);
}
.Site a.xlsxicon {
background-image: url(/ewcommon/images/icons/Icon_xls.gif);
}
.Site a.mdbicon {
background-image: url(/ewcommon/images/icons/Icon_mdb.gif);
}
.Site a.accdbicon {
background-image: url(/ewcommon/images/icons/Icon_accdb.gif);
}
.Site a.zipicon {
background-image: url(/ewcommon/images/icons/Icon_zip.gif);
}
.Site a.gificon {
background-image: url(/ewcommon/images/icons/Icon_gif.gif);
}
.Site a.jpgicon {
background-image: url(/ewcommon/images/icons/Icon_jpg.gif);
}
.Site a.pngicon {
background-image: url(/ewcommon/images/icons/Icon_png.gif);
}
.Site a.htmlicon {
background-image: url(/ewcommon/images/icons/Icon_page.gif);
}
.Site a.ppsicon {
background-image: url(/ewcommon/images/icons/Icon_pps.gif);
}
.Site a.ppticon {
background-image: url(/ewcommon/images/icons/Icon_ppt.gif);
}
.Site a.pptxicon {
background-image: url(/ewcommon/images/icons/Icon_pptx.gif);
}
.Site a.ppsxicon {
background-image: url(/ewcommon/images/icons/Icon_ppsx.gif);
}
.Site a.wmvicon {
background-image: url(/ewcommon/images/icons/Icon_wmv.gif);
}
.Site a.mp3icon {
background-image: url(/ewcommon/images/icons/Icon_music.gif);
}
.Site a.swficon {
background-image: url(/ewcommon/images/icons/Icon_swf.gif);
}
.Site a.xmlicon {
background-image: url(/ewcommon/images/icons/Icon_xml.gif);
}
/* Recipe specific */
.ingredient,
.credentials {
float: right;
clear: right;
/*width: 300px; default image width that it sits under */
margin: 0 0 15px 20px;
}
.credentials {
border: 1px solid #bcbcbc;
background: #dedede;
}
.credentials .published,
.credentials .author {
margin: 1em;
}
.recipe span.label {
font-weight: bold;
}
/* == GOOGLE MAPS ============================================================================== */
.gmap-canvas {
display: block;
height: 200px;
border: 1px solid #acacac;
background: #f4f3f0 url(/ewcommon/images/layout/gmap-canvas.gif);
}
/* == Social bookmarks ========================================================================== */
.socialBookmarks {
display: inline-block;
padding: 5px 10px;
}
.bottom-right .socialBookmarks,
.top-right .socialBookmarks {
float: right;
}
.socialBookmarks .bookmark {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
margin-right: 10px;
}
.top-right .bookmark,
.bottom-right .bookmark {
margin-right: 0;
margin-left: 10px;
}
.bookmarks-standard .facebook-bookmark {
width: 320px;
}
.bookmarks-standard-count .twitter-bookmark {
width: 87px;
}
.bookmarks-standard-count .google-bookmark {
width: 71px;
}
.bookmarks-standard-count .facebook-bookmark {
width: 130px;
}
.bookmarks-large .facebook-bookmark {
width: 44px;
}
.align-Right .socialLinks {
text-align: right;
}
.align-centre .socialLinks {
text-align: center;
}
/**
* Sitemap module
*/
.Site .Sitemap .headingLevel1,
.Site .Sitemap .headingLevel2 {
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
}
.Site .Sitemap .headingLevel1 {
font-size: 1.231em;
font-weight: 700;
border-color: #ccc;
}
.Site .Sitemap .headingLevel2 {
font-size: 1.077em;
border-color: #ddd;
}
.Site .Sitemap .description {
font-size: 0.769em;
line-height: 1.2;
color: #999;
margin-bottom: 0.333em;
}
.Site .Sitemap .description * {
margin: 0;
}
.Site .Sitemap .listLevel3 .list {
margin-left: 1em;
}
.Site .Sitemap .list .listItem {
border-bottom: 0;
}
/**
* End of Sitemap module
*/
/* Events */
.detail .tickets {
float: right;
clear: right;
width: 50% !important;
margin: 0 0 20px 20px;
}
.tickets table {
border: 0 !important;
}
table.ticketsGrouped td {
vertical-align: middle;
padding-bottom: 15px;
}
table.ticketsGrouped td p {
margin-bottom: 0;
}
.ticketsGrouped td.price {
line-height: 1.8em;
vertical-align: middle;
}
.ticketsGrouped td.quantity {
vertical-align: middle;
}
/* =================== TAG CLOUD STYLES ============= */
.Site .tag {
font-weight: normal;
}
.Site #tagcloud {
line-height: 1.5em;
margin: 0px;
}
.Site .tag0 {
font-size: 0.6em;
}
.Site .tag1 {
font-size: 0.7em;
font-weight: bold;
}
.Site .tag2 {
font-size: 0.8em;
}
.Site .tag3 {
font-size: 1em;
font-weight: bold;
}
.Site .tag4 {
font-size: 1em;
}
.Site .tag5 {
font-size: 1.2em;
font-weight: bold;
}
.Site .tag6 {
font-size: 1.4em;
font-weight: bold;
}
.Site .tag7 {
font-size: 1.6em;
}
.Site .tag8 {
font-size: 1.8em;
font-weight: bold;
}
.Site .tag9 {
font-size: 2em;
}
.Site .tag10 {
font-size: 2.2em;
font-weight: bold;
}
/* Developer Link Styles */
.Site #developerLink {
margin-top: 1em;
}
.Site #developerLink .developerLogo {
background: url("../images/developer-link.png") repeat scroll 0 -21px transparent;
display: inline-block;
height: 21px;
overflow: hidden;
text-indent: 7777px;
vertical-align: bottom;
width: 80px;
}
.Site #developerLink a {
float: none;
padding: 0;
}
.Site #developerLink a:hover .developerLogo {
background-position: 0 0;
}
/**
* Ecommerce List Orders module
*/
.Site .EcommerceListOrders td {
vertical-align: middle;
padding: 10px 0;
}
.Site .EcommerceListOrders .first td {
padding-top: 0;
}
.Site .EcommerceListOrders .last td {
padding-bottom: 0;
}
.Site .EcommerceListOrders h3 {
margin: 0;
}
.Site .EcommerceListOrders .total,
.Site .EcommerceListOrders .view {
width: 1%;
}
.Site .EcommerceListOrders .total {
font-size: 1.308em;
padding-right: 20px;
}
.Site .EcommerceListOrders .view .button {
white-space: nowrap;
}
/*
.Site .EcommerceListOrders .order { padding-bottom: 15px; }
.Site .EcommerceListOrders table { table-layout: fixed; }
.Site .EcommerceListOrders .delete
{
width: 0 !important;
padding: 0 !important;
}
.Site .EcommerceListOrders .quantity { width: 45px !important; }
.Site .EcommerceListOrders .ref { width: 80px !important; }
.Site .EcommerceListOrders .linePrice,
.Site .EcommerceListOrders .lineTax { width: 110px !important; }
.Site .EcommerceListOrders .lineTotal { width: 85px !important; }
*/
/**
* Membership User Contacts module
*/
.Site .MembershipUserContacts .add {
text-align: right;
margin: 15px 0;
}
li.buttons input[type="radio"] {
display: none;
}
li.buttons .radiocheckbox label {
background: #F5F5F5;
color: #333333;
padding: 5px 10px 5px 10px;
}
li.buttons .radiocheckbox input[type="radio"]:checked + label {
background-color: #1656a0;
*background-color: #1656a0;
color: #ffffff !important;
}
.center-block {
text-align: center;
}
/* ################################# JPlayer Styling ################################ */
.Site .jp-jplayer {
background: none!important;
font-size: 0;
line-height: 0;
}
.Site .audio {
position: relative;
}
.Site .audio .jp-type-single {
float: right;
width: 135px;
height: 26px;
margin: 0 0 10px 10px;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.Site .audio .jp-type-single {
position: absolute;
top: -41px;
right: 4px;
background: #333;
}
.Site div.jp-label {
float: left;
padding: 0 0 0 58px;
line-height: 26px;
font-size: 1em;
font-weight: bold;
}
.Site ul.jp-controls {
margin: 0;
padding: 0;
list-style-type: none;
}
.Site div.jp-interface ul.jp-controls li {
position: absolute;
}
.Site div.jp-interface ul.jp-controls a {
overflow: hidden;
position: absolute;
text-indent: -9999px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #90699c url(/ewcommon/js/jquery/jplayer/jplayer-controls.gif) left top no-repeat;
}
.Site div.jp-interface ul.jp-controls a:hover {
background-color: #bf97cb;
}
.Site a.jp-play {
background: #fff url(/ewThemes/Mosaic/images/play.gif) 0 0 no-repeat;
}
.Site a.jp-play,
.Site a.jp-pause {
height: 20px;
top: 3px;
left: 4px;
width: 20px;
}
.Site a.jp-pause {
display: none;
background-position: -20px 0 !important;
}
.Site a.jp-stop {
height: 20px;
top: 3px;
width: 20px;
left: 28px;
background-position: -40px 0 !important;
}
/* ## END JPlayer Styling ################################ */
/* Begin Form Elements
Eonic Ltd
*/
.advancedModeRow {
display: block;
}
.Site .ewXform fieldset fieldset legend {
font-size: 1.2em;
font-weight: bold;
border: none;
background: none;
display: inline;
padding: 5px;
}
.Site .ewXform fieldset fieldset legend {
border: none;
margin: 3px;
width: 100%;
}
.ewXform fieldset ol {
margin: 0;
padding: 0;
list-style: none !important;
}
.ewXform fieldset li {
position: relative;
padding-bottom: 0.3em;
margin: 3px 0 3px 0;
list-style: none !important;
}
.ewXform fieldset.inline li.label {
display: block;
clear: both;
float: none;
padding-bottom: 0;
margin: 3px 0 0 0;
}
.ewXform fieldset.inline li {
display: inline-block;
float: left;
margin-right: 10px;
}
.ewXform fieldset#submitform {
background-image: none;
border-style: none;
}
.Site .ewXform label {
padding: 0 0 3px 0;
display: block;
}
.ewXform .inline .form-group {
float: left;
display: inline-block;
width: 49%;
padding-right: 15px;
}
.ewXform .optionButtons label {
display: inline;
}
.Site .ewXform input,
.Site .ewXform textarea,
.Site .ewXform select,
.Site .ewXform .readonlyvalue {
padding: 0.3em;
font-size: 1.3em;
color: #676767;
border: solid 1px #d8d9da;
background: #FFFFFF;
}
.ewXform input.readonly,
.ewXform textarea.readonly {
background: #f1f1f1;
color: #999;
}
.ewXform input.loading {
background: url(/ewcommon/images/layout/input.loading.gif) 95% center no-repeat;
}
.Site input.readonly {
background: #F0F0F0;
color: #898989;
}
.ewXform input.slider,
#template_AdminXForm #WebSettings input.slider {
width: 50px;
}
.ewXform .radiocheckbox input {
border: 0;
background: none;
}
.ewXform .inline .rptDelete input {
margin: 25px 0 15px 0 !important;
}
.ewXform .readonlyvalue {
border: 0;
}
.ewXform select {
padding: 0.2em 0.3em 0.2em 0.3em;
/* otherwise weird padding arond controls */
}
.ewXform select.short {
width: 110px !important;
/* otherwise weird padding arond controls */
}
/* Needed so that selects are the same height as inputs - for nice floating. */
#template_AdminXForm .ewXform select {
padding: 0.3em;
}
.ewXform input.principle,
.ewXform button.principle {
float: right;
position: static;
clear: both;
}
.ewXform input.adminButton {
cursor: pointer !important;
font-size: 1em;
padding: 0px 5px 0px 15px;
margin: 0px 2px 0px 0;
font-weight: 400;
/* WHY?!?! height: 24px;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff no-repeat top right;
width: auto;
color: #000;
}
.ewXform span.radiocheckbox {
/* This lineheight insures inline radios take up the same
vertical space as inputs and drops downs for neat floating */
line-height: 2.5em;
display: inline-block;
}
.ewXform span.multiline,
.ewXform fieldset.multiline span {
display: block;
line-height: 1.7em !important;
}
#template_AdminXForm .ewXform .contentLocations fieldset.multiline span,
.ewXform .contentLocations fieldset.multiline span,
.ewXform div.multiline label {
display: block !important;
}
.ewXform span.radiocheckbox label {
clear: none;
float: none;
display: inline;
width: auto;
text-align: left;
padding-left: 7px;
padding-right: 7px;
}
.ewXform span.radiocheckbox input {
padding: 0.3em;
font-size: 1.3em;
display: inline;
width: auto;
color: #676767;
border: 0px;
}
.ewXform input.radio {
border: none;
background: transparent;
}
/* ==================Alerts =================================*/
.ewXform span.alert,
.ewXform span.hint,
.ewXform span.help {
border: none;
padding: 5px 10px 5px 35px;
color: #000;
margin: 0px;
min-height: 22px;
display: block;
}
.ewXform span.alert {
display: block;
background: transparent url(/ewcommon/images/layout/alert.png) 0px 3px no-repeat;
color: #000;
font-weight: normal;
}
span.hint,
td.hint span {
display: block;
background: transparent url(/ewcommon/images/layout/hint_small.png) left center no-repeat;
color: #000;
font-size: 0.8em;
}
span.help,
td.help span {
background: transparent url(/ewcommon/images/layout/hint_small.png) left center no-repeat;
}
td.alert span.valid {
background-image: url(/ewcommon/images/layout/message_sent_cccccc.gif);
color: #000;
padding-left: 70px;
}
#headerInfo #UserLogon {
font-size: 90%;
}
#headerInfo #UserLogon.ewXform label {
display: inline;
}
#headerInfo #UserLogon.ewXform li {
float: left;
}
#headerInfo #UserLogon.ewXform fieldset {
margin-top: 5px;
}
#headerInfo #UserLogon.ewXform fieldset ol {
float: right;
}
#headerInfo #UserLogon.ewXform fieldset.hideLabels li {
float: left;
}
.Site #headerInfo input.textbox {
width: 100px;
padding: 3px 0;
font-size: 90%;
margin-left: 10px;
}
#headerInfo .alert {
position: absolute;
bottom: 25px;
right: 0 !important;
padding: 11px 5px 11px 45px !important;
font-weight: bold;
}
#headerInfo #UserLogon label {
margin-left: 10px;
}
/* ================== FORM COLUMNS ==================*/
.ewXform fieldset.col1,
.ewXform fieldset.col2,
.ewXform fieldset.col3 {
float: left;
}
.ewXform .cols2 fieldset.col1,
.ewXform .cols2 fieldset.col2 {
width: 49%;
}
.ewXform .cols3 fieldset.col1,
.ewXform .cols3 fieldset.col2,
.ewXform .cols3 fieldset.col3 {
width: 32%;
}
.ewXform input.principle {
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*background: url("/ewcommon/images/admin/submit-principle-bg.gif") no-repeat scroll right top transparent;*/
font-size: 1em;
font-weight: bold;
/* WHY?!?!?! height:32px; */
padding: 7px;
}
input.colorPicker {
text-shadow: 1px 1px white;
-moz-text-shadow: 1px 1px white;
}
.ewXform div.slider {
width: 150px;
margin-left: 100px;
}
.ewXform div.slider span {
display: none;
}
.ewXform li.cbScroll div.checkboxes {
height: 200px;
overflow-y: auto;
overflow-x: hidden;
background-color: #f3f7fb;
}
.ewXform li.cbScroll div.checkboxes span.radiocheckbox {
display: block !important;
}
#template_AdminXForm .ewXform li.cbScroll div.checkboxes span.radiocheckbox {
display: block !important;
line-height: 1.5em;
}
#adminLayout #UserLogon .btn {
clear: none;
}
#adminLayout #UserLogon .btn-primary {
float: left;
}
#adminLayout #UserLogon .input-wrapper {
padding-bottom: 10px;
}
/* This is the standard layout for EonicCart V3 E-Commerce plug-in classes, id's and elements*/
/*#cartFull form, #glFull form NOT really a good idea padding on an inline container element, put it on fieldset.
{
padding:6px;
}*/
.cartFull form th,
#glFull form th {
text-align: right;
}
.cartFull #threeDS {
width: 500px;
height: 400px;
border: 0px;
}
.cartFull table,
#glFull table {
width: 100%;
}
#cartLegend {
border: 1px solid #666;
padding: 8px;
}
.cartFull .textareaReadOnly,
#glFull .textareaReadOnly {
border-color: #999;
background-color: #fff;
}
.cartFull td.quantity input {
width: 30px;
}
.cartFull td.description,
.cartFull td.ref,
.cartFull td.price {
font-weight: bold;
}
.cartFull th.price,
.cartFull td.price {
text-align: right !important;
}
.cartFull .optionList {
font-weight: normal;
display: block;
}
.cartFull span.radiocheckbox {
white-space: nowrap;
vertical-align: top;
/*height:25px; What you using a height for??? let it grow!! */
}
.cartFull div.radios {
width: 100% !important;
}
.ccForm label.radio {
display: inline-block;
padding-right: 20px;
/*height:25px; WHY THE HEIGHT??? Clips all descending characters and brackets !! WH 2009-01-06*/
}
.ccForm label.MC,
#PayForm label.MasterCard,
#PayForm label.Master-Card {
background: transparent url(/ewcommon/images/icons/cc/mastercard.png) no-repeat left center;
padding-left: 63px;
overflow: hidden;
width: 0;
}
.ccForm label.VISA,
#PayForm label.Visa {
background: transparent url(/ewcommon/images/icons/cc/visa.png) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
.ccForm label.UKE,
#PayForm label.Uke {
background: transparent url(/ewcommon/images/icons/cc/electron.gif) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
.ccForm label.DELTA,
#PayForm label.Delta {
background: transparent url(/ewcommon/images/icons/cc/visadebit.png) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
.ccForm label.SOLO,
#PayForm label.Solo {
background: transparent url(/ewcommon/images/icons/cc/solo.png) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
.ccForm label.SWITCH,
.ccForm label.Switch,
.ccForm label.Switch-Maestro {
background: transparent url(/ewcommon/images/icons/cc/maestro.png) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
.ccForm label.AMEX,
.ccForm label.American-Express {
background: transparent url(/ewcommon/images/icons/cc/amex.png) no-repeat left center;
padding-left: 60px;
overflow: hidden;
width: 0;
}
/*#cartLogonBox
{
float:right;
width:260px;
}
#cartRegisterBox
{
margin-right:280px;
}*/
.cartFull .textbox,
.cartFull .textarea,
.cartFull .dropdown,
#glFull .textbox,
#glFull .textarea,
#glFull .dropdown {
width: 150px;
}
#cartLegend {
line-height: 1.5;
margin-bottom: 10px;
margin-top: 10px;
}
#cartLegend .icon {
display: none;
}
#cartLegend p {
padding-left: 30px;
margin: 5px 0;
background: left center no-repeat;
}
#cartLegend .delete {
background: url(/ewcommon/images/icons/delete.png) no-repeat top left;
}
/* ======================= */
table#cartListing {
width: 100%;
margin-top: 10px;
}
#cartListing .heading {
text-align: left;
}
#cartListing TD,
#cartListing TH {
padding: 10px;
vertical-align: top;
}
#cartListing TH.heading {
line-height: 1.5;
/*color:#FFF;*/
background: #ddd;
border-bottom: 1px dashed #bbb;
}
#cartListing TD.cell,
#cartListing TD.total {
border-bottom: 1px dashed #bbb;
}
#cartListing TD.quantity {
padding-top: 3px !important;
width: 50px;
}
#cartListing TD .discount {
font-weight: normal;
}
#cartListing .lineTotal,
#cartListing .linePrice {
width: 90px;
}
#cartListing .linePrice,
#cartListing .lineTotal,
#cartListing TD.heading,
#cartListing TD.amount {
text-align: right;
}
#cartListing TD.dropdown {
white-space: nowrap;
padding: 10px 3px;
text-align: right;
}
#cartListing td.lineTotal {
font-weight: bold;
}
/* ======================= */
.cartFull h2,
#cartRegisterBox,
#glFull h2,
table.SelectDeliveryOption,
table.CreditCardPayment,
.cartButtons,
#cartInvoice,
#cartLogonBox,
#cartListing,
#cartTerms,
.optionButtons,
#optionsForm,
#PayForm {
margin-bottom: 10px;
}
#cartNotes .textarea {
width: 300px;
}
#cartNotes P {
margin: 3px 0;
}
.cartAddress {
margin-bottom: 10px;
padding-bottom: 12px;
}
#cartTerms textarea {
width: 100%;
}
#cartTandCs {
border: 1px solid #999;
height: 7em;
overflow: scroll;
padding: 5px;
margin-bottom: 10px;
}
#billingAddress {
/*margin-right:480px;*/
}
.fullwidth #deliveryAddress {
float: right;
width: 480px;
}
/*#deliveryAddress
{
float:right;
width:380px;
}*/
.shipping .dropdown {
width: auto !important;
}
th.subTitle,
.cartAddress P.addressTitle,
form h3 {
margin: 0;
}
.cartFull .alert {
color: #f00;
display: block;
}
form#giftlistForm input.radiocheckbox {
width: 43px;
}
form#giftlistForm label.singleword {
width: 150px;
}
.cartFull a.textButton,
#glFull a.textButton {
line-height: 3;
}
/* ========== ERROR MESSAGES ========== */
.errorMessage .err_sub_msg {
display: block;
margin: 0.5em 0;
}
.Site TABLE#cartListing TD.delete {
text-align: center;
width: 40px;
}
#cartListing TD.amount {
background: #ddd;
}
#cartListing .total {
font-weight: 700;
}
.cartAddress form th,
.cartAddress form td {
padding-bottom: 3px;
}
.cartAddress P,
.cartAddress h4,
.cartAddress h5,
.cartAddress a.textButton,
#cartInvoice p {
padding: 2px 5px;
margin: 0;
}
.cartFull a.button {
cursor: pointer !important;
margin: 0px 0px 0px 2px;
-moz-border-radius: 4px;
border-radius: 4px;
width: auto;
color: #000;
background: url("/ewcommon/images/admin/cart-submit-continue-bg.png") no-repeat scroll right top transparent;
font-size: 1em;
font-weight: bold;
height: 28px;
padding: 3px 27px 0 10px;
border: 1px solid #D0CFD0;
display: inline-block;
}
.cartFull a.principle {
background-image: url(/ewcommon/images/admin/submit-principle-bg.gif);
}
.cartFull .ewXform legend {
font-weight: bold;
font-size: 1.4em;
}
.cartFull .ewXform .dropdown,
.cartFull .ewXform .textarea,
.cartFull .ewXform .textbox,
.cartFull .ewXform .textBox,
.cartFull .ewXform select,
.cartFull .ewXform option {
width: 300px !important;
}
.fullwidth .cartFull .ewXform .dropdown,
.fullwidth .cartFull .ewXform .textarea,
.fullwidth .cartFull .ewXform .textbox,
.fullwidth .cartFull .ewXform .textBox,
.fullwidth .cartFull .ewXform select,
.fullwidth .cartFull .ewXform option {
width: 440px;
}
.day,
.month,
.fullwidth .cartFull .ewXform .day,
.fullwidth .cartFull .ewXform .month,
.cartFull .ewXform .day,
.cartFull .ewXform .month {
width: 60px!important;
}
.year,
.fullwidth .cartFull .ewXform .year,
.cartFull .ewXform .year {
width: 84px!important;
}
.cartFull .ewXform .short {
width: 100px;
}
.cartFull input.button {
-moz-border-radius: 4px 4px 4px 4px;
font-size: 1em;
font-weight: bold;
height: 32px;
padding: 0 5px 0 5px;
cursor: pointer;
}
.cartFull input.principle {
padding: 0 27px 0 5px;
background: url("/ewcommon/images/admin/submit-principle-bg.gif") no-repeat scroll right top transparent;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px;
color: #333;
border: 1px solid #D8D9DA;
float: right;
}
.cartFull input.continue {
border: 1px solid #D0CFD0;
padding: 0 27px 0 5px;
background: url("/ewcommon/images/admin/cart-submit-continue-bg.png") no-repeat scroll right top transparent;
background-color: #ccc;
}
.cartFull input.update {
border: 1px solid #D0CFD0;
padding: 0 27px 0 5px;
background: url("/ewcommon/images/admin/cart-submit-update-bg.png") no-repeat scroll right top transparent;
background-color: #ccc;
}
.cartFull input.empty {
border: 1px solid #D0CFD0;
padding: 0 27px 0 5px;
background: url("/ewcommon/images/admin/cart-submit-delete-bg.png") no-repeat scroll right top transparent;
background-color: #ccc;
}
.cartAddress .button {
margin: 5px;
}
p.addressTitle {
padding: 10px 5px;
font-weight: 700;
font-size: 130%;
}
/* ========== ERROR MESSAGES ========== */
.errorMessage {
/*text-align:center; Really? What paragraph looks good centered? */
padding: 15px;
margin: 20px;
background: #FFF;
color: #000;
border: 1px solid #F00;
}
.errorMessage .zz_footer {
font-weight: bold;
font-style: italic;
color: Red;
}
/*#cartLogonBox
{
width: 49%;
float:left;
}
#cartRegisterBox
{
margin-left: 50%;
width:50%;
}*/
#cartFull #cartStepper {
margin-bottom: 15px;
}
/* === Quote steps === */
#quoteStepsTop,
#quoteStepsBottom {
height: 10px;
}
#quoteSteps {
background-color: #BBB;
color: #999;
display: inline-block;
font-size: 0.917em;
height: 2.8em;
line-height: 2.8em;
}
#quoteSteps .step {
background: url(/ewcommon/images/layout/quote_step.png) no-repeat right center;
float: left;
}
#quoteSteps .last {
background: none;
}
#quoteSteps .step div {
margin: 0 1.8em 0 0.9em;
}
#quoteSteps .last div {
margin-right: 0.9em;
}
#quoteSteps .active {
color: #FFF;
}
#quoteSteps .completed {
color: #000;
}
/*
#quoteSteps .completed div
{
background: url(/ewcommon/images/layout/quote_step_completed.png) no-repeat right center;
}
*/
.quoteStepsTerminus {
clear: both;
font-size: 0%;
height: 0;
}
/*
#cartFull #quoteSteps
{
height:29px;
padding-top:3px;
font-size:0.8em;
text-align:left;
background-color:#8b8b8b;
color:#bababa;
font-weight:bold;
line-height:normal;
padding-bottom:2px;
}
#cartFull #quoteSteps .step div
{
padding-left:8px;
padding-top:7px;
padding-bottom:6px;
border-left:solid 1px #fff;
padding-right:5px;
}
#cartFull #quoteSteps .first div
{
border-left:medium none !important;
}
#cartFull #quoteSteps .step
{
background:transparent url(/ewcommon/images/layout/cart_stepper.gif) no-repeat 93% center;
}
#cartFull #quoteSteps .completed
{
color:#ffffff;
background:transparent url(/ewcommon/images/layout/cart_completed.gif) no-repeat 93% center;
}
#cartFull #quoteSteps .active
{
color:#000000;
background:transparent url(/ewcommon/images/layout/cart_current.gif) no-repeat 93% center;
}
#cartFull .quoteStepsTerminus
{
height:0;
clear:both;
}
#cartFull #quoteStepsTop,
#cartFull #quoteStepsBtm
{
height:5px;
}
*/
.cartFull input.button {
background-color: #e9e9e9;
border-color: #d0cfd0;
}
.cartFull .firstAdd {
border: solid 1px #aaa;
background: #eee;
}
.cartFull .addressGrp {
padding: 10px;
}
.cartFull .pickAddress {
margin-bottom: 10px;
}
.Site #cartFull #PayForm li.li-cardDetails {
float: left;
display: inline-block;
width: 300px;
margin-bottom: 0px;
}
.Site #cartFull #PayForm li.li-cardDetails input.textbox {
width: 280px;
}
.Site #cartFull #PayForm li.li-CV2Info {
display: inline-block;
width: 300px;
height: 380px;
margin-bottom: 0px;
padding-left: 15px;
position: inherit;
}
.Site #cartFull #PayForm li.li-CV2Info:after li {
clear: both;
padding-left: 15px;
}
/*memoryleakfix*/
|