/* --------------------------------------------- */ /* ---== Welcome to the Mr Site System CSS ==--- */ /* --------------------------------------------- */ /* Import UI framework, which includes everything else... */ @import url(/assets/modules/ui-framework/css/ui-framework.css); @import url(browserhawk.css); /* Browser Hawk CSS */ @import url(seo.css); /* SEO CSS */ @import url(wiz.css); /* WIZ CSS */ @import url(help.css); /* HELP CSS */ /* --------------------------- */ /* PUBLISH PAGE */ div#publishpage {border-bottom:1px dashed #808080;border-top:1px dashed #808080;border-left:1px dashed #808080;padding:5px;height:300px;overflow:auto;font-size:12px;} /* --------------------------- */ /* Application CSS - Optimised */ #app_utility .inner{color:#686868;clear:both;display:inline-block;width:714px;padding:10px 17px;}#app_utility .inner,x:-moz-any-link,x:default{width:714px;}#app_utility div.inner_top{background:url(../images/inner_top.gif) no-repeat bottom center;height:30px;width:100%;}#app_utility div.inner_top.notabs{height:2px;width:100%;}#app_utility div.inner_bottom{background:transparent; height:10px;width:100%;}#app_utility select.pageselect{border:1px solid #8f8f8f;font:12px Arial;}#app_utility .whiteinner{background:#fff;display:inline-block;margin-bottom:10px;padding:5px;}#app_utility .whiteinner #shopleft{float:left;width:580px;overflow:hidden;}#app_utility .whiteinner #shopright{float:right;width:140px;overflow:hidden;background:#f0f0f0;height:445px;}#app_utility .whiteinner #shopprice{float:left;width:580px;margin:0 0 10px;}#app_utility .whiteinner #shopimage{float:left;width:580px;margin:10px 0;}#app_utility .whiteinner #shopright .inner .itempic{overflow:hidden;border:1px solid #e3e1e1;background:#fff;margin:0 5px;padding:3px;}#app_utility .whiteinner #shopright .inner .itempic:hover{border-color:#686868;}#app_utility .whiteinner #shopright .inner .itempic img{border:1px solid #e3e1e1;margin:0;padding:0;}#app_utility p.smalltext{font-size:10px;}#app_utility .float-left-text{float:left;width:250px;height:25px;}#app_utility .float-left-message{float:left;width:300px;}#app_utility .float-left-shop-text{float:left;width:100px;height:25px;padding-top:8px;}#app_utility .float-left-shop-field{float:left;width:200px;}#app_utility-func{float:right;clear:right;width:200px;text-align:right;position:relative;}div.app_utility-func.sortapplication{float:right;width:200px;font-weight:700;text-align:right;}div.app_utility-func.sortapplication div.sortit{color:#202020;}div.app_utility-func.sortapplication div.sortit:hover{color:#005395;text-decoration:underline;}div.app_utility-func.sortapplication div.sortit img{position:absolute;margin-left:-18px;}div.pagejump{float:right;width:400px;text-align:right;color:#686868;font-weight:700;font-size:11px;font-family:tahoma;margin:15px 0 0;}div.pagejump img{position:absolute;margin-left:-18px;margin-top:2px;}span.pagejumpdivider{color:#8d8d8d;font-size:11px;font-weight:400;padding:0 5px;}span.pagejumplink a{color:#2e74a6;font-size:11px;}span.pagejumplink:hover{text-decoration:underline;}#app_utility #app_left{float:left;width:400px;}#app_utility #app_right{float:right;width:340px;}#app_utility .float-left,#app_utility .float-right{margin-top:10px;color:#2e74a6;font-weight:700;}#app_selection{background:#fff;border-bottom:1px solid #e0e0e0;}#app_selection input.checkbox{float:left;clear:left;border:0;margin:0 5px 0 0;}#app_selection .inner{overflow:hidden;margin:10px;padding:10px 0;}#app_selection .inner p.postedby{color:#2e74a6;font-weight:700;padding:5px 0 0;}#app_utility.alltemplates .float-right a:hover{border:1px solid #202020;background:#f9f9f9;padding:0 4px;}#app_utility-title h3.grey{cursor:default;}#app_utility-func,x:-moz-any-link,x:default{background:#efefef;margin-top:-23px;}#app_utility .whiteinner #shopright .inner,#app_utility .whiteinner #shopimage .inner{padding:10px;}#app_utility .whiteinner #shopright.corner5.blue,#app_utility .whiteinner #shopright.corner5.grey{background:#efefef;} /* --------------------------- */ /* Disk Usage Meter - Optimised */ #dubox{width:130px;height:68px !important;float:left;background:url(../images/dubox.gif) no-repeat top center;margin-left:15px !important;margin-top:15px;padding:10px 12px 0 !important;}.quotatext{height:15px;color:#2e74a6;text-align:center;margin:0;padding:0;}.quotatext h2{color:#686868;font-weight:700;font-size:11px;font-family:tahoma;margin-bottom:8px;}.quotabar{background:url(../images/system_diskspace.gif) repeat-x top right;width:100%;padding:0;}.bar{background:url(../images/bar.gif) no-repeat left top;height:12px !important;margin:0;padding:0;}.systext{color:gray;font-size:11px;text-align:center;padding:5px 0 0;}.systext a{color:#2e74a6;font-weight:700;font-family:tahoma;text-decoration:none;}.systext:hover a{text-decoration:underline;}#uilitybox{width:130px;height:25px;} /* Fieldset CSS - Optimised */ fieldset {margin:0px 0 10px 0; background:url(../images/fieldset_bg.gif) #f9f9f9 repeat-x top; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; padding:10px 10px 10px 10px; font-size:12px;} fieldset label {font-weight:bold;} fieldset legend {background:#fff; color:#585757; padding:5px 10px; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; font-size:14px; font-weight:bold; margin-bottom:5px;} fieldset.yellow {background:#fffdd9; border:1px solid #e5e2ac; border-bottom:2px solid #e5e2ac;} fieldset.yellow legend {border:1px solid #e5e2ac; border-bottom:2px solid #e5e2ac;} fieldset div.label {width:100px; font-weight:bold; float:left; clear:left; padding-top:7px;} fieldset div.label_long {width:200px; font-weight:bold; float:left; clear:left; padding-top:7px;} fieldset.expresscheckout.on {border:1px solid #8ae66a; border-bottom:2px solid #8ae66a; background:#dafccf; color:#376d25;} fieldset.expresscheckout.on legend {border:1px solid #8ae66a; border-bottom:2px solid #8ae66a;} fieldset.red {border:1px solid #f0a36a; border-bottom:2px solid #f0a36a; background:#fcdbc3;} fieldset.red legend {border:1px solid #f0a36a; border-bottom:2px solid #f0a36a;} label.red {width:100%;} fieldset.gallery {position:relative;} fieldset.gallery label {display:inline-block; width:230px; vertical-align:middle;} fieldset.gallery select {width:180px;} fieldset.imagesettings {height:240px;} fieldset.seofieldset label {font-size:13px; font-weight:bold; display:block; margin:0 0 3px 0;} /* --------------------------- */ /* Centered Box for Applications */ div#application {margin:10px 20px;} div#application_full_editor {margin:10px; position:relative;} div#application_full_additional {margin:10px; position:relative;} div#application_full_additional label.buyadditional_label {display:inline-block; vertical-align:center; float:left; width:470px; padding:5px 10px 0 5px; text-align:left;} div#application_full_additional select.buyadditional {width:180px;} div#application_full_save {margin:10px; position:relative; height:50px;} div#application label {display:block; float:left; width:250px; padding:3px 0 0 0;} div#application_full label {display:inline-block; vertical-align:top; width:230px; padding:3px 0 0 0; margin:0 0 10px 0;} div#application_full_editor label {display:inline-block; vertical-align:middle; padding:3px 0 0 0; margin:0 0 10px 0;} div#application_full_save label {display:inline-block; vertical-align:middle; padding:3px 0 0 0; margin:0 0 10px 0;} div.tabCont label {display:inline-block; vertical-align:middle; padding:3px 0 0 0; margin:0 0 10px 0;} div.customisetemplate {margin:10px 0 30px 40px; font:bold 12px Verdana, Arial, Helvetica, sans-serif;} p.gfont {padding-left:15px; font-size:11px;} p.gfontt {padding-left:15px; font-size:11px; font-weight:bold; margin-top:5px; background:url(../images/offer/bullet.gif) no-repeat 0 1px;} #wrapper {border: 0px;margin:0 auto;padding: 0px;display: inline;} /* Commented backslash hack \*/ div.wrapper {padding-right: 0px;} div.wrapper>:first-child { margin-right: 0px; } /* End hack */ /* -------------------------------------------------- end of section ---------------------------------------------------- */ /* WIZ.ASP - for more see wiz.css */ #loginicon {float:left; width:200px; background:#fff; margin:0 0 0 10px !important; margin:0 0 0 5px; height:200px;} #logincomp {float:left; width:550px; background:#d2d2d2; margin-left:10px;} #home {width:55px; height:58px; background:url(../images/home.jpg) no-repeat top center; float:right; margin:10px 120px 0 0 !important; margin:10px 60px 0 0;} #home-link {float:right; text-align:right; font-size:14px; padding-top:30px; font-weight:bold; } #home-link a:visited, #home-link a:active, #home-link a:link {color:#005fe1;} #home-link a:hover {text-decoration:underline; } /* -------------------------------------------------- end of section ---------------------------------------------------- */ /* EXTRAS.ASP */ #mrs_error {margin:0 13px 0 -13px; /* add this to fix the div position */} #mrs_error .inner {margin:10px;} /* Make it sit in there nicely */ #mrs_error .inner a:hover {text-decoration:underline;} /* do this for now, make it global then take it out (July 08) */ /* ----------- Now style the separate error pages ------------- */ /* No more shops for Beginner */ #mrs_error.default { /* use #mrs_error for all error pages, then style with classes */} #mrs_error.default ul {margin:0; padding:0 0 5px 20px;} #mrs_error.default ul li {list-style:circle;} #mrs_tool {margin:0 13px 0 -13px; /* add this to fix the div position */} #mrs_tool h2 {font-size:13px;} /* object title text */ #mrs_tool .float-left {float:left; width:590px; overflow:hidden;} #mrs_tool .float-right {float:right; width:160px; overflow:hidden;} #mrs_tool font.option {font-size:12px; font-weight:bold; color:#686868;} #mrs_tool.photogallery {margin-bottom:10px; background:#efefef;} #mrs_tool.photogallery .inner {padding:10px;} #mrs_tool.photogallery .imagetitle {margin:5px 0;} /* object title */ div.gallery_selection {font-size:11px; margin:0 0 10px 0;} /* SW.ASP and EXTRAS.ASP */ div.printit {padding:12px 10px 12px 10px; background:#ebebeb; color:#686868; border:1px solid #e0e0e0; border-left:0; border-right:0;} #shopright h3 {margin-bottom:5px; padding:5px; color:#686868;text-align:center;} .delete_cartitem {float:left; background:url(../images/shop_delete.gif) no-repeat left top; height:50px; width:50px; padding-top:13px; cursor:pointer; font-size:10px; text-align:center; padding-top:50px; margin-right:10px;} .shop_attachment {float:left; background:url(../images/shop_attach.gif) no-repeat left top; height:10px; width:50px; padding-top:13px; cursor:pointer; font-size:10px; text-align:center; padding-top:50px; margin-right:10px;} .load_preferences {float:left; background:url(../images/shop_options.gif) no-repeat left top; height:50px; width:50px; padding-top:13px; cursor:pointer; font-size:10px; text-align:center; padding-top:50px;} .shop_item_pic {float:left; background:url(../images/shop_item.gif) no-repeat left top; height:50px; width:50px; font-size:10px; text-align:center; margin-right:10px;} #shop_attachment {height:100px; background:#e0e0e0;} .delete_cartitem:hover, .load_preferences:hover, .shop_attachment:hover {color:#398eed; text-decoration:underline;} span.smallgrey {color:#686868; display:block; margin:0 0 5px 0; font-weight:bold;} div.makeitunderconstruction {padding-top:10px;background:url(../images/system_icons/underconstruction.gif) no-repeat left; padding-left:40px; min-height:33px !important; height:auto !important; height:33px;} /* -------------------------------------------------- Add / Edit Widgets ----------------------------------------------------- */ #app_utility .whiteinner .left {width:100px;} .widgetpagewrap {width:100%; clear:both;} .widgetnumber {float:left; width:300px;} .widgetdropdown {float:right; width:300px;} div.widgetblock {float:left; width:300px;} div.widgetblock label, div.gmelement label {display:inline-block; width:90px;} fieldset.widget {margin:0 0 20px 0;} fieldset.widget label {display:inline-block; width:180px;} fieldset.widget label.smaller {display:inline-block; width:100px;} /* Google Maps innit */ ol.googlemaps {padding:0 0 0 20px; margin:10px 0;} ol.googlemaps li {list-style:decimal; margin:0 0 10px 0;} pre.googlemaps {padding:10px; background-color:#f9f9f9; border:1px solid #e0e0e0; text-align:center; cursor:default;} div.googlemaps {padding:10px; background-color:#ffe1ae; border:1px solid #ffae21; margin:0;} a.getmap {padding:3px 0 3px 0px; font-weight:bold; color:#fff; font-weight:bold; font-size:13px;} a.getmap:hover {text-decoration:underline; color:#fff;} div.gmelement {padding:10px; background:url(../../formbuilder/lib/img/highlight.gif) #fffdd9 no-repeat top left; border:1px solid #e5e2ac; border-bottom:2px solid #e5e2ac; margin:10px 0;} /* Some additional styles in here aye */ div.gmelement.twitterbox {background:url(twitterblue.gif) #cfebfa no-repeat 10px 10px; border:1px solid #b7dcf0; color:#006db0; border-bottom-width:2px; font:italic 120% Georgia, "Times New Roman", Times, serif; padding:10px 10px 10px 70px;} div.gmelement.duluxbox {background:url(infodulux.gif) #cfebfa no-repeat 10px 10px; border:1px solid #b7dcf0; color:#006db0; border-bottom-width:2px; font:italic 120% Georgia, "Times New Roman", Times, serif; padding:10px 10px 10px 70px;} div.gmtitle {font-family:tahoma; width:150px; float:left; clear:left; margin:0; padding:5px 0 0 0; font-weight:bold;} input.gminput {float:left; width:500px; margin:0; padding:0;} div.gmhelp {float:left; width:23px; height:21px; background:url(../images/gmhelp.gif) no-repeat top left; margin:2px 0 0 10px; cursor:pointer;} div.gmhelpdiv {margin:0; padding:0; width:705px; } div.gmhelpdiv div.gminner {padding:25px 0 10px 0;} div.gmtutorial {display:none; border:1px solid #e0e0e0; padding:10px; margin:10px 0 10px 0;} a.show-gmtutorial {color:#ff0000; font-weight:bold; cursor:pointer;} a.show-gmtutorial:hover {color:#ff0000; text-decoration:underline;} div.gm_postcode {background:url(../images/gm_postcodesearch.gif) #2e74a6 no-repeat 5px 27px; padding:10px;} p.gm_postcode {color:#fff; font-family:tahoma; font-size:12px; padding-bottom:5px;} div.pageandwidget {clear:both; padding:5px 10px; border:1px solid #e0e0e0; margin-bottom:10px;} div.widgetoption {float:left; margin:0 10px 10px 0; font-family:tahoma; font-size:11px;} div.widgetoption select {border:1px solid #8f8f8f; font:12px Arial; margin-bottom:5px; padding:0px; width:110px;} .pageandwidget select {border:1px solid #8f8f8f; font:12px Arial; margin-bottom:5px; padding:5px; width:175px;} select.sysSelect {display:inline; width:150px;} .template_box {float:left; width:220px; margin:0 8px 10px 8px; position:relative;} .template_box h2 {font-size:11px;color:#686868; font-family:tahoma; margin:8px 0 2px 0; font-weight:bold;} div.scrolldesigns {float:left; width:350px;} #gbook_styles {margin-bottom:10px;} #gbook_styles .col_style {float:left; width:120px; border:1px solid #e0e0e0;height:100px; margin:0 10px 0 0; cursor:pointer;} #gbook_styles .col_style:hover {border-color:#686868;} .col_style.guestbook_bubble {background:url(../images/guestbook_bubble.gif) no-repeat top center;} .col_style.guestbook_standard {background:url(../images/guestbook_standard.gif) no-repeat top center;} .col_style.guestbook_slick {background:#fff;} div.htmlwidgetwrap {width:318px;} div.htmlwidgetwrap div.inner10 {padding:5px 10px;} /* -------------------------------------------------- End of Add / Edit Widgets ---------------------------------------------- */ /* -------------------------------------------------- Stationery Creator ----------------------------------------------------- */ div.packofstats {display:none;} /* -------------------------------------------------- End of Stationery Creator ---------------------------------------------- */ /* -------------------------------------------------- Change Page Title ------------------------------------------------------ */ div.tempholderspace {height: 220px; position:relative;} div.tempholder label {width:100%;} .drag {z-index:1000; cursor: hand; overflow:visible; } /* -------------------------------------------------- End of Change Page Title ----------------------------------------------- */ /* -------------------------------------------------- Add / Edit Blog -------------------------------------------------------- */ table.blogtable {width:100%;} table.blogtable img {margin:0; padding:2px;} table.blogtable td.header {background:#f9f9f9; padding:5px;} table.blogtable td.blogdelete {border:1px solid #e0e0e0; text-align:center; padding:5px;} table.blogtable td.blogdate {border:1px solid #e0e0e0; text-align:center; padding:5px;} table.blogtable td.blogtitle {border:1px solid #e0e0e0; text-align:center; padding:5px;} table.blogtable td.editblogpost {border:1px solid #e0e0e0; text-align:center; padding:5px;} table.blogtable td.editcomments {border:1px solid #e0e0e0; text-align:center; padding:5px;} /* for the modal box */ .modal_blog {background:#f9f9f9;} #blogcommenttable_container {background:#fff; margin:1px; padding:10px; width:825px; clear:both; display:inline-block;} *:first-child+html #blogcommenttable_container {width:840px;} table.blogcommenttable {border:1px solid #e0e0e0; vertical-align:top; margin:1px; width:800px;} *:first-child+html table.blogcommenttable {width:839px;} table.blogcommenttable th {background:#f9f9f9; margin:0; padding:0; color:#686868; text-align:center; border:1px solid #e0e0e0; font-size:12px;} table.blogcommenttable td {border:1px solid #e0e0e0; padding:10px;font-size:12px;} div.blogcommenttable_wrap {overflow:hidden;} /* this sorts out the table width for max size */ table.blogcommenttable th[scope=col] {padding:5px;} table.blogcommenttable input {border:0;} table.blogcommenttable td {vertical-align:top;} table.blogcommenttable td.editcommentcomment input {height:50px; overflow:auto; width:300px;} /* table.blogcommenttable th.checkall {width:15px; cursor:pointer;} table.blogcommenttable th.actionicons {width:15px;} table.blogcommenttable th.editcommentpostedby {} table.blogcommenttable th.editcommentdateadded {width:120px;} table.blogcommenttable td.editcommentdateadded, table.blogcommenttable td.editcommentpostedby {font-size:12px; text-align:center;} */ /* Edit page styles */ table.blogcommenttable td.editcommentcomment input, table.blogcommenttable td.editcommentpostedby input, table.blogcommenttable td.editcommentdateadded input {margin:0; padding:5px; border:1px dotted #e0e0e0;} table.blogcommenttable td.editcommentcomment input {} .inner .blog_float-left {float:left; width:520px;} .inner .blog_float-right {float:right; width:200px;} .inner .blog_float-left .wrap, .inner .blog_float-right .wrap {} .inner .blog_float-left .wrap h3.blue {margin-bottom:0;} input.blogposttitle {border:1px solid #e0e0e0;} select.blogpostdate {border:1px solid #e0e0e0;} select.blogpostdate.day, select.blogpostdate.month {width:55px;} select.blogpostdate.year {width:65px;} input.blogposttitle:focus, select.blogpostdate:focus {background:#feffd3;} /* -------------------------------------------------- End of Add / Edit Blog ------------------------------------------------- */ /* -------------------------------------------------- Shop and Gallery ------------------------------------------------------- */ input.pvInvalid, select.pvInvalid { border: 1px solid red; } /* shopping cart simple inline - validation for price */ div.activateexpress {margin:10px 0 10px 0; border:2px solid #ffae21; background:url(../images/system_icons/disabled.gif) no-repeat 5px 7px; background-color:#ffe1ae; padding:20px 10px 6px 60px; border-left:0; border-right:0; font-size:13px; font-family:verdana; font-weight:bold;} div.activatepaypalpro {margin:10px 0 10px 0; border:2px solid #ffae21; background:url(../images/system_icons/disabled.gif) no-repeat 5px 7px; background-color:#ffe1ae; padding:8px 10px 6px 60px; border-left:0; border-right:0; font-size:13px; font-family:tahoma; font-weight:bold;} /* when express checkout is disabled, set the div to these settings */ div.activateexpress.expressdisabled {color:#da0f0f; background:#fae5e5;} /* when express checkout is enabled, set the div to these settings */ div.activateexpress.expressenable {color:#79ca0a; background:url(../images/system_icons/enabled.gif) no-repeat 5px 5px; background-color:#effae5; border-color:#79ca0a;} /* -------------------------------------------------- End of Shop and Gallery ------------------------------------------------- */ /* -------------------------------------------------- Contact Form ------------------------------------------------------- */ div#contactForm_List {padding:0 10px 10px 10px;} div#contactForm_List table {margin:20px 0px 10px 0;} div#contactForm_List table th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; border:1px solid #acacac; border-bottom:0; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: url(../images/thead.gif) no-repeat top left; font-weight:bold; } div#contactForm_List table td.formedit_name {border:1px solid #e0e0e0;} div#contactForm_List table td {border:1px solid #e0e0e0; padding: 6px 6px 6px 12px; font-weight:bold;} div#contactForm_List table tr {background:url(../images/treven.gif) #e9e9e9 repeat-x top; color: #686868;} div#contactForm_List table tr.odd {background:url(../images/trodd.gif) #f3f3f3 repeat-x top; color: #7b7b7b;} div#contactForm_List table td.btn_edit {padding:5px 8px; width:50px;} div#contactForm_List table td.btn_edit input {cursor:pointer; border:0; padding:5px 20px 5px 20px; font-size:11px; font-weight:bold; color:#333333; font-family:verdana; background:url(../images/edit.gif) no-repeat top center;} div#contactForm_List table td.btn_edit input:hover {color:#2e74a6;} div#contactForm_List table td.btn_delete {padding:0px; width:50px;} div#contactForm_List table td.btn_delete input {cursor:pointer; border:0; padding:5px 20px 5px 20px; font-size:11px; font-weight:bold; color:#fff; font-family:verdana; background:url(../images/btn_delete.gif) no-repeat top center;} div#contactForm_List table td.btn_delete input:hover {color:#fff;} div.hiddenfield {display:none;} /* Hide the HIDDEN FIELDS */ input#__EVENTVALIDATION, input#__VIEWSTATE, input#ctl00_MainBody_txtHTML, input#ctl00_MainBody_FormId, input#counter_fieldset, input#counter_rows, #formbuilder_widgets_area {display:none;} span.containertab {display:block; position:absolute; right:47px; top:331px; margin:0 10px 0 0; height:20px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; background:#edf2f6; color:#686868; padding:5px 10px 0 10px;} div#contactForm_List label {font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:inline-block; width:100px;} div.contactForm_List_selectfloat {float:left;} div.contactForm_List_selectfloat.divbox {width:80px; height:50px; margin:15px 0 0 0; background:url(../images/apply.gif) no-repeat center;} div.contactForm_List_selectfloat.leftbox {padding:25px 0 20px 0px; margin:0 20px 0 0;} div.contactForm_List_selectfloat.rightbox {padding:25px 0 20px 0px; margin:0 0 0 20px;} /* Style the form builder elements */ div#contactFormWizard_top {margin:10px 10px 20px 10px; background:url(../images/formWizard_Top.gif) no-repeat left; padding:0 0 0 50px;} div#contactFormWizard {background:#fff; margin:0px 10px 10px 10px;} div#contactFormWizard_i {margin:1px; background:#fff; padding:5px 10px 10px 10px; position:relative;} div#formbuilder_widgets_list_i hr {height:2px; border-top:1px solid #d6e0e9; border-bottom:1px solid #fff; background:#edf2f6; margin:10px 0; clear:both;} div#contactFormWizard fieldset {background:#fff; width:645px;} div#contactFormWizard_top label, div.formbuilder_tutorial label {display:block; font:bold 12px Verdana; margin:0 0 5px 0;} div.formbuilder_tutorial label.show_tutorial_help {cursor:pointer;} div.formbuilder_tutorial label.show_tutorial_help:hover {text-decoration:underline;} div#formbuilder_widgets_list {background:url(../images/wizardblue.gif) #edf2f6 no-repeat 10px 10px; padding:5px 10px 5px 60px;} div#formbuilder_widgets_list_i label {font:bold 12px Verdana, Arial, Helvetica, sans-serif;} div#formbuilder_widgets_list_i {border-bottom:1px solid #d6e0e9;} /* Add a form function ---- links */ div#formbuilder_widgets_list a { text-decoration: none; font-weight: bold; margin:0; padding:7px 0 8px 28px; font:bold 80%; display:block; } div.formobjectblock { height:30px; float:left; margin:10px 30px 0 0; background:url(../images/addcontacttool.gif) no-repeat left; display:block; } div#formbuilder_widgets_list ul, div#formbuilder_widgets_list li {margin:0; padding:0; display:block; list-style:none;} span.contactformtoolstitle {display:block; margin:0;} div.formbuilder_tutorial {padding:15px 0 10px 10px; border-top:1px solid #fff;} div.formbuilder_tutorial_help {padding:10px 0 10px 0; display:inline-block;} div.formbuilder_tutorial_help label, div.formbuilder_tutorial_help strong {background:#edf2f6;} /* Style the form elements ! */ div#contactFormWizard input#ctl00_MainBody_FormName, input.formbuilder_widget, div#contactFormWizard textarea, div#contactFormWizard_top input, div#contactFormWizard select, div#contactForm_List select, select.dropdownboxy, select.dropdownboxy_medium, select.dropdownboxy_small, input.colourupdatefield, span.selectedIcon, div.AppSelect select, div.AppSelect input, div.changecontentdiv select {background:url(../images/inputBg.gif) #ffffff repeat-x top center; border:1px solid #cdcece;} div#contactFormWizard textarea {width:388px;} div#contactFormWizard_top input {width:300px;} div#contactFormWizard select {width:180px; margin:0 0 10px 0;} div#contactFormWizard input.formBuildercheckbox {margin:5px 0 0px 0;} div#contactFormWizard input#ctl00_MainBody_FormName {width:250px;} .editableon {display:none;} div.formbuilder_controls_i {padding:10px; background:#000;} div#formbuilder_widgets_area {font-size:12px; float:left; padding:10px; margin:10px 0 10px 0;} /*table#ctl00_MainBody_GridView1 th {border:1px solid #fff; border:0;} */ /* -------------------------------------------------- End of Contact Form ------------------------------------------------------- */ /* These are for the specific Items - HUGE! */ /* ------------------=========================-------------------- */ div.postageoptions-handling, div.postageoptions-weight, div.postageoptions-exceptions {float:left; width:150px; height:30px; margin:0 10px 0 0; cursor:pointer; text-align:center; font-size:11px;} div.postageoptions-handling.postage-deselect, div.postageoptions-weight.postage-deselect, div.postageoptions-exceptions.postage-deselect {background:#fff;} div.postageoptions-handling.postage-select, div.postageoptions-weight.postage-select, div.postageoptions-exceptions.postage-select {background:#fff;} /* options divs */ div.postageoptions_handling, div.postageoptions_weight, div.postageoptions_exceptions, div.postageoptions_paypalpro, div.postageoptions_expresscheckout {padding:0; z-index: 9; position:relative; margin-top:-2px; border:1px solid #e0e0e0; min-height:300px !important; height: auto !important; height:300px; /* background:url(../images/expresscheckout_bg.gif) repeat-x bottom; */} /* Sort out IE7 mess */ *:first-child+html div.postageoptions_handling, *:first-child+html div.postageoptions_weight, *:first-child+html div.postageoptions_exceptions, *:first-child+html div.postageoptions_paypalpro, *:first-child+html div.postageoptions_expresscheckout {margin:0;} /* Sort out Safari mess */ @media screen and (-webkit-min-device-pixel-ratio:0){div.postageoptions_handling{margin-top:-2px;}} @media screen and (-webkit-min-device-pixel-ratio:0){div.postageoptions_weight{margin-top:-2px;}} @media screen and (-webkit-min-device-pixel-ratio:0){div.postageoptions_exceptions{margin-top:-2px;}} @media screen and (-webkit-min-device-pixel-ratio:0){div.postageoptions_paypalpro{margin-top:-2px;}} @media screen and (-webkit-min-device-pixel-ratio:0){div.postageoptions_expresscheckout{margin-top:-2px;}} /* Sort out Firefox's tab mess */ div.postageoptions_handling, x:-moz-any-link, x:default {margin-top:-2px;} div.postageoptions_weight, x:-moz-any-link, x:default {margin-top:-2px;} div.postageoptions_exceptions, x:-moz-any-link, x:default {margin-top:-2px;} div.postageoptions_paypalpro, x:-moz-any-link, x:default {margin-top:-2px;} div.postageoptions_expresscheckout, x:-moz-any-link, x:default {margin-top:-2px;} /* maybe the mess is mine? - 3 cheers for web standards */ /* ------------------=========================-------------------- */ div.postageoptions_inner {padding:10px;} div.postageoptions_weight {display:none;} div.postageoptions_exceptions {display:none;} div.postageoptions_handling {display:none;} div.postageoptions_paypalpro {display:none;} div.mrs-item {display:none; padding-top:5px;} dt.itemeditlink {cursor:pointer; padding:11px 0 5px 10px;} dt.itemeditlink:hover {color:#01a2d8;} .itemclosed {background:url(../images/mrs-item.gif) #fff no-repeat top center !important; background:#fff;;} .itemopen {background:url(../images/mrs-item.gif) #fff no-repeat top center !important; background:#fff;;} a.showall, a.hideall {color:#4479da; font-weight:bold; cursor:pointer;} a.showall:hover, a.hideall:hover {color:#4479da; font-weight:bold; text-decoration:underline;} dt.itemeditlink-bottom {background:url(../images/mrs-item-bottom.gif) #fff no-repeat top center !important; background:#fff; height:15px;} div.itemthumbnail {float:left; width:25px; height:20px; background:#fff; overflow:hidden; border:1px solid #e0e0e0; display:block !important; display:none; } div.itemdescription {float:left; width:120px; padding:3px 0 0 6px !important; padding:0; font-weight:bold; font-size:14px;} div.itemdescription:hover {text-decoration:underline;} div.optioninner {padding:10px;} div.shopitemdetails {height:30px; font-size:14px; font-weight:bold;} div.shopitemdetails.itemdetails {padding-left:38px; background:url(../images/system_icons/bigoptions.gif) no-repeat left top; padding-top:8px;} div.shopitemmulti {margin:10px 0 10px 0; border:1px solid #ffae21; background:#ffe1ae; padding:10px; border-left:0; border-right:0;} a.containinglink {cursor:pointer;} div.containingwrap {} div.containinglink {display:none; padding-top:10px;} div.edititemtitle {padding:10px 0; background:url(../images/system_icons/emblem-symbolic-link.png) no-repeat left; padding-left:35px; cursor:pointer;} div.edititemtitle:hover {background-color:#b3daf9;} div.edititemtitle .content {padding:0 10px;} .gallerytitle {width:500px; margin-bottom:10px; padding-bottom:5px; padding-top:3px; font-weight:bold; font-size:14px;} .galleryimagetitle input {border:1px solid #e0e0e0; cursor:text; margin-top:2px; overflow:auto;} .galleryimagetitle input:focus {background:#fffed4; outline:1px solid #537bff;} div.imagetitle {width:400px;} .gallerydivider {background:url(../images/gallerydivider.gif) no-repeat bottom center; height:5px; margin:10px 0;} /* Grey bar between gallery images */ .gallerydivider, x:-moz-any-link, x:default {display:block; height:5px; background:#efefef;} /* fix up FireFox 3 with problems with white space */ /* separate the gallery items into left and right */ div.photogallerywrapper {width:730px; overflow:hidden; display:inline-block; height:100%;} /* we need this so that IE6 doesn't spew out the sides - oh my. */ /* set up individual components */ div#app_mod table td {font-family:tahoma; font-size:11px;} div.pageitemwrap {width:730px; height:220px; overflow:hidden; overflow-y:auto;} div.pageitemrunner {width:100%;} div.pageitemdiv {float:left; width:80px; height:50px; margin:0 5px 5px 0; background:url(../images/system_icons/hide-Document.gif) no-repeat top center; text-align:center; font-family:tahoma; font-size:11px; padding-top:35px;} span.pagetitle {color:#2e74a6; text-decoration:underline;} div.gallerycomponent {margin:10px 0; cursor:default;} /* styles for components */ div.gal-uploadimage {background:url(../images/system_icons/image-x-generic.gif) no-repeat top left; padding-left:35px;} div.gallerycomponent.price {/* background:url(../images/system_icons/dialog-warning.gif) no-repeat 160px 4px; */ padding-right:22px;} div.galleryoption {margin:1px 0; font-size:11px; cursor:pointer; text-align:left;} .galleryoption:hover {color:#2e74a6; text-decoration:underline;} div.editdescription_shop {float:left; width:600px;} div.editdescription_shop select {font-size:12px; margin-left:-2px; font-family:tahoma;} div.editdescription_shop textarea {border:1px solid #e0e0e0;} div.itemthumbnailview {} div.itemoptions_shop {float:right; width:100px;} div.galleryoption.delete {background:url(../images/system_icons/process-stop22.gif) no-repeat left; padding:5px 2px 5px 30px; margin:5px 0;} div.galleryoption.up {background:url(../images/system_icons/go-up.gif) no-repeat left; padding:5px 2px 5px 30px; margin:5px 0;} div.galleryoption.down {background:url(../images/system_icons/go-down.gif) no-repeat left; padding:5px 2px 5px 30px; margin:5px 0;} div.imagebody, div.onlineshopbody {font-family:tahoma; font-size:11px; margin:0 0 25px 0; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; padding:10px 10px 20px 10px; position:relative; border-top:0; display:none;} div.imagebody.yellow, div.onlineshopbody.yellow {background:url(../../formbuilder/lib/img/highlight.gif) #fffdd9 no-repeat top left; border:1px solid #e5e2ac; border-bottom:2px solid #e5e2ac;border-top:0;} div.onlineshopbody {font-family:tahoma; font-size:11px; margin:0 0 25px 0; position:relative;} /* This wraps each individual gallery item */ div.imagebody label {font:bold 12px Verdana, Arial, Helvetica, sans-serif;} div.imagebody .gal_float-right, div.onlineshopbody .gal_float-right {float:right; width:100px; margin-right:14px !important; margin-right:0px;} div.imagebody .gal_float-right .imagecontainer, div.onlineshopbody .gal_float-right .imagecontainer {width:100px; border:1px solid #e0e0e0; cursor:pointer;} div.imagebody .gal_float-right .imagecontainer img, div.onlineshopbody .gal_float-right .imagecontainer img {padding:0; margin:0;} div.imagebody .gal_float-left, div.onlineshopbody .gal_float-left {overflow:hidden; position:relative; padding-bottom:15px; margin:10px 0 0 0;} div.imagecontainer {float:left; margin:0 20px 10px 0; text-align:center;} div.imagecontainer img {margin:0 auto; cursor:pointer;} div.imagecontainer.preview {border:1px solid #fff; margin:0; cursor:pointer;} div.thumbtitle {font-size:10px; font-family:tahoma; font-weight:normal; padding:5px 0 5px 0;} div.galLeft {float:left; width:70px;} div.galLeft img {width:70px; border:1px solid #e0e0e0;} div.galRight {float:right; width:591px; margin:0;} /* some tab styles for the online shop page */ div.imagetab {background:#f9f9f9;} span.imagetab {} div.onlineshopoptions {text-decoration:none; font-size:12px; float:left; width:130px; margin:5px 5px -4px 0; padding:12px 0 0px 20px; font-weight:bold; color:#686868; position:relative; z-index:5; font-family:tahoma; border-bottom:1px solid #fff; background:#efefef;} div.onlineshopoptions.primary {height:30px; background:#efefef;} div.onlineshopoptions.secondary {margin-top:27px; background:#efefef;} div.online_shop_container {position:relative; z-index:2; border:1px solid #e0e0e0; display:inline-block; padding:10px; margin-top:-1px; /* background:url(../images/expresscheckout_bg2.gif) repeat-x bottom; */} h3.grey.greendot {padding-left:22px; background:url(../images/system_icons/green_dot.gif) no-repeat left top;} h3.grey.shop_option {position:relative; display:inline-block;} div.deletetheimage {background:url(../images/filemanager/delete.gif) no-repeat top center; height:25px; width:25px; float:right;} div.onlineshopoptions.hover {background:#f9f9f9;} div.onlineshopoptions.selected {background:url(../images/shop_upload.gif) no-repeat top center; color:#686868;} /* done with tabs */ div.shopimageupload {margin:0 0 10px 0; font-weight:bold; /* background:url(../images/uploadimage.gif) #f9f9f9 no-repeat 5px 3px; */} div.shopimageupload img.uploader {position:absolute; margin-left:-18px; margin-top:6px;} /* lets get the cross looking nice */ *:first-child+html div.shopimageupload img.deleter {margin-top:13px; margin-left:5px;} /* position the lock properley in IE7 */ div.shopimageupload img.deleter {position:absolute; margin-top:6px; margin-left:10px;} /* product details tabs */ div.prodet {position:relative; display:inline-block; background:url(../images/filemanager/bullet_arrow_right.gif) no-repeat left; cursor:pointer; font-size:14px; padding:25px 0 25px 35px;font-weight:bold; margin:5px 25px 0px 0px; font-family:verdana;} div.prodet:hover {text-decoration:underline;} div.prodet.selected {color:#686868;} div.productdetails_block {margin:10px 0;} /* Above here works fine cross browser */ .galleryborderset {float:left; width:400px;} .gallerythumbsize {float:right; width:270px; /* background:url(../images/gallery_thumbnail.jpg) no-repeat 0 70px; */ height:250px;} .galleryborderset select {border:1px solid #e0e0e0; float:left; width:120px;} .gallerythumbsize select {border:1px solid #e0e0e0; width:200px;} .galleryimagesettings {float:left; display:inline;} .galleryborderset h3, .gallerythumbsize h3 {margin-bottom:5px;} .galleryimagesettings.thickness {width:120px;} .galleryimagesettings.style {width:122px;} .galleryimagesettings.color {width:100px;} /* GALLERY FEATURES */ #purple {width:200px; height:50px; background:#f9f9f9;} /* UNDER CONSTRUCTION */ textarea.underconstruction {border:1px solid #e0e0e0; width:715px; height:200px;} textarea.underconstruction:focus {background:#fffed4; outline:1px solid #537bff;} /* PAYMENT CENTER */ input.qs_input {border:2px solid #e0e0e0;} div.quicksearchicon {width:25px; height:25px; float:left; background:url(../images/system_icons/system-search3.gif) no-repeat 0 5px;} div.quicksearch {margin:10px 0 10px 0; float:left;} table.paymentcenter, table.deleteapage {width:100%; border-collapse:none; position:relative;} table.paymentcenter img {margin:0; padding:2px;} .hr hr { display: none; } input.SelectAll {position:absolute; margin-left:-10px;} table.deleteapage td {font-family:tahoma; font-size:11px; text-align:center; height:25px;} table.deleteapage th.pagecheck {width:75px;} table.deleteapage th.pagenumber {width:80px;} table.deleteapage td.pagetitle {text-align:left; font-weight:bold;} table.deleteapage tr:hover {background:#fefbc4;} /* table.paymentcenter th, table.paymentcenter td {border: 1px solid #ddd; font-size:100%; } */ /* stop the table from changing width while searching */ table.paymentcenter th, table.deleteapage th {font-family:tahoma; font-size:11px;} table.paymentcenter th.pc_number {width:30px;} table.paymentcenter th.pc_id {width:130px;} table.paymentcenter th.pc_time {width:150px;} table.paymentcenter th.pc_status {width:50px;} table.paymentcenter th.pc_payer {width:170px;} table.paymentcenter th.pc_gross {width:100px;} /* table.paymentcenter tbody td {border:1px solid #e0e0e0; text-align:left; padding:5px; position:relative;} */ table.paymentcenter tr.pproapproved, div.payment_result.pproapproved {color:#61c52a; background:#effae5;} table.paymentcenter tr.pprosuccess, div.payment_result.pprosuccess {color:#2a6cc5; background:#e5f2fa;} table.paymentcenter tr.pproerror, div.payment_result.pproerror {color:#da0f0f; background:#fae5e5;} table.paymentcenter tr.pprocancel, div.payment_result.pprocancel {color:#d7c60c; background:#fefac9;} table.paymentcenter {border-collapse: none;} table.paymentcenter th, table.paymentcenter td, table.deleteapage td, table.deleteapage th {padding:5px; overflow:hidden; border: 1px solid #ddd; padding: 2px 5px; font-size: 11px; } table.paymentcenter thead th, table.deleteapage thead th {padding:5px; background:#f9f9f9; color: #686868; text-align:center; border:1px solid #e0e0e0;} select.paymentcenter.day, select.paymentcenter.month {width:60px;} select.paymentcenter.year {width:100px; margin-right:10px;} select.paymentcenter {border:1px solid #e0e0e0;} select.paymentcenter option {background:#f9f9f9;} div.paymentcenter_wrap input, div.paymentcenter_wrap select, div.paymentcenter_wrap textarea {border:1px solid #e0e0e0;} div.paymentcenter_wrap select.currency {width:100px;} div.paymentcenter_wrap select.country {width:80px;} div.paymentcenter_wrap select.date {width:50px;} /* ----==== INPUT, SELECT AND TEXTAREA ====---- */ input.pc, textarea.pc, select.pc {background:url(../images/inputBg.gif) #ffffff repeat-x top center; border:1px solid #cdcece;} input.pc, select.pc {font:normal 12px Verdana, Arial, Helvetica, sans-serif; padding:5px;} input.pc2 {background:url(../images/inputBg.gif) #ffffff repeat-x top center; border:1px solid #cdcece;} select.pc.menudropdown option {} /* ----==== INPUT, SELECT AND TEXTAREA ====---- */ /* payment receipts and other */ div.payment_result {border:1px solid #e0e0e0; background:#f9f9f9; padding:10px;} p.subheadingClickthrough {font-weight:bold; border-bottom:2px solid #2e74a6; color:#2e74a6; margin-top:15px; margin-bottom:3px; padding-bottom:2px;} #xptContentMain ul li, #xptContentMain ol li {list-style:decimal;} #xptContentMain ol {margin:5px 0 5px 20px;} #xptContentMain ol li {margin-bottom:5px;} span.emphasis {font-weight:bold;} /* BUTTONS FOR PAGES */ a.transaction_action {padding:5px 5px 5px 20px; font-weight:bold;} a.transaction_action:hover {text-decoration:underline;} a.transaction_action.refund {background:url(../images/system_icons/view-refresh.png) no-repeat left; color:#2e74a6; behavior:url(assets/css/iepngfix.htc);} a.transaction_action.void {background:url(../images/system_icons/emblem-unreadable.png) no-repeat left; color:#d53435; behavior:url(assets/css/iepngfix.htc);} a.transaction_action.capture {background:url(../images/system_icons/go-jump.png) no-repeat left; color:#549e0f; behavior:url(assets/css/iepngfix.htc);} a.page-nav:hover {text-decoration:underline;} a.page-nav.link-next {padding:5px 25px 5px 5px; font-weight:bold; background:url(../images/system_icons/go-next.png) no-repeat right; color:#4f9c06; behavior:url(assets/css/iepngfix.htc);} a.page-nav.link-previous {padding:5px 5px 5px 25px; font-weight:bold; background:url(../images/system_icons/go-previous.png) no-repeat left; color:#4f9c06; behavior:url(assets/css/iepngfix.htc);} /* PERSONALISE */ /* CHANGE PAGE STYLE */ div.changepagetitle_float-left {float:right; width:460px;} div.changepagetitle_float-right {float:left; width:250px; height:220px; position:relative;} div.changepagetitlefont {float:left;} div.changepagetitlepreview {float:left; margin-top:10px; width:400px; text-align:left; height:30px; background:url(../images/system_icons/system-search.png) no-repeat top left; padding-left:25px; behavior:url(assets/css/iepngfix.htc);} div.changepagetitlesize {float:left;} div.changepagetitlehideit {float:left; width:400px;} div.Typo {overflow:hidden;} div.testFill {border: 1px solid #c0c0c0; background:#f9f9f9; padding:10px;} textarea#textInput {display:none;} /* CHANGE WEBSITE MENUS */ table.changemenu, table.changemenufont {width:100%;} table.changemenufont th {background:#f9f9f9; padding:5px; text-align:center; border:1px solid #e0e0e0;} table.changemenufont td {border:1px solid #e0e0e0; text-align:left; padding:5px;} table.changemenufont td.iconstyle {width:180px; } table.changemenufont td.iconstyle td {border:0;} select.underlinecolour, select.fontpicker, select.fontsize {border:0;padding:0;margin:0; width:100%;} /* CHANGE WEBSITE FONTS */ div.changefonts_float-left {float:left; width:300px; } div.changefonts_float-right {float:right; width:300px;} div.colourpreview {float:right;} div.removecolour {margin-top:110px; float:left; width:100%;} div.changecolourhelp {margin:10px 0;} div.defaulthelp {margin:10px 0; padding:10px; font-family:tahoma; font-weight:normal; font-size:11px; color:#686868; background:url(../images/system_icons/help-browser.png) #fefeff no-repeat 10px 50%; border:1px solid #bac9df; padding-left:35px; display:inline-block;} div.changecolourhelp .help, div.defaulthelp .help {display:none;} div.changeunderlinestyle {margin-top:20px; float:left; padding-left:40px; background:url(../images/system_icons/format-text-underline2.png) no-repeat left; behavior:url(assets/css/iepngfix.htc);} /* CHANGE BACKGROUND */ div.background.ownbg {float:left; font-weight:bold; height:25px; padding:5px 0 0 20px; width:333px; background:url(../images/system_icons/image-x-generic.gif) no-repeat left; behavior:url(assets/css/iepngfix.htc);} div.addblur {float:left; width:320px; margin:10px 0 20px 0; background:#f9f9f9; border:1px solid #e0e0e0; font-size:12px;} div.contrast {float:right; width:320px; margin:10px 0 20px 0; background:#f9f9f9; border:1px solid #e0e0e0; font-size:12px;} div.addblur .content, div.contrast .content {padding:10px;} div.currentbackground {margin:0 0 10px 0; border:1px solid #ffae21; background:#ffe1ae; padding:10px; border-left:0; border-right:0;} .bgdiv, .bgdivbold {width:90px; height:120px; float:left; padding:5px; text-align:center; border: 1px #E6E6E6 solid; margin:0 10px 15px 0; font-size:12px;} div.bgdiv img {width:85px; height:90px; margin:0 0 10px 0;} /* STATIONERY CREATOR */ ul.tabNavigation {margin:0; padding:0;} ul.tabNavigation li {float:left; list-style:none; display:inline; margin:0; padding:0;} ul.tabNavigation li div.tabs {font-weight:bold; padding:10px 0 20px 35px; width:60px; height:10px; margin:0 15px 5px 0; background:url(../images/system_icons/folder.png) no-repeat top left; behavior:url(assets/css/iepngfix.htc);} ul.tabNavigation li div.tabs a.selected {text-decoration:underline; color:#1944ce;} img.listimg {width:50px;} /* change this, but take note of what it does */ div.stationerycontainer {margin:10px 0;} div.stationerycreator {} div.stationerycreatorsub {display:none;} div.downloadit {border:1px solid #efefef; padding:10px; font-weight:bold; font-size:13px; width:360px; margin:10px auto; padding-left:50px; background:url(../images/system_icons/media-floppy2.png) no-repeat 10px 9px; behavior:url(assets/css/iepngfix.htc); border-left:0; border-right:0; height:33px; background-color:#f9f9f9;} div.termsofpurchase {border:1px dotted #e0e0e0; padding:10px; margin-bottom:10px; background:#f9f9f9;} div.stat-tabs {} /* PW.ASP and other change content features */ .changecontent_level {position:relative; width:130px; font-size:11px; padding:0; margin:0;} h3.grey.big {font-size:14px; cursor:default;} /* Style each section of the editor */ div.editdescription, div.editmainbody, div.editpagetitle {padding-left:40px; width:610px; margin:0 auto;} div.editdescription {background:url(../images/system_icons/edit-find2.gif) no-repeat top left;} div.editmainbody {background:url(../images/system_icons/format-justify-fill.gif) no-repeat top left;} div.editpagetitle {background:url(../images/system_icons/format-text-bold2.gif) no-repeat top left;} /* some fancy stuff here */ div.savecontenttoolbar {position:relative; z-index:1; height:60px;} div.editpagelanguage {padding-left:0px; margin-left:20px; background-repeat:no-repeat; float:left; width:225px;} div.pagesaveoption { position:absolute; top:0; left:0; width:340px; display:inline-block; padding:0px 10px 10px 10px; margin:0 0px 0 0;} div.editpagelanguage {position:absolute; top:0; right:0; width:250px; display:inline-block;} div.pagesaveoption label, div.editpagelanguage label {margin:0 0 5px 0;} div.pagesaveoption input {margin:0;} div.toolbardivider {float:left; width:1px; background:#e0e0e0; border-right:1px solid #fff; height:45px; margin:0 0 0 25px; position:relative; display:block;} /* Error messages */ div.pageerror {margin:0 0 10px 0; border:1px solid #d8d2d2; background:url(../images/system_icons/dialog-error.gif) no-repeat 5px 7px; background-color:#e4dede; padding:15px 10px 15px 30px; border-left:0; border-right:0;} div.changecontentlevel {float:left; width:100px; color:#686868; position:relative; } div.changecontentdropdown {float:right; width:100px; position:relative;} div.changecontentdropdown select {width:90px; font-size:11px; font-family:verdana;} span.contentlevel {color:#2e74a6; text-decoration: none; text-transform: uppercase;} /* This positions the dropdown bar where it should be... */ div.changecontentdiv {position:absolute; right:35px; top:20px; text-align:right; width:200px; font-size:13px;} span.showlanghelp {color:#2e74a6; cursor:pointer;} span.showlanghelp:hover {text-decoration:underline;} /* MP3 */ div.mp3float {float:left; width:120px;} /* Sort out IE7 mess */ *:first-child+html div.fileoptions {margin-top:-0px;} div.fileoptions {/* border:1px solid #e0e0e0; */ padding:10px; margin:0px 0 10px 0; margin:-1px; display:inline-block; width:708px;} div.fileoptions, x:-moz-any-link, x:default {margin-top:-2px;} /* fix up FireFox 3 with problems with white space */ /* tabs yeah yeah yeah */ div.filename {text-overflow: ellipsis; background:#feff9c; padding:2px; overflow:hidden; height:15px;} span.filesize {margin:0; padding:0;} div.fileoptions span {font-weight:bold; padding:0 15px 0 20px; cursor:pointer;} div.fileoptions a.clicked {background:url(../images/green-tick.gif) no-repeat left;} li.imagestab span.clicked {background-position:0% -84px;} input{ color:#69696B; border:1px #808080 solid; padding:5px; margin:1px; } select{ color:#69696B; border:1px #808080 solid; padding:5px; margin-left:1px; } textarea{ color:#69696B; border:1px #808080 solid; padding:5px; margin:1px 0 6px 1px; } /* custom styles from the original */ .leftthin{ color:#69696B; width:160px; float:left; margin-bottom:10px; } .left{ width:360px; float:left; margin-bottom:10px; } #statcont { margin:0 auto; width:740px; } form, table, div{ color:#808080; } .line { border-bottom: 1px #E6E6E6 solid; } .templatelist{ padding-bottom:10px; float:left; width:330px; margin-bottom:10px; font-size: 16px; border-bottom: 1px #808080 solid;} .headerpreview{ border:1px solid #808080; width:758px; margin-bottom:10px; } form{ margin:0; padding:0; } .listimg{ border: 5px #808080 solid; margin:4px; padding:0px; } .listimg2{ border: 5px #808080 solid; margin-bottom:5px; } /* ---------------------- TABLE ELEMENTS ----------------------------------- */ table.proflags { border-width: 1px 1px 1px 1px; border-spacing: 2px; border-collapse: separate; background-color: white; } table.proflags th { border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; background-color: white; -moz-border-radius: 1px 0px 0px 0px; } table.proflags td { border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; background-color: white; -moz-border-radius: 1px 0px 0px 0px; } table.proflags img {margin:0 0 -2px 0; height:11px; width:16px;} table.prostats { margin:0 auto; border-spacing:2px; border-collapse: separate; } table.prostats td { padding:1px; border-spacing:2px; margin:1px; } /* SEO TABLE CLASSES */ table.seo1 { background:url(../images/seo1bg.gif) no-repeat; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; } .seo1bar { background:url(../images/seo1bar.gif) no-repeat; color:#ffffff; font-size:16px; } .seo1bar2 { background:url(../images/seo1bar.gif) no-repeat; color:#868686; } .seo1txt { font-size:16px; color:#ffffff; } .seo1txt2 { font-size:16px; color:#868686; } .ref { padding:0; margin:0; } .ref1 { font-size:12px; color:#868686; font-weight:bold; padding:0; margin:0; } .ref2 { font-size:9px; color:#868686; padding:0; margin:0; } .speech4040 { background:url(../images/pro_stats_ref.gif) no-repeat top; text-align:center; background-position:0 5px; font-weight:bold; } .speech3040 { background:url(../images/pro_stats_ref2.gif) no-repeat top; text-align:center; background-position:0px 4px; font-weight:bold; } .seoimg { margin-top:10px; } /* BACK BUTTONS */ #back { background:url(../images/system_icons/go-previous.gif) no-repeat left top; height:35px; width:80px; position:relative; clear:both; } #back a {color:#4f9c06; font-weight:bold;} #back a:hover {text-decoration:underline;} #back2 { background:url(../images/system_icons/go-previous2.gif) no-repeat left top; height:35px; padding-top:3px; padding-bottom:3px; width:80px; clear:both; } a#back2 {color:#4f9c06; font-weight:bold;} #back2 a:hover {text-decoration:underline;} #forward { background:url(../images/system_icons/go-next.gif) no-repeat right top; height:30px; width:80px; position:relative; clear:both; } #forward a {color:#4f9c06; font-weight:bold;} #forward a:hover {text-decoration:underline;} .backspace { height:8px; } .backtext { float:right; position:relative; width:47px; height:30px; } .breakspace { height:20px; } /* END BACK BUTTONS */ /* DOWNLOAD BUTTON */ .download { height:150px; width:100px; background:url(../images/pro_stats_dl.gif) no-repeat top; border:0; font-size:0; color:#FFF; } .dltext { width:100px; padding:0; text-align:center; margin:0 auto; margin-top:-20px; } .dltext p {text-align:center; font-weight:bold;font-size:14px;} .download:hover { background:url(../images/pro_stats_dl2.gif) no-repeat top; } .download2 { height:150px; width:100px; background:url(../images/pro_stats_dl3.gif) no-repeat top; border:0; font-size:0; color:#69696B; } .download2:hover { background:url(../images/pro_stats_dl4.gif) no-repeat top; } .dl { } #dlselect { width:430px; margin:0 auto; } .dltitle { float:left; width:300px; padding-top:7px; } .dlicons { margin:0 auto; width:250px; } .dlbox { float:right; position:relative; } .dlbutton1 { float:left; width:100px; margin:0 auto; margin-top:20px; color:#2e74a6; } .dlbutton2 { float:right; width:100px; margin:0 auto; margin-top:20px; color:#2e74a6; } .dlbutton1 .dltext:hover { color:#2e74a6; } /* NEW SHOP FEATURES */ #shop_style_title {background:#fff; width:730px; padding:10px 0 0 0; margin-bottom:10px;} #shop_style_title h3 {margin:0; padding:0;} #shop_style_box {} #shop_style_box img {margin:0; padding:0; margin-bottom:10px;} #shop_classic {float:left; width:300px; margin-left:30px !important; margin-left:30px; font-size:11px; font-family:tahoma;} #shop_classic_select {float:left; width:300px; } #shop_classic_select h2 {padding:0; margin:0;} #shop_classic_select input {margin-top:5px;} #shop_contemp {float:right; width:320px; margin-right:20px !important; margin-right:10px; font-size:11px; font-family:tahoma;} #shop_contemp_select {float:right; width:320px; } #shop_contemp_select input {margin-top:5px; } /* LINK STYLES --- fix em up */ a, a:hover, a:visited, a:active {text-decoration:none;} /* other styles for standard page i.e. error pages and other */ #standard_page h3 {font-size:14px; font-weight:bold; color:#686868;} #standard_page h2 {font-size:13px; font-weight:bold; color:#686868;} .finish_page {margin-top:50px;} .finish_page-left {float:left; width:300px;} .finish_page-right {float:right; width:400px;} #back.tryagain {padding-left:25px; padding-top:3px;} #back2.tryagain {padding-left:25px;} #forward.continue {padding-right:0px; padding-top:3px;} img.drag {behavior:url(/assets/css/iepngfix.htc);} /* new paypal pro setup page */ /* div.paypalpro_setup {background:#fff;} div.paypalpro_setup_i {border:1px solid #e0e0e0; background:#fff;} div.paypalpro_setup_caption {padding:10px; border:1px solid #e0e0e0; border-top:0;} div.paypalpro {height:480px;} div.slideone {background:url(../popup/paypalpro/one.gif) no-repeat top center; height:600px;} div.slidetwo {display:none;} div.slidethree {display:none;} div.slidefour {display:none;} div.slidefive {display:none;} */ div.paypalpro_floatleft {width:270px; float:left;} div.paypalpro_floatright {width:200px; float:left; height:45px; padding-left:30px; padding-top:32px;} div.ChangeContentPreview {top:0; left:0;} div.ChangeContentPreview div.mainColumn {display:none;} /* new Signup's page for Rob */ /* ==================================================================================== */ div.contents-wrapper {width:774px; margin:0 auto; position:relative;} img.signupimage {display:block;} div.contents-outer-wrap {width:620px; margin:15px auto 0 auto;} div.contents-small-wrapper {width:300px; margin:10px 10px 0 0; float:left;} div.downloadpdf {width:600px; text-align:center; border:2px solid #e0e0e0; border-left:0; border-right:0; padding:10px; margin:10px auto; background:#f9f9f9; font-family:tahoma; font-size:11px; font-weight:bold;} a.downloadpdf {background:url(../images/file.gif) no-repeat left top; padding:2px 0 4px 23px;} div.contents-wrapper div.accountID, div.contents-wrapper div.accountPassword {background:url(../images/signup.gif) repeat-x top center; margin:5px 0; font-family:verdana; font-size:11px;} div.signup_loginlink {margin-left:30px !important; margin-left:10px; float:left; width:130px; padding:40px 0 0 10px; font-size:15px; font-family:verdana; text-decoration:none;} div.signup_login {float:left; background:url(../images/signup_login.gif) no-repeat top center; width:120px; height:130px;} div.contents-wrapper div.accountID div.innerblock, div.contents-wrapper div.accountPassword div.innerblock {padding:10px; color:#686868;} div.accountID span.detail, div.accountPassword span.detail {display:inline-block; width:100px; font-weight:bold; font-size:14px;} div.accountID span.return, div.accountPassword span.return {display:inline-block; font-size:14px;} div.accountID span.detailhelp {display:block; font-size:11px; margin:5px 0 0 0; font-family:tahoma;} /* sexy combo */ .combo { position:relative; zoom:1; white-space: nowrap; } .combo input { margin: 0 0 0 0; font:normal 12px tahoma, arial, helvetica, sans-serif; padding:1px 3px; background:#fff url(http://phone.witamean.net/combo-images/text-bg.gif) repeat-x 0 0; border:1px solid #B5B8C8; height: 22px; line-height:18px; vertical-align:middle; } .combo img { width:17px; height:21px; border:0; background:transparent url(http://phone.witamean.net/combo-images/trigger.gif) no-repeat 0 0; cursor:pointer; border-bottom: 1px solid #B5B8C8; position:absolute; top:0; } .combo img:hover { background-position: -17px 0; } .combo ul { position: absolute; left: 0; top: 6; border: 1px solid #D9D9D9; list-style-type: none; width: 152px; background: #FFFFFF; padding: 0; cursor: pointer; overflow: hidden; } .combo li { padding-left: 5px; font:normal 14px tahoma, arial, helvetica, sans-serif; background-color: #FFFFFF; position: relative; top: 0; } /* ------------- * Buttons * ------------- */ button {margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;} *:first-child+html button[type]{width:1;} /* IE7 */ button span { background: transparent url(elements/btn_right.gif) no-repeat scroll right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; } button span span { background: transparent url(elements/btn_left.gif) no-repeat; color: #FFFFFF; padding: 1px 4px 0px 8px; font-weight: normal; font-size: 10px; line-height: 13px; text-transform: lowercase; display: block; text-decoration: none; } /* ----== EDIT PHOTO GALLERY UI ==---- January 2008 */ div.editshow {display:none; width:60px; height:60px; position:absolute; top:0; right:0; background:url(../images/editshow.gif) no-repeat top center;} div.ImageDragBox {display:block; color:#686868; font:bold 100% Verdana, Tahoma; padding:5px; cursor:pointer; background:#f9f9f9; margin:0; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; margin:10px 0 0 0; position:relative; height:32px;} div.ImageDragBox .dragDiv {z-index:10; position:absolute; right:0; top:0; width:30px; height:42px; border-left:1px solid #e0e0e0; background:#fff;} div.ImageDragBox.NewObject {background:url(../../formbuilder/lib/img/highlight.gif) #fffdd9 no-repeat bottom; border:1px solid #e5e2ac; border-bottom:2px solid #e5e2ac;} div.ImageDragBox.NewObject div.ImageCont {border:1px solid #e5e2ac;} div.ImageDragBox.NewObject_hover {background:url(../../formbuilder/lib/img/highlight.gif) #fffdd9 no-repeat botttom;} div.ImageDragBox div.ImageCont {width:30px; height:30px; z-index:15; overflow:hidden; border:1px solid #e0e0e0; display:block; position:relative; background:#fff;} div.ImageDragBox img {width:50px;} div.ImageDragBox span.ImageNumber {display:block; position:absolute; top:6px; left:43px; font-size:12px; width:450px; overflow:hidden;} div.ImageDragBox span.ImageNumber cite {display:block; margin:2px 0 0 0; color:#8c8c8c;} div.ImageDragBoxPopup {display:none; position:absolute; bottom:40px; left:200px; background:#fff7c0; z-index:14; border:1px solid #efe5a4;} div.ImageDragBoxPopup_i {border:1px solid #fff; padding:5px;} div.ImageDragBoxPopup_i img {width:50px; margin:5px 5px 5px 5px;} div.ImageDragBox:hover span.HintLabel {color:#202020;} div.ImageDragBox span.HintLabel {background:url(../images/zoom.gif) no-repeat top left; display:block; position:absolute; right:37px !important; right:40px; font-family:Verdana; font-size:11px; top:13px; font-weight:normal; padding:1px 0 2px 20px;} span.ShowAllItems {cursor:pointer; display:inline-block; background:url(../images/zoom.gif) no-repeat top left; padding:1px 0 2px 20px; font-size:11px; margin-right:10px;} span.HideAllItems {cursor:pointer; display:inline-block; background:url(../images/zoom.gif) no-repeat bottom left; padding:0px 0 2px 20px; font-size:11px; margin-left:10px;} span.ShowAllItems:hover, span.HideAllItems:hover {text-decoration:underline;} span.ImageLabel {display:inline-block; margin:0 0 0 10px;} div.PhotoGallerySettings {border:1px dotted #686868; padding:10px; display:none;} div#orange {position:absolute; top:0; right:20px; width:133px; background:#fff;} div#orange span.orange_caption {position:absolute; top:10px; left:10px; font-size:10px; color:#000;} div#orange img {width:133px;} div.imagesetting_row {margin-bottom:10px;} /* lets start something new */ span.sysLabel_Flash {display:none;} /* MR SITE UI DIALOG BOX */ span.editdialog {cursor:pointer;} div.mrs_dialogwrap {display:none; position:absolute; top:50px left:50px; z-index:1500; padding-bottom:30px;} div.mrs_dialog {position:relative;} div.mrs_dialog span.dialog-title {font-weight:bold; margin:10px 0 0 10px; display:block;} div.mrs_dialog span.close-dialog {cursor:pointer; font-weight:bold; position:absolute; top:0px; right:10px; z-index:101; display:block;} div.mrs_dialogwrap.colourpicker {width:360px; background:url(../images/mrs_dialogCol.png) no-repeat top center;} div.mrs_dialogwrap.iconselection {width:360px; background:url(../images/mrs_dialogIcon.png) no-repeat top center;} div.iconwrapper {margin:10px 0 0 15px;} span.editdialog {display:inline-block; position:relative; background:url(../images/btn_edit.gif) no-repeat top left; top:0; height:20px; width:50px; text-align:center; padding-top:5px;} /* OUR SIMPLE LOADER */ div.loader {position:absolute; top:130px; left:50px; width:700px; height:430px; background:#fff; z-index:100; text-align:center; display:none;} div.loader span {display:block; font-weight:bold; font-size:14px; margin-top:10px;} div.loader p {display:block; margin:100px auto 0 auto; background:url(../images/bigpreferences.gif) no-repeat top center; height:95px; width:93px;} div.loader2 {position:absolute; top:140px; left:40px; width:720px; height:350px; background:#fff; z-index:100; text-align:center; display:none;} div.loader2 span {display:block; font-weight:bold; font-size:14px; margin-top:10px;} div.loader2 p {display:block; margin:100px auto 0 auto; background:url(../images/bigpreferences.gif) no-repeat top center; height:95px; width:93px;} div.loader.tabathait {position:absolute; top:130px; left:50px; width:700px; height:240px; background:#fff; z-index:100; text-align:center;} div.loader.tabathait span {display:block; font-weight:bold; font-size:14px; margin-top:10px;} div.loader.tabathait p {display:block; margin:60px auto 0 auto; background:url(../images/bigpreferences.gif) no-repeat top center; height:95px; width:93px;} /* --------------------------------------------- */ /* ---== Welcome to the Mr Site Global CSS ==--- */ /* --------------------------------------------- */ h3 {font-weight:bold; color:#2e74a6;} h2 {font-weight:bold; color:#2e74a6;} p.gheading {color:#686868; font-size:11px; margin-bottom:5px;} span.gallery_what {color:#2e74a6;} span.gallery_what:hover {text-decoration:underline;} br {border:0;} /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* HELP ME! */ div.helpme {float:left; clear:left; margin:0 7px 0 0; background:url(../images/helpme.gif) no-repeat center; height:16px; width:16px;} /* Style various input, select and form elements throughout the system */ input.selectdesign {background:#000;} /* Main input style */ input.offer_submit {margin:0px 0px 0 0; display:inline; float:left; position:relative; cursor:pointer; background:url(../images/submit_offer.gif) no-repeat top center; width:199px; height:39px; border:0; font:bold 110%/1.4 Arial, Helvetica, sans-serif; color:#fff;} input.offer_submit:hover, input.offer_submit:active {background-position:bottom center;} input.big_continue {margin:0px 0px 0 0; display:inline; float:left; position:relative; cursor:pointer; background:url(../images/big_continue.gif) no-repeat top center; width:199px; height:39px; border:0; font:bold 110%/1.4 Arial, Helvetica, sans-serif; color:#fff;} input.big_continue:hover, input.offer_submit:active {background-position:bottom center;} input.upload-submit-blue-2 {font-size:11px; cursor:pointer; background:url(../images/blue_submit.gif) no-repeat top; margin:0; margin-top:10px; height:25px; width:120px; border:0; color:#fff; font-size:11px; } input.upload-submit-blue-2:hover {background-position:0 -25px;} input.upload-submit-blue-2 a:active {background-position:0 -50px;} .submitpurple {font-size:11px; cursor:pointer; margin:10px 0 0 0; text-align:center;background:url(../images/blue-submitbig.gif) no-repeat top; height:25px; width:150px; border:0; color:#fff; font-size:11px; } .submitpurple:hover {font-size:11px; cursor:pointer; background:url(../images/blue-submitbig-hover.gif) no-repeat top;} .submitpurple a:active {outline: none;} input.longbutton {font-size:11px; text-align:center;background:url(../images/longbutton.gif) no-repeat top; height:25px; width:200px; border:0; color:#fff; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif;} input.longbutton:hover {cursor:pointer; background:url(../images/longbutton-hover.gif) no-repeat top;} input.longbutton a:active {outline: none;} div.template_box input.submitresults {width:222px;margin-left:0px; color:#fff; font-size:11px; cursor:pointer; background:url(../images/template_wiz.gif) no-repeat top center; border:0;} input.submitresults2 {width:222px;margin-left:0px; color:#fff; font-size:11px; cursor:pointer; background:url(../images/template_wiz2.gif) #000 no-repeat top center; border:0;} div.template_box input.submitresults:hover, input.submitresults2:hover {background-position:bottom center;} /* BUTTONS n THINGS */ /* BLUE */ input.NextButton {cursor:pointer; width:150px; height:25px; display:inline-block; background:url(../images/NextButton.gif) no-repeat 0px 0px; border:0; color:#fff; font-weight:normal; font-size:11px; position:absolute;} input.NextButton:hover {background-position:0 -25px;} /* input.upload-submit-blue {position:relative; cursor:pointer; display:inline-block; width:150px; height:25px; position:relative; background:url(../images/NextButton.gif) no-repeat 0px 0px; border:0; color:#fff; font-weight:normal; font-size:11px; margin:10px 0 0 5px;} input.upload-submit-blue:hover {background-position:0 -25px;} */ input.NextButton:hover {background-position:0 -25px;} input.upload-submit-reset {position:relative; cursor:pointer; display:inline-block; width:150px; height:25px; position:relative; background:url(../images/GreyResetButton.gif) no-repeat 0px 0px; border:0; color:#686868; font-weight:bold; font-size:11px; margin:10px 0 0 0px; text-align:center; right:0;} input.upload-submit-reset:hover {background-position:0 -25px;} input.upload-submit-green {cursor:pointer; width:150px; height:25px; position:relative; background:url(../images/system_action.gif) no-repeat 0px 0px; border:0; color:#fff; font-weight:normal; font-size:11px; margin:10px 0 0 5px;} input.upload-submit-green:hover {background-position:bottom center;} input.upload-submit-green a:active {outline: none;} /* ----------------------------------------- */ div.system_action {cursor:pointer; background:url(../images/system_action.gif) no-repeat top; margin:0 8px 0 0; width:125px; border:0; color:#fff; font-size:11px; text-align:center; padding:6px 0; height:13px; float:left; clear:left;} div.system_action:hover {background-position:bottom center; text-decoration:none;} div.system_action a:active {outline: none;} div.system_action_wrap {padding:10px;} div.system_action_wrap div.page_action {float:left; width:200px;} div.system_action_wrap div.pageleap {float:right; width:400px;} input.submit-preview {font-size:11px; cursor:pointer; background:url(../images/submit-preview.gif) no-repeat top; margin:0; height:25px; width:125px; border:0; color:#686868; font-size:11px; font-weight:normal; margin:0px 0 10px 0; font-weight:bold;} input.submit-preview:hover {background-position:bottom center;} input.submit-preview a:active {outline: none;} /* div.upload-submit-blue {font-size:11px; cursor:pointer; background:url(../images/system_select.gif) no-repeat top; margin:0; height:19px; overflow:hidden; padding-top:6px; width:125px; border:0; color:#fff; font-size:11px; font-weight:normal; text-align:center;} */ div.resetitnow {border:0; cursor:pointer; background:url(../images/reset_button.gif) no-repeat top center; margin:3px 10px 10px 0; width:100px; height:50px; float:left; clear:left;} div.resetitnow:hover {background-position:bottom center;} div.reset_container {margin:10px 0 0 0; display:inline-block; position:relative;} /* Customise Template */ div.customisemenu {width:75px; height:75px; float:left; clear:left; background:url(../images/customise_menu.gif) no-repeat top left; margin:0 10px 0 0;} div.customisetheme {width:50px; height:50px; float:left; clear:left; background:url(../images/customise_theme.gif) no-repeat top left; margin:0 10px 0 0;} /* Make Money */ div.makemoney_affiliate {width:50px; height:50px; float:left; clear:left; background:url(../images/makemoney_affiliate.gif) no-repeat top left; margin:0 10px 5px 0;} div.makemoney_tellafriend {width:50px; height:40px; float:left; clear:left; background:url(../images/makemoney_tellafriend.gif) no-repeat top left; margin:0 10px 0px 0;} div.makemoney_withdraw {width:50px; height:50px; float:left; clear:left; background:url(../images/makemoney_withdraw.gif) no-repeat top left; margin:0 10px 5px 0;} div.makemoney_wallet {width:50px; height:50px; float:left; clear:left; background:url(../images/makemoney_wallet.gif) no-repeat top left; margin:0 10px 5px 0;} span.customise_help {display:block; position:absolute; top:0; right:0; width:300px;} /* h4 {background:#fff;} */ div.upload-submit-blue:hover {background-position:bottom center; text-decoration:none;} div.upload-submit-blue a:active {outline: none; text-decoration:none;} input.btn_new {font-size:11px; cursor:pointer; border:0; margin:0; width:100px; height:25px; padding:0px 0 3px 0;font-size:11px; font-weight:bold; color:#333333; font-family:verdana; background:url(../images/btn_new.gif) no-repeat top center;} input.btn_new:hover {color: #2e74a6;} input.btn_continue {font-size:11px; cursor:pointer; border:0; margin:0 0 0 5px; width:100px; height:25px; padding:0px 0 3px 0;font-size:11px; font-weight:bold; color:#fff; font-family:verdana; background:url(../images/btn_continue.gif) no-repeat top center;} input.btn_new:hover {color: #2e74a6;} span.btn_finish {font-size:11px; cursor:pointer; display:block; width:130px; height:50px; background:url(../images/btn_save.gif) no-repeat top center; position:absolute; top:0px; right:0px;} span.btn_finish:hover {background-position:0 -50px;} span.btn_finish:active {background-position:0 -100px;} /* MY BUTTON STYLES */ a.editdialog {border:0;padding:6px 20px 6px 20px; font-size:11px; font-weight:bold; color:#333333; font-family:verdana; background:url(../images/edit.gif) no-repeat top center;} a.editdialog:link, a.editdialog:active, a.editdialog:visited {text-decoration:none;} a.editdialog.selected {background-position:bottom center; color:#fff;} /* BUY ADDITIONALS */ div.ba_domainname, div.ba_purpose, div.ba_amount, div.ba_notes, div.ba_password {display:none;} #header_spacer {height:220px;} #app_title {width:770px; min-height:60px; height:auto !important; height:60px; text-align:left;} #app_space {height:10px;} #app_title h3 {margin-left:60px; font-size:12px; font-weight:bold; color:#686868; font-family:verdana;} #app_desc {width:770px; margin-top:-40px !important; margin-top:-37px; min-height:50px; height:auto !important; height:50px; } .app_desc {padding:10px; padding-left:60px;} /* error pages */ #app_wrap.errorpage {margin-top:20px; border:2px solid #d8d2d2; border-left:0; border-right:0; background-color:#e4dede;} #app_title.app_error h3 {color:#e60000;} #app_desc.errortext p.app_desc {color:#202020;} /* Mr Site application - grey background style - use these for all full-page applications in Mr Site */ #app_utility {width:748px; padding:10px 10px 20px 10px; text-align:left;} #app_utility-title h2 {margin:0 0 5px 0; padding:0 0 5px 0; font-weight:bold; color:#2e74a6; text-align:left;} #app_footer {width:748px; background:#ededed; border:1px solid #dfdfdf; padding:5px 10px; margin-top:10px; border-top:2px solid #dfdfdf;text-align:right;} /* Mr Site half page application - grey background style */ #app_utility-half {min-height:180px; height:auto !important; height:180px; text-align:left;float:left;width:333px;margin-left:-10px; margin-top:10px; background:#ededed; border:1px solid #dfdfdf; padding:10px; border-top:2px solid #dfdfdf;} #app_utility-half-title h2 {margin:0; padding:0; margin-bottom:4px;} #app_utility-half-title {margin:0; padding:0; margin-bottom:14px;} .app_selection {cursor:pointer;} /* Module styling */ #app_mod {width:550px; margin:0 auto; background:#ededed; border:1px solid #dfdfdf; padding:10px; border-top:2px solid #dfdfdf;} #app_mod-full {width:750px; margin:0 auto; background:#ededed; border:1px solid #dfdfdf; padding:10px; border-top:2px solid #dfdfdf;} #app_mod-full2 {width:770px; margin-left:18px; padding:10px; } #app_mod-dark {width:750px; margin:0 auto; background:#ededed; border:1px solid #dfdfdf; padding:10px; border-top:2px solid #dfdfdf;} .app_whitetitle {width:728px; margin:0; padding:5px 10px; margin:0 0 10px 0; background:#fff; border:1px solid #dddddd;} .app_whitetitle h3 {padding:0; margin:0; margin-top:3px;} .tempholder h3 {margin-top:10px;} #mailing_list-wrap {width:750px; margin-left:5px; background:#ededed; border:1px solid #dfdfdf; padding:10px; border-top:2px solid #dfdfdf;} #page_wrapper {width:750px;} /* MR SITE TABLE CSS */ table.defaulttable {width:100%;} table.defaulttable th, table.defaulttable td {border-collapse:none; padding:5px;} table.defaulttable th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; border:1px solid #acacac; border-bottom:0; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: url(../images/thead.gif) no-repeat top left; } table.defaulttable td { border:1px solid #e0e0e0; padding: 6px 6px 6px 12px; } input.tablecheckbox, input.SelectAll {border:0;} table.defaulttable tr:first {border-top:0;} table.defaulttable tr.odd {background:url(../images/trodd.gif) #f3f3f3 repeat-x top;color: #7b7b7b;} table.defaulttable tr.even {background:url(../images/treven.gif) #e9e9e9 repeat-x top;color: #686868;} table.defaulttable tr.highlightrow {background:url(../images/highlightrow.gif) #fefce2 repeat-x top;} /* Specific Widths go in here */ table.defaulttable th.pagecheck {width:120px; background:#fff; border:0; color:#686868;} /* -------------------- PERSONALISE -------------------------- */ /* PICK A HEADER PAGE */ div.headerlist span {font-size:12px;} #headerlist img {margin:0; padding:0;} div.headerlist.headertitle {font-weight:bold;} div.headerlist.headercat {float:left; font-weight:bold; padding:10px 0 0 40px; width:75px; height:30px; margin:0 0px 5px 0; background:url(../images/system_icons/folder.gif) no-repeat left; cursor:pointer; font-size:11px;} div.headerlist.headercat:hover {text-decoration:underline;} div.headerlist.headerown {float:left; font-weight:bold; height:25px; padding:11px 0 0 40px; width:333px; background:url(../images/system_icons/image-x-generic.gif) no-repeat left;} div.headerlist.headerown:hover {border-color:#0066CC; cursor:pointer; color:#0066CC;} div.headercontainer {width:725px; overflow:hidden; border:2px solid #efefef;} div.headercontainer.hover {border-color:#0066CC; text-decoration:underline;} div.headercontainer img {border:0; margin:0; padding:0;} h3.headercontainer.grey {color:#686868; font-weight:bold;} /* Some other styling */ div.pagetitleblockspace {position:absolute; top:-210px;} /* Shop title styling */ #app_itemtitle {margin-left:55px; margin-top:8px; float:left; width:693px;} /* Form Styling */ /* input {cursor:pointer; background:#f5f5f5; border:1px solid #ddd;} input:hover {background:#ededed;} */ .form_style input {cursor:text; background:#eff8ff; border:1px solid #498ac1;} .form_style-b input {cursor:text; background:#fff; border:1px solid #686868; padding:5px;} .form_style-b:hover {} .form_style-c input {cursor:text; background:#fcfcfc; border:1px solid #686868;} #form_wrap {width:745px; background-color:#fff;min-height:35px; height:auto !important; height:35px;} #form_wrap2 {width:745px; background-color:#ededed; min-height:40px; height:auto !important; height:40px;} #form_help {float:right; width:300px; padding:10px; text-align:right; font-size:12px;} #form_help2 {float:right; width:350px; padding:10px; text-align:left;} /* Template Option form styles */ #menu_type {margin:0 0 10px 0; } #menu_type select {border:1px solid #1b4490; font-size:12px; color:#333333; padding:3px;} /* IMAGE HELP */ #image-help {position:absolute; width:276px; height:126px; background:url(../images/multiple.gif) no-repeat top left;background-color:#fff; left:351px; margin-top:-54px; padding:10px;} #image-help p {padding-top:20px;} .upload {padding:5px; float:left; } .upload-input {border:1px solid #686868; margin-left:40px; padding: 6px !important; padding:4px; font-size:12px;} .upload-submit {border:1px solid #686868; background:#fbfbfb; padding:2px !important; padding: 1px 2px 2px 2px;margin:0; font:12px Arial, Helvetica, sans-serif; margin-bottom:1px;} .upload-submit:hover {border:1px solid #5b5b5b; background:#def1ff; cursor:pointer;} /* Application icons */ .upload-image {background:url(../images/app_upload.gif) no-repeat left; } #upload-bar {width:618px; margin-left:-8px; padding:5px; margin-bottom:0;} #upload-bar:hover {background:#feffa6; cursor:default;} #upload-bar.image-upload { padding-left:10px; width: 613px; background-color:#fff;} #upload-bar.image-upload:hover {background-color:#feffa6; cursor:default;} /* -- */ .picture1 {border:1px solid #dadada;} .picture2 {border:1px solid #dadada;} .picture3 {border:1px solid #dadada;} /* Delete Option */ #upload-bar.delete { width:240px; border-bottom:0; border-top:0;} #upload-bar.delete p {padding:0; margin:0; margin-left:15px; margin-top:-22px;} #upload-bar.delete img { margin-top:3px;} #upload-bar.delete:hover, #upload-bar.delete p:hover {color:#ff2a00; background:#ededed;} #upload-bar.delete p:hover {cursor:pointer;} /* Extra Options */ #upload-bar.extra { width:240px; border-bottom:0; border-top:0;} #upload-bar.extra p {padding:0; margin:0; margin-left:15px; margin-top:-23px;} #upload-bar.extra img { margin-top:3px;} #upload-bar.extra:hover, #upload-bar.delete p:hover {color:#ff2a00; background:#ededed;} #upload-bar.extra p:hover {cursor:pointer;} /* Shop Image Wrapper */ #shop-image-wrap {position:absolute;right:25px; background:url(../images/noimage.gif) no-repeat top; background-color:#fff; border:1px solid #d2d2d2;padding:5px;margin-top:-153px;text-align:center;width:102px;min-height:220px; height:auto !important; height:220px;overflow:hidden; margin-left:-20px;} /* Shop Panels */ #express-checkout {background-color:#fff;padding:10px;border:1px solid #d2d2d2;} #express-title {height:30px; } #express-paypalpro {height:30px; } .paypalpro-warning {width:205px; height:50px;padding:10px; padding-top:10px;float:right; color:#686868; font-size:11px;} #paypalpro {float:left; width:725px; height:114px;background:url(../images/paypalprobg2.gif) no-repeat top left;} #paypalpro:hover {color:#000;background:url(../images/paypalprobg.gif) no-repeat top left; color:#686868;} .upload-item {background:url(../images/item.png) no-repeat left; margin-top:5px;} .divider {border-top:1px solid #d1d1d1; border-bottom:2px solid #dfdfdf; position:absolute; height:10px; left:12px; width:776px; margin-top:5px;} .shop-options {padding:5px;} #shop_wrapper {width:724px; padding:10px; border:1px solid #d1d1d1;} #shop-item-wrap {border:1px solid #000;} .shopitemwrapper {border-bottom:5px solid #fff; height:10px; width:100%;} .shop-layout {background:url(../images/shop-layout.gif) no-repeat top left; height:50px; margin-top:10px; margin-left:10px;} .shop-title {margin-left:55px; color:#686868; font-size:14px; padding-top:15px; font-weight:bold;} #handling-wrap {} #handling-option {width:308px; float:left; font-size:12px; margin:0; /* background:url(../images/postage_icon.gif) no-repeat left; */ margin-bottom:25px !important; margin-bottom:10px;} #handling-option:hover {cursor:default;} div.handlingtitle {float:left; width:90px; font-size:14px; font-weight:bold; padding-top:5px;} #handling-wrap input {padding:5px;} #handling-option2 {width:608px; float:left; font-size:12px; margin:0; /* background:url(../images/postage_icon.gif) no-repeat left; */ margin-bottom:25px !important; margin-bottom:10px;} div.handlingtitle2 {float:left; width:290px; font-size:14px; font-weight:bold; padding-top:5px;} .copytxtbigger {color:#202020;} .copytxtbigger:hover {color:#006699; cursor:pointer;} /* sIFR Styles */ .title {padding:0; margin:0; padding-top:3px;} /* Text styles */ .small {font-size:10px; padding:0; margin:0; padding-bottom:2px;} em {padding:0; margin:0;} .welcometitle b a {text-decoration:none;} b { color:#006699; text-decoration:none; cursor:pointer;} b:hover {color:#0066FF;} #login_wrap a {text-decoration:none;} .sorry-txt {color:#FF0000; font-size:15px; font-weight:bold;} /* Add an Mp3 Jukebox */ .remove {padding:0; margin:0;} .remove:hover {color:#FF0000;} #signup_wrap {width:700px; margin:0 auto; margin-top:10px; padding-top:50px;} .signup-input {height:22px;} .activate-option {font-size:25px; height:29px; width:140px; padding:0; padding-bottom:0 !important; padding-bottom:3px; border:1px solid #ebebeb;} .activate-option:hover {border:1px solid #005395;background:url(../images/formbg-hover.gif) repeat-x top;} .option-down {font-size:15px; color:#686868; background-color:#fff;} .activate-submit { height:29px; font-size:25px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ebebeb; padding:0 5px; vertical-align:bottom;} .activate-submit:hover {border:1px solid #005395; background:url(../images/formbg-hover.gif) repeat-x top;} .activate-text {font-size:25px; padding:0; margin:0; } #signup-form-wrap {width:400px; margin:0 auto;} #signup-form-wrap .signup-submit {width: 180px; margin:0 auto; margin-top:10px;} #domain-name {margin-left:100px; margin-top:10px;} #domain-name-own {width:490px !important; width:480px; padding:10px; margin-left:105px; margin-top:10px; margin-bottom:10px; height:30px;} #domain-name-submit {width: 180px; margin:0 auto;} /* ------------------------------------- jTIPs -------------------------------------- */ #jhelp {width:100%;height:25px; padding:0; margin:0; padding-top:5px;} #jhelp a {color:#006699; font-weight:bold; font-size:11px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;} #jhelp a:hover {background-color:#feffa6;} span {padding:0; margin:0;} /* -=-----------------------------------------------------------------------------------=- */ /* -=-------------------------------------- CONTROL -----------------------------------=- */ /* -=-----------------------------------------------------------------------------------=- */ #control-panel {width:300px; height:30px; background:#fff;} #control-panel p {font-size:11px; color:#686868; padding:0; margin:0;} #control-panel a {text-decoration:underline; color:#003366;} #control-panel a:hover {background-color:#feffa6;} /* -=-----------------------------------------------------------------------------------=- */ /* -=------------------------------- SUPPORT ICONS - ---------------------------------=- */ /* -=-----------------------------------------------------------------------------------=- */ #support {background:#fff; margin-bottom:10px; height:120px;} #support .icon {float:left; width:110px; height:100px; text-align:center; margin-right:8px; border:1px solid #f9f9f9;} #support .icon:link {color : #808080;} #support .icon:hover {color : #808080;border: 1px solid #DADADA; cursor:pointer; background-color:#edf7fd;} #support .icon #link-div {height:60px;} #support .icon span {font-size:12px; text-decoration:none;} #support .icon a {text-decoration:none;} #changepassword {background:url(../images/support_changepassword.gif);} #changepassword:hover {background:url(../images/support_changepassword2.gif);} #emailus {background:url(../images/support_emailus.gif);} #emailus:hover {background:url(../images/support_emailus2.gif);} #remind {background:url(../images/support_remind.gif);} #remind:hover {background:url(../images/support_remind2.gif);} #manual {background:url(../images/support_manual.gif);} #manual:hover {background:url(../images/support_manual.gif);} /* application boxes */ div.appbox {font-size:11px; padding:10px; border:1px solid #e0e0e0; background:#f9f9f9; margin:10px 0;} div.appbox span.apptitle {display:block; font-weight:bold;} /* modal buttons */ input.modalButton {width:140px; border:0; padding:5px 0 5px 5px; margin:10px 0 0 5px; text-align:left; font-weight:bold; font:bold 0.9em Tahoma; cursor:pointer;} input.modalButton:hover {background-position:0 -25px;} input.modalButton:active {background-position:bottom center; outline: none; -moz-outline-style: none;} input.modalButton:focus {-moz-outline-style: none;} input.modal_Continue {font-size:11px; background:url(../images/modal_continue.gif) no-repeat top center; color:#204919; width:150px; height:25px;} /* Tab definitions and styles */ a.nolinkclass, a.nolinkclass:active {color:#686868;} a.nolinkclass:hover {color:#686868; text-decoration:none;} div.topNav {height:39px; margin:0px 0 -31px 10px; padding:0 10px; overflow:hidden; position:relative;} div.topNav ul {margin:0; padding:0;} div.topNav ul li {display:block; list-style:none; margin:0 5px 0 0; padding:0 0 0 5px; float:left; cursor:pointer;} div.topNav ul li span.tabIt {display:block; font-weight:bold; padding:8px 13px 13px 0px; margin-left:24px;} div.topNav ul li span {font-size:12px; text-shadow: #ffffff 1px 1px 0; } div.topNav ul li.proOptions {display:none;} div.jumptopage {position:relative; top:0; float:right; margin:-4px 15px 0 0; background:url(../images/tabs/images/tab_footer_left.gif) no-repeat top left; padding:0 0 10px 13px; font-size:12px;} div.jumptopage span.jumpto {font:bold 1.0em Verdana, Tahoma; display:block; background:url(../images/tabs/images/tab_footer_right.gif) no-repeat top right; padding:10px 13px 12px 0px;} /* icons for tabs */ /* General */ div.topNav ul li.general_back {background:url(../images/tabs/images/tab_general_back.gif) no-repeat bottom left; cursor:pointer;} div.topNav ul li.admin_add {background:url(../images/tabs/images/tab_admin_add.gif) no-repeat bottom left; cursor:default;} div.topNav ul li.admin_edit {background:url(../images/tabs/images/tab_admin_edit.gif) no-repeat bottom left; cursor:default;} div.topNav ul li.admin_edit span.tabIt {margin-left:20px; padding-right:7px;} /* choose a design */ div.topNav ul li.Template_Alpha {background:url(../images/tabs/images/tab_Template_Alpha.gif) no-repeat 0px -34px;} div.topNav ul li.Template_Recent {background:url(../images/tabs/images/tab_Template_Recent.gif) no-repeat 0px -34px;} /* Change Header */ div.topNav ul li.Header_Own {background:url(../images/tabs/images/tab_background_ownBg.gif) no-repeat 0px -34px;} div.topNav ul li.Header_Cat {background:url(../images/tabs/images/tab_tThemes.gif) no-repeat 0px -34px;} /* Change Menu */ div.topNav ul li.EditFonts {background:url(../images/tabs/images/ChangeMenu_EditFonts.gif) no-repeat 0px -34px;} div.topNav ul li.EditColours {background:url(../images/tabs/images/ChangeMenu_EditColours.gif) no-repeat 0px -34px;} div.topNav ul li.EditLinkStyle {background:url(../images/tabs/images/ChangeMenu_EditLinkStyle.gif) no-repeat 0px -34px;} div.topNav ul li.EditBackground {background:url(../images/tabs/images/ChangeMenu_EditBackground.gif) no-repeat 0px -34px;} div.topNav ul li.EditIcons {background:url(../images/tabs/images/ChangeMenu_EditIcons.gif) no-repeat 0px -34px;} div.topNav ul li.EditBorders {background:url(../images/tabs/images/ChangeMenu_EditBorders.gif) no-repeat 0px -34px;} div.topNav ul li.EditAdvanced {background:url(../images/tabs/images/ChangeMenu_EditAdvanced.gif) no-repeat 0px -34px;} /* Image Editor */ div.topNav ul li.Edit_an_Image {background:url(../images/tabs/images/tab_admin_edit.gif) no-repeat 0px -34px;} div.topNav ul li.Upload_Image {background:url(../images/tabs/images/tab_background_ownBg.gif) no-repeat 0px -34px;} /* Customise a design */ div.topNav ul li.bgColor {background:url(../images/tabs/images/tab_bgcolor.gif) no-repeat 0px -34px;} div.topNav ul li.tThemes {background:url(../images/tabs/images/tab_tThemes.gif) no-repeat 0px -34px;} div.topNav ul li.tMenus {background:url(../images/tabs/images/tab_menus.gif) no-repeat 0px -34px;} /* Online Shop */ div.topNav ul li.Shop_Layout {background:url(../images/tabs/images/tab_shop_layout.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_Arrange {background:url(../images/tabs/images/tab_shop_arrange.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_ExpressCheckout {background:url(../images/tabs/images/tab_shop_expresscheckout.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_IntHandling {background:url(../images/tabs/images/tab_shop_inthandling.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_Weight {background:url(../images/tabs/images/tab_shop_weight.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_Exceptions {background:url(../images/tabs/images/tab_shop_exceptions.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_PayPalPro {background:url(../images/tabs/images/tab_shop_paypal.gif) no-repeat 0px -34px;} div.topNav ul li.Shop_PayPalPro span.tabIt {margin-left:20px; padding-right:7px;} /* Photo Gallery */ div.topNav ul li.Photo_Edit {background:url(../images/tabs/images/tab_photo_edit.gif) no-repeat 0px -34px;} div.topNav ul li.Photo_Settings {background:url(../images/tabs/images/tab_photo_settings.gif) no-repeat 0px -34px;} div.topNav ul li.Photo_Type {background:url(../images/tabs/images/tab_photo_type.gif) no-repeat 0px -34px;} div.topNav ul li.Photo_Arrange {background:url(../images/tabs/images/tab_shop_arrange.gif) no-repeat 0px -34px;} /* Edit Background Colour */ div.topNav ul li.Background_ownBg {background:url(../images/tabs/images/tab_background_ownBg.gif) no-repeat 0px -34px;} div.topNav ul li.Background_preBg {background:url(../images/tabs/images/tab_tThemes.gif) no-repeat 0px -34px;} /* Contact Form Editor */ div.topNav ul li.Tab_Contactform {background:url(../images/tabs/images/tab_contactform.gif) no-repeat 0px -34px;} div.topNav ul li.Tab_Contactform_apply {background:url(../images/tabs/images/tab_contactform_apply.gif) no-repeat 0px -34px;} div.topNav ul li.Tab_Contactformwizard {background:url(../images/tabs/images/tab_contactformwizard.gif) no-repeat 0px -34px;} /* Personalise */ div.topNav ul li.Personalise_Font {background:url(../images/tabs/images/tab_personalise_font.gif) no-repeat 0px -34px;} div.topNav ul li.Personalise_Colour {background:url(../images/tabs/images/tab_bgcolor.gif) no-repeat 0px -34px;} /* Change Menu */ div.topNav ul li.ChangeMenu_FontStyle {background:url(../images/tabs/images/tab_personalise_font.gif) no-repeat 0px -34px;} div.topNav ul li.ChangeMenu_BgCol {background:url(../images/tabs/images/tab_bgcolor.gif) no-repeat 0px -34px;} div.topNav ul li.ChangeMenu_FontStylePro {background:url(../images/tabs/images/ChangeMenu_FontStylePro.gif) no-repeat 0px -34px;} div.topNav ul li.tOn span {background:url(../images/tabs/images/tab_right.gif) no-repeat top right;} div.topNav ul li.tOn {background-position:top left;} /* for general tab */ div.topNav ul li.general_back span {background:transparent} div.topNav ul li:hover {text-decoration:underline;} div.topNav ul li.tOn:hover {text-decoration:none; cursor:default;} div.tabCont {display:none; padding:10px; position:relative;}