/*##### LAYOUT #####*/ /*-------------------*/ /* and
...
sit alongside each other their width values should add up to 100%. 99% to be safe ie; to avoid accidental float dropping due to margins taking the overall width beyond 100%*/ /* Usually overridden by theme #sidebar { float:left; width: 0;} #anite_content {float:left; width:99%;} */ #anite_content div#buttonpanelcontainer {margin:2.5em 0 0em 0;width:100%;} #anite_content div#buttonpanelcontainer div#buttonpanel {float:right;height:3em;} #anite_content div#buttonpanelcontainer a.cancel_link {float:left;} #anite_content div#buttonpanelcontainer_wide {margin:2.5em 0 0em 0;width:100%;} #anite_content div#buttonpanelcontainer_wide div#buttonpanel {float:right;} #anite_content div#buttonpanelcontainer_wide a.cancel_link {float:left;} #anite_content div#buttonpanel input {margin-left:.5em; padding:.1em .3em;vertical-align:bottom;} /*##### GENERAL DEFAULTS #####*/ /*----------------------------*/ /* Default font and font size. This is usually overridden by a theme or existing cutomer css*/ /*body#anitesales div, body#anitesales p, body#anitesales th, body#anitesales td, body#anitesales li, body#anitesales dd, body#anitesales a, body#anitesales div, body#anitesales input, body#anitesales label, body#anitesales pre, body#anitesales h1, body#anitesales h2, body#anitesales h3, body#anitesales h4, body#anitesales h5, body#anitesales h6 {font-family:Arial,Verdana,serif;} body#anitesales {margin:0;padding:0;font-size:82.5%;color:#000;background-color:#fff;}*/ body#anitesales iframe#Anite3dSecureIframe {width:640px;height:450px;border:none;} body#anitesales #anite_content div.fieldsetsummary h3 {font-size:140% !important;background-color:transparent;margin:0 0 10px 0;padding:0;} body#anitesales #anite_content table.confirm label {font-weight:bold;padding-right:10px;} body#anitesales #anite_content table.confirm td {padding:2px 0;} body#anitesales #anite_content div.group_link {xfloat:left;margin:0 15px 5px 0;} body#anitesales #anite_content div.group_link img {padding-right:14px;width:20px;height:20px;} body#anitesales #anite_content div.group_link a {white-space:nowrap;} body#anitesales #anite_content div.group h3 {margin:25px 0 10px 0;} body#anitesales #anite_content div.group a.backtotop {color:#888;font-size:90% !important;} body#anitesales #anite_content div.group ul {margin-top:0;padding-top:0;} body#anitesales #anite_content div.group li {margin-bottom:0;} body#anitesales #anite_content h1 {font-size:230% !important;} body#anitesales #anite_content h2 {font-size:200% !important;} body#anitesales #anite_content h3 {font-size:180% !important;} body#anitesales #anite_content h2 span.alongsideimage {vertical-align:35%;} body#anitesales #anite_content ul li {margin-bottom:1em;} #anite_content div#groupings {margin:1em 0;} #anite_content label.disabled {color:#999;font-style:italic;} #anite_content input.disabled {background-color:#ddd;} #anite_content div#printthispage {} #anite_content div#printthispage img {} #anite_content .prelabelwithalign {display:block; float:left; line-height:1.3em; vertical-align:text-bottom;} div.anite-page-entercarddetails #anite_content img.cards {margin:2em 2em 1em 0em;} div.anite-page-selectsaleform #anite_content img.cards {padding:10px 0 20px;} #anite_content fieldset {padding:1em;margin-top:2em;position:relative;} #anite_content fieldset legend {font-size:160% !important;color:#15742F;height:1em;} #anite_content a img {border:0;padding-right:5px;} #anite_content div.paymentdetails_container div.paymentdetails {margin-top:1.5em;} #anite_content input#issuenumber, #anite_content input#validfrom, #anite_content input#expiresend, #anite_content input#securitycode, #anite_content input#postcode, #anite_content input#housenumber, #anite_content input#noofinstalments {width:8em;} #anite_content input#ccppayment {width:1em;float:left;} #anite_content div.paymentdetails table {margin-top:1em;} #anite_content div.paymentdetails table tr {padding-bottom:1em !important;} #anite_content div.paymentdetails table td {height:2em; padding:.5em .8em;} #anite_content div.paymentdetails table td strong {font-size:140% !important;} #anite_content div.paymentdetails table td.label {background-color:#F2F2F2;font-weight:bold;} #anite_content div.paymentdetails table input {width:20em;} #anite_content div.paymentdetails table select {width:8em;} #anite_content div.paymentdetails table textarea {width:20em;} #anite_content .readonly {background-color:#ded;} #anite_content .important {} #anite_content div.warningbox {margin:2em 0;} #anite_content div.warningbox h3 {margin-bottom:10px;background-color:Yellow;color:Red;font-size:150% !important;clear:both;} #anite_content div#paymentreceiptarea h2 {margin-bottom:1em;} #anite_content div#paymentreceiptarea table.paymentdetails {margin-top:2em;float:left;} #anite_content .confirmation {padding:.2em 1em;margin-top:2em;margin-bottom:2em;background-color:#FFFFE0;border:1px solid #cFcFb0;clear:both;} #anite_content .confirmation p {margin-top:1em;} #anite_content div.councildetails {margin:1em 0 2em;} #anite_content div.councildetails h3 {font-size:140% !important;margin:0 0 5px;padding:3px 10px;} #anite_content div.councildetails div.council_address {} #anite_content div.councildetails div.council_url {padding:0;margin:0;} #anite_content div.radiowrapper {display:block;xmargin-top:10px;} #anite_content div.radiocontainer {display:inline;} #anite_content div.anite-radio-clear {clear:both;} #anite_content label.radio {padding:0 1.25em 0 .25em;} /*This caused Islington's header backgrounds to be reset to white in #anite_container #anite_content {xposition:relative;}*/ #anite_content br.anite_contentclear {clear:both;} #anite_content .skiptocontent {position:absolute;top:-3em;left:-200em;display:block;} #anite_errorpanel {clear:both;margin-bottom:1.5em;} #anite_errorpanel ul {margin-top:1.5em;} #anite_errorpanel li {color:Red;font-size:100% !important;} #anite_content img.inline {padding:0 10px;} #anite_content img.inline_left {padding-right:10px;} #anite_content img.inline_right {padding-left:10px;} #anite_content em.fieldnote {color:#15742F;padding-left:.5em;font-size:80%;} #anite_content em.fieldnote strong {font-size:80%;}* #anite_content div.pagecontainer {position:relative; /*IE fix where form has width defined and progress container is mal-positioned otherwise*/} #anite_content .anite_clear {clear:both;} #anite_content .clear {clear:both;} /*## When using tabular page layout ##*/ #anite_content table.formtable {padding:0;white-space:nowrap;vertical-align:bottom;} #anite_content table.formtable td {white-space:nowrap;} #anite_content table.formtable td input {padding:0; margin:0;} #anite_content table.formtable td.postlabel {white-space:nowrap;} /*#### PAGING PROGRESS INDICATOR ####*/ /*-----------------------------------*/ body#anitesales #anite_content div.saleform_functionheader {position:relative;margin-bottom:1em;} body#anitesales #anite_content div.saleform_functionheader .topprogress {position:absolute;top:0;left:0;float:none;} #anite_content #pagecounterpanel_container {float:right;height:4em;xwidth:15.3em;margin:0 0 1em;clear:both;position:relative;} #anite_content #pagecounterpanel {color:#22c;margin-top:1em;} #anite_content #pagecounterpanel div.pagecounterarea div.progresscontainer {background-color:#2f3;height:100%;} #anite_content .anite_paymentprogress #pagecounterpanel div.pagecounterarea div.progresscontainer {background-color:#fbc;} #anite_content #pagecounterpanel div.pagecounterarea div.progresscontainer_100percent {width:100%;} #pagecounterpanel span.pagecounterarea span {border-top:1px solid #88f; border-left:1px solid #88f; border-bottom:1px solid #88f;} #pagecounterpanel span.pagecounterarea em.lastone, #pagecounterpanel span.pagecounterarea span.lastone {border:1px solid #88f;} #anite_content #pagecounterpanel div.progress {position:relative;top:.1em;float:right;color:#000;} #anite_content #pagecounterpanel div.progress_100percent {position:relative;left:-3em;} #anite_content #pagecounterpanel div.pagecounterarea {width:15em;height:1.5em;background-color:#eee;border:1px solid #cce;} #anite_content #pagecounterpanel div.label {margin-right:1em;color:#000;} #anite_content #pagecounterpanel span {} #anite_content #pagecounterpanel .dropshadow {position:relative;} #anite_content #pagecounterpanel span.pagecounterarea em {padding:.25em; font-style:normal; font-weight: bold; background-image: url(../../images/gradient1.gif); background-position:top left; background-repeat: no-repeat; background-color:#9BD0EB; color:#000; border-top:1px solid #88f; border-left:1px solid #88f; border-bottom:1px solid #88f;} #anite_content .pagecounterlabel {padding-right: 1em;} /*#### Form Designer - widths*/ #anite_content .labelwidth_5 {width:5em;float:left;} #anite_content .labelwidth_10 {width:10em;float:left;} #anite_content .labelwidth_15 {width:15em;float:left;} #anite_content .labelwidth_20 {width:20em;float:left;} #anite_content .labelwidth_25 {width:25em;float:left;} body#anitesales #anite_content .floatleft {float:left;} body#anitesales #anite_content .floatright {float:right;} #anite_content .mand_container {float:right;clear:both;} #anite_content img.anite_mandatory {} #anite_content span.anite_mandatory {} #anite_content div.pagehelpcontainer {} #anite_content div.pagehelpcontainer br {clear:both;} #anite_content p.pagehelp {float:right;} #anite_content span.help_newwindow {font-weight:normal;} #anite_content .footer_container {clear:both;} body#anitesales #anite_content .salefootertext h2 {margin:0;font-size:120% !important;} #anite_content input.primarybutton {font-size:100% !important;font-weight:bold;} #anite_content div.user_option {margin:0 0 1em;} #anite_content div.user_option_container {margin-top:3em;clear:both;} #anite_content div.user_option a {font-size:100% !important;} #anite_content a.basket_link {float:right;} #anite_content hr {display:block;} #anite_content .prelabelwithalign {display:block; float:left; line-height:1.3em; vertical-align:text-bottom;} #anite_content label.radio {padding:0 1.25em 0 .25em;} #anite_content .verify_help {clear:both;} #anite_content .amount {font-size:120% !important;padding:.2em; } #anite_content .fieldsetsummary {margin-bottom:1em;} #anite_content a.goback_link {float:left;} #anite_content fieldset.warnings table {} #anite_content .help_container {margin:1em 0;} #anite_content .helpwindow_exit {margin-top:2.5em;} #anite_content a.anite_help {padding-left:12px;} #anite_content a.anite_help_flush {padding-left:0;} #anite_content a.anite_help img {padding-right:7px;} /* PayPal */ #anite_content div.paypal_expresscheckout {float:right; margin-bottom: 5px;} #anite_content div.paypal_button_container {float:right;width:30%;} #anite_content div.card_or_paypal {float:right; width:10%; padding:0px 30px 0px 30px;} #anite_content div.pay_by_card_button_container {float:right;} #anite_content div.pay_by_card_button_container a {display: block; width: 154px; height: 17.5px; background: #FF9900; padding: 5px; text-align: center; color: white; font-weight: bold; } #anite_content div.paypal_clear {clear:both; width:100%;} /*#### SHOPPING BASKET - generic styles ####*/ /*------------------------------------------------*/ #anite_content .shoppingbasket th {text-align:left;} #anite_content .shoppingbasket th.basketamount {text-align:right;} #anite_content .shoppingbasket td.basketamount {text-align:right;} #anite_content .shoppingbasket td.delete {text-align:center;} #anite_content .shoppingbasket th, #anite_content .shoppingbasket td {padding:5px;} /*#### SHOPPING BASKET - specific style options ####*/ /*------------------------------------------------*/ #anite_content .shoppingbasket-paymentpages {float:right;} #anite_content .shoppingbasket-paymentpages {margin:0 .5em;} body#anitesales #anite_content div.shoppingbasket-receiptpage {clear:both;margin:3.5em 0; padding-top: 40px;} /*#### SHOPPING BASKET - colourful ####*/ /*------------------------------------------------*/ #anite_content .basketstyle-colourful {font-family: "Arial","Trebuchet MS", Verdana,Helvetica, sans-serif;} #anite_content .basketstyle-colourful td {font-size:100%;} #anite_content .basketstyle-colourful th {font-family: "Arial","Trebuchet MS", Verdana,Helvetica, sans-serif; font-size:120%; border-right:1px solid #5B99C1; border-top:1px solid #5B99C1; border-bottom:1px solid #5B99C1; letter-spacing:.1em; padding:6px 6px 6px 12px; background:#CAE8EA url(../../../images/shoppingbasketheader.jpg) no-repeat;} #anite_content .basketstyle-colourful th.item {border-left: 1px solid #5B99C1;} #anite_content .basketstyle-colourful td.footeritem {border-left: 1px solid #5B99C1;} #anite_content .basketstyle-colourful td {border-right:1px solid #5B99C1; border-bottom:1px solid #5B99C1; letter-spacing:.1em; padding:6px 6px 6px 12px;} #anite_content .basketstyle-colourful tr.alt {background-color:#FAFAD8;} #anite_content .basketstyle-colourful td.item {border-left:1px solid #5B99C1;} #anite_content .basketstyle-colourful tr.admincharge {background-color:#f9f9ff;} #anite_content .basketstyle-colourful tr.total {background-color:#f9f9ff;} /*#### SHOPPING BASKET - basic ####*/ /*-----------------------------------------------*/ #anite_content .basketstyle-basic table {border:1px solid #ccf; background-color:#fff;} #anite_content .basketstyle-basic span {font-style:italic; font-family: georgia,'times new roman',serif; font-size:90%;} #anite_content .basketstyle-basic table td hr {color:#ccf; height:1px;margin-bottom:1px;} #anite_content .basketstyle-basic table thead tr {background-color:#eef;} #anite_content .basketstyle-basic table td.basketamount {font-size:100% !important;} /*#### 3d secure logo area */ #anite_content .anite_3dsecure_logos {float:right;border:1px solid #eee;padding:5px 0 10px 10px;margin-left:2em;} #anite_content .anite_learnmore {text-align:center;margin-top:0px;} #anite_content .anite_susqequent3dsecurelogo {margin-top:20px;} #anite_content .anite_3dsecure_logos_inline .anite_3dsecure_logo {float:right;margin:10px 10px 0 0;} #anite_content .anite_3dsecure_logos_inline_left .anite_3dsecure_logo {float:left;height:80px;} #anite_content .anite_viewbasket3dlogo {} #anite_content fieldset.anite_nudgeup {margin-top:0;} #anite_content div#selectservice {clear:both;} #anite_content div#selectservice div.group {} #anite_content div#selectservice div.group ul {margin:1em 0 0;} #anite_content div#selectservice div.group ul li {padding-bottom:1em;} body#anitesales #anite_content div.group h3 {margin:25px 0 10px;font-size:230%;clear:both;xbackground-color:#F2F2F2;position:relative;} body#anitesales #anite_content div#groupings {margin:1em 0 2em;clear:both;} body#anitesales #anite_content div.group_link {display:inline;padding-right:1.5em;} #anite_content a.backtotop {float:left;clear:both;margin-bottom:1em;font-size:80%;font-weight:normal;} span.anite-shoppingbasket a img {border:0;} span.anite-shoppingbasket a:hover {background-color:#fff;} span.anite-shoppingbasket a:hover img {border:0;} span.anite-shoppingbasket {padding:3px;background-color:#f6f6f6;} body#anitesales div.anite-page-viewbasket h3 {margin-bottom:1em;font-size:120%;} body#anitesales div.anite-page-viewbasket caption {text-align:left;padding-bottom:4px;} body#anitesales div.anite_related_forms_container {width:400px;} body#anitesales div.anite_related_forms_container div.anite_related_form {clear:both;padding-bottom:3px;border-bottom:1px solid #ddd;margin-bottom:18px;} body#anitesales div.anite_related_forms_container div.anite_related_form_image {float:left;padding-right:5px;width:50px;} body#anitesales div.anite_related_forms_container div.anite_related_form_description {float:left; width:300px;} body#anitesales #anite_content div.cardimagecontainer img {float:left;} body#anitesales div.anite-page-viewbasket a.goback_link {margin-bottom:2em;} body#anitesales #anite_content div.ngate-deliverydetails {margin:1em 0; padding:15px; background-color:#eee;} body#anitesales #anite_content div#anite_uploadedfilespanel h4 {padding-left:10px;} body#anitesales #anite_content div#anite_uploadedfilespanel li {list-style-image:url(../../../images/Saved-small.jpg) !important; margin:0 0 5px 0;padding:0 0 0 7px;} body#anitesales #anite_content div#anite_uploadedfilespanel li span {position:relative;top:-2px;} body#anitesales div#anite_contentcontainer form label {vertical-align:top;} body#anitesales #anite_content div#uploadarea {font-weight:bold;} body#anitesales #anite_content div#uploadarea img {position:relative;top:10px;padding-right:8px;} body#anitesales div.blocklabel {margin-bottom:10px;} body#anitesales .postlabel {padding-left:5px;} body#anitesales .saveforlater_container {float:right !important; clear:both !important;} body#anitesales div.blocklevel {display:block !important;} #anite_content td.ng-recordlabel {background-color:#F2F2F2;font-weight:bold;} #anite_content div#paypallogocontainer {float:left; padding-bottom:20px;}