/* Style sheet for use when clients sign up */ /* ------------------------------------------------------------------------ Step List styles ------------------------------------------------------------------------- */ #stepList {text-indent:-5000px; width:760px; margin:30px auto; height:56px;} #stepList ol {display:none;} #stepList.step1 {background:url(/inc/images/signup/signup_step1.jpg) no-repeat center;} #stepList.step2 {background:url(/inc/images/signup/signup_step2.jpg) no-repeat center;} #stepList.step3 {background:url(/inc/images/signup/signup_step3.jpg) no-repeat center;} /* ------------------------------------------------------------------------ Enter Postcode Step styles ------------------------------------------------------------------------- */ #schoolSelection {display:none; position:absolute; bottom:43px; left:78px; width: 442px; } #schoolSelection dl {padding:0 0 0 15px !important;} #schoolSelectionTop {width: 442px; background:url(/inc/images/signup/isyourschool_top.gif) top center no-repeat; padding-top:20px;} #schoolSelection_bottom {clear:both; width: 442px; height:31px; background:url(/inc/images/signup/isyourschool_bottom.gif) top center no-repeat;} #schoolSelection label {width:100% !important; float:left !important; font-size:100% !important; color:#444 !important; font-weight:normal !important; margin-right:0 !important; margin-bottom:0 !important; position:inherit !important;} #schoolSelection dt {display:inline; float:left; padding:15px 5px 5px 5px;} #schoolSelection dd {display:inline; float:right; height:25px;} #schoolSelection h3 {padding:0 0 15px 25px; margin:0 20px; background:url(/inc/images/signup/building.gif) top left no-repeat; font-size:125%;} #schoolSelection .holderWrap {margin-top:5px;} #schoolSelection p {text-align:center; margin:0;} #schoolSelection button {margin:10px 0 0;} span.schoolName {display:block; width:170px; float:left;} dl#post_code {padding:0; position:relative; border:1px solid #fff; display:block; font-size:95%;} dl#post_code dt label {width: 260px;} #mainContent {width:760px !important;} #selectAndContinue {padding-left:80px; clear: both;} /* ------------------------------------------------------------------------ Signup Step 1 Styles ------------------------------------------------------------------------- */ #signupStartContainer {background-color: #d9d9d9; padding: 15px; display:inline; float:left; width:725px;} #signupStartContainer legend {font-weight:bold;} #signupStartContainer fieldset {border:none;} #signupForm {width:515px;} #signupForm legend {padding:20px 0; font-size:125%; color:#000; margin:0;} #schoolInfo {position:relative;} #schoolInfo dl {padding:15px 0;} #schoolInfo dd {position:relative;} #schoolInfo label {float:left; width:275px; margin-right:10px; position:relative; font-size:125%; font-weight:bold; color:#45AB9A;} #schoolInfo .errorText {font-size:75%;} #signupForm em {position:absolute; right:0; font-size:70%;} #domain ul {padding:5px 0;list-style-type: none;} #domain li {float:left; position:relative; margin-left: 0px; display: block; clear: left;} #domain li label {color:#45AB9A; font-size:125%; font-weight:bold; padding:0 10px;} #domain input {width:10px;} #domain #txtDomain {width:150px;} p.domainPreview {clear:both; color:#333; font-size:130%; position: relative; display: inline;} p.domainPreview .domain_http {color:#999;} p.domainPreview #domain_changer {color:#45AB9A; padding:0 0px;} #domain_nojs dl {padding:10px 0;} #domain_nojs dt {float:left;} #domain_nojs dd {float:left; position:relative;} #domain_nojs dt label {float:left; width:275px; margin-right:10px; position:relative; font-size:125%; font-weight:bold; color:#45AB9A;} #domain_nojs input {width:10px;} #domain_nojs #txtDomain {width:150px;} #domain_nojs h3 {clear:both; color:#333; font-size:130%;} #domain_nojs h3 .domain_http {color:#999;} #domain_nojs h3 #domain_changer {color:#45AB9A; padding:0 0px;} #domain_nojs em {position:absolute; right:0; font-size:70%;} #signupForm label.error {position:absolute; top:10px; width:250px; right:-320px; width:312px; z-index: 10000;} #username dd {position:relative;} #username label {float:left; width:275px; margin-right:10px; position:relative; font-size:125%; font-weight:bold; color:#45AB9A;} #username .errorText {font-size:75%;} #formContent {display:inline; float:left; width:515px;} #formContent h2 {color:#F7931E; font-size:270%;} #formContent legend {font-weight:bold; color:#799F1D !important;} #formContent fieldset {border:none;} #formContent input {color:#000; background:#EDEDED; border:1px solid #8A8A8A;} #formContent textarea {color:#000; background:#EDEDED; border:1px solid #8A8A8A; font-size:100%; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.2px;} #ready .submit {text-align:center;} #ready .submit .submitWhite_up {margin-right:30px;} /* ------------------------------------------------------------------------ Signup Step 2 Styles ------------------------------------------------------------------------- */ #logoStepContainer {background-color: #e6e6e6; padding: 15px 15px 0; margin-bottom:20px; display:inline; float:left; width:725px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} #logoStepContainer legend {font-weight:bold;} #logoStepContainer fieldset {border:none;} #logoControls {width: 450px; float: left; background:#fff;} span.rotateCCW {display:block; float:left; margin-left:10px; margin-top:7px; cursor:pointer; text-indent:-5000px; background:url(/inc/images/icons/rotatelogo.jpg) no-repeat left top; width:19px; height:13px;} span.rotateCW {display:block; float:left; margin-left:5px; margin-top:7px; cursor:pointer; text-indent:-5000px; background:url(/inc/images/icons/rotatelogo.jpg) no-repeat right top; width:19px; height:13px;} #logoHolder {width: 430px; padding: 10px; height: 430px; background: #fff url(/inc/images/signup/logostart.png) no-repeat center center; float: left;} #processHolder {width: 260px; float: right;} .logoLoading {line-height: 42px; color: #F8931F; font-size: 250%; text-align: center;} .logoLoading img {padding-top:170px;} #logoUploader {text-align:center; width:450px; float:left;} #logoUploaderHidden {} #logoUpload {cursor: pointer;} #logoUpload1 {margin-left: 89px;} #skipStep2 a {margin-left: 0px;} #previewLogo {margin-left: 35px;} #step2Submit {margin-left: 140px;} #submitStep3 {margin-left: 175px;} #previewDesign {margin-left: 16px;} #logoUploadingBackground{width:430px; height:430px; background:#fff; position: absolute; z-index: 99;} #logoStepHolder {padding-top:10px;} .thirdPanelDisplayHolder{width:100%; clear:both;} .thirdPanelDisplay {width:32%; padding-top:10px; display:inline; float:left;} .previewLogoDiv {padding-top:15px;} .thirdPanelDisplayLast {width:260px;} #shapeHolder {background-color: #fff; overflow: auto; width: 259px; height: 289px; padding:13px 0; margin-bottom:10px;} ul#masksList {list-style-type: none; margin-left: 0px;} ul#masksList li {display: inline; float: left; text-align: center; margin-left: 14px; margin-bottom:7px;} #logoMask {z-index: 10; position: absolute; border: 1px solid white;} #greyOverlay {position: absolute; z-index: 5; background-color: #999; visibility: hidden; filter:alpha(opacity=60); -moz-opacity:.6; opacity:0.6;} #skipStep2 {float:left; width:240px; padding-left:25px; padding-bottom:10px;} #rotateLogoHolder {margin-left: 143px; width:155px; padding-left:10px; background:#e6e6e6; clear:both;} #rotateLogoText {float: left; font-size: 90%; padding-top: 2px; margin-bottom: 0px; color:#777;} /* ------------------------------------------------------------------------ Signup Step 3 Styles ------------------------------------------------------------------------- */ #designStepContainer {background-color: #e6e6e6; padding: 25px; width:710px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; margin:0 auto 15px;} #designStepContainer legend {font-weight:bold;margin-bottom:10px;} #designStepContainer fieldset {border:none;} #designStepContainer #processHolder {width: 722px; float:none; padding-top:15px; font-size:90%;} .designStep {float:left; width:242px; margin-right:19px;} .designStepLast {margin-right:0 !important; width:200px;} p.noMargin {margin: 0;} #previewButtonBG {width: 167px; height: 56px; position: absolute; left: 464px; bottom: 0px; background: #cacaca; -moz-opacity:.7; opacity:.7; filter:alpha(opacity=70);} #previewDesign {position: absolute; left: 460px; bottom: 6px;} #designHolder {width: 602px; padding: 10px; margin-left: 8px; float: left; background-color: #fff; height: 385px; overflow: hidden; border: 1px solid #8a8a8a;} #designsListContainer {width: 625px; padding: 10px; margin-left: 10px; float: left; background-color: #fff; height: 120px;} #schemesListContainer {width: 625px; padding: 10px; margin-left: 10px; float: left; background-color: #fff; height: 75px; overflow: hidden;} ul#designsList {list-style-type: none; margin-left: 0px; padding: 5px;} ul#designsList li {display: inline; float: left; text-align: center; margin-left: 0px;} ul#designsList li img {border:4px solid #fff; cursor:pointer;} ul#schemesList {list-style-type: none; margin-left: 0px; padding-top: 4px;} ul#schemesList li {text-align: center; margin-left: 0px;} ul#schemesList li img {border:4px solid #fff; cursor:pointer;} #step2Submit {text-align:center; clear: both;} #submitStep3 {text-align:center; clear: both; margin: 0;} /* Signup Styles */ .signupContainer {display: block; width: 500px;} .signupLabel {width: 125px; text-align: left; display: block; float: left; padding-left: 17px;} .signupText {width: 350px; display: block; float: left;} ul#templatesList {list-style-type: none;} li.templateItem {display: inline; float: left;} span.templateTitle {display: block;} span.templateDesc {display: block;} .signupRequired {background-image: url(/inc/images/astrix.gif); background-repeat: no-repeat;} label.error {font-size: 0.8em; color: red;} div.button {background:transparent url(/inc/images/button.png) repeat scroll 0 0; color:#C7D92C; font-size:14px; height:29px; padding-top:15px; text-align:center; width:133px; border: 2px solid #C7D92C;} #templateHolder {overflow: hidden; height: 126px; margin-bottom:10px;} #designHolder1 {overflow: hidden; position:relative;} #colourSchemeHolder {height: 80px; margin-bottom:10px; float: left;} /* ------------------------------------------------------------------------ Logo Editing styles ------------------------------------------------------------------------- */ #crop {height: 50px; width: 50px;} #cropBoarder {height: 50px; width: 50px; border: 2px solid #79B8FF; position: absolute; overflow: hidden; z-index: 10;} #greyOverlay {background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; visibility: hidden; position: absolute; z-index: 8;} #imageControls {} #imageContainer {background-image: url(/inc/images/trans_bg.png);} #sectionRotate {float: left; } #sectionCrop {float: left; display: none; } #sectionTrans {float: left; display: none; } #sectionSaved {float: left; display: none; } /* ------------------------------------------------------------------------ Signup Finished Styles ------------------------------------------------------------------------- */ .finalStep {width:755px; margin:0 auto; background: url(/inc/images/signup/helpbg.jpg) repeat-y scroll right center} .finalStep h2 {color:#F7931E; font-size:285%; font-weight:normal;} .finalStep h3 {color:#F7931E; font-size:210%; font-weight:normal;} .finalStep h4 {font-size:120%; font-weight:normal;} .finalStep h5 {font-size:115%; font-weight:normal;} .finalStep p {color:#666; margin-bottom:0.6em;} .finalStep h4 a{text-decoration:none; color:#50ADA7;} .finalStep h4 a .finalLink_http{color:#999;} .finalStep h4 a .finalLink_msw{color:#96BCB7;} .finalStep h4 a:hover{text-decoration:underline; color:#9EC63B;} .finalStep h4 a:hover .finalLink_http{color:#9EC63B;} .finalStep h4 a:hover .finalLink_msw{color:#9EC63B;} .finalStep h5 a{text-decoration:none; color:#50ADA7;} .finalStep h5 a span{text-decoration:none; color:#F7931E;} .finalStep h5 a:hover{text-decoration:underline; color:#9EC63B;} .finalStep h5 a:hover span{text-decoration:underline; color:#9EC63B;} #finalBoxHolder{width:507px;} .finalBox {font-size: 90%; width:223px; float:left; padding:10px; height:150px; text-align:center; float:left; background:#F7D9C1; border:#F69221 solid 1px; position:relative;} #finalBox_EditSite{margin-left:17px; background:#ECF9B7; border-color:#9EC63B;} #finalBox_ViewSite p{margin:20px 0;} #finalBox_ViewSite p.finalButton {margin:0;} .finalBox a span{background:transparent url(/inc/images/buttons/orange-arrow-right.jpg) no-repeat scroll right center; display:block; height:40px; line-height:270%; padding-left:20px; padding-right:40px;} .finalBox a {position:absolute; background:transparent url(/inc/images/buttons/orange-background.jpg) no-repeat scroll left center; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff; left:43px; bottom:10px;} #finalBox_EditSite a span{background:url(/inc/images/buttons/green-arrow-right.jpg) right no-repeat;} #finalBox_EditSite a {background:url(/inc/images/buttons/green-background.jpg) left no-repeat; left:50px;} p.finalSmaller {color:#aaa; font-size:80%; margin-bottom:14px;} .finalUsername {color:#50ADA7; font-weight:bold;} .finalStep #helpPanel_holder {margin-right:0;} #showDesignPreview {display:none;} /* ------------------------------------------------------------------------ jQuery Carousel Styles ------------------------------------------------------------------------- */ .jcarousel-container { position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-skin-schemes .jcarousel-clip { z-index: 2; margin-top: 2px; overflow: hidden; position: relative; width: 73px; height: 362px; border: 1px solid #8a8a8a; background-color: #fff; clear: both;} .jcarousel-skin-schemes .jcarousel-list li, .jcarousel-skin-schemes .jcarousel-item { list-style: none; width: 73px; height: 65px; } .jcarousel-skin-schemes .jcarousel-next-vertical { z-index: 3; display: none; width: 75px; height: 19px; top: 387px; position: absolute; background: url(/inc/images/signup/colour_next.jpg) no-repeat top left; clear: both;} .jcarousel-skin-schemes .jcarousel-prev-vertical{ z-index: 3; display: none; width: 75px; height: 19px; background: url(/inc/images/signup/colour_prev.jpg) no-repeat top left; clear: both;} .jcarousel-skin-schemes .jcarousel-next-disabled-vertical {background: url(/inc/images/signup/colour_next_disabled.jpg) no-repeat top left;} .jcarousel-skin-schemes .jcarousel-prev-disabled-vertical{background: url(/inc/images/signup/colour_prev_disabled.jpg) no-repeat top left;} .jcarousel-skin-themes .jcarousel-list li, .jcarousel-skin-themes .jcarousel-item { float: left; list-style: none; width: 165px; height: 110px; } .jcarousel-skin-themes .jcarousel-clip { z-index: 2; margin-left: 2px; overflow: hidden; position: relative; width: 663px; height: 118px; border: 1px solid #8a8a8a; background-color: #fff; float: left;} .jcarousel-skin-themes .jcarousel-next-horizontal { z-index: 3; display: none; width: 19px; position: absolute; left: 688px; height: 120px; background: url(/inc/images/signup/theme_next.jpg) no-repeat top left;} .jcarousel-skin-themes .jcarousel-prev-horizontal { z-index: 3; display: none; width: 19px; height: 120px; background: url(/inc/images/signup/theme_prev.jpg) no-repeat top left; float: left;} .jcarousel-skin-themes .jcarousel-prev-disabled-horizontal {background: url(/inc/images/signup/theme_prev_disabled.jpg) no-repeat top left;} .jcarousel-skin-themes .jcarousel-next-disabled-horizontal {background: url(/inc/images/signup/theme_next_disabled.jpg) no-repeat top left;}