/* General Purpose Style Sheet that contains all styles that are independant of the individual templates */ /* ------------------------------------------------------------------------ Remove default margins & paddings ------------------------------------------------------------------------- */ * {margin: 0; padding: 0; font-weight: normal; font-size: 100%;} /* ------------------------------------------------------------------------ Base styles, typography & alignments ------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {margin: 0 0 10px; font-weight: bold; line-height: 100%; } h1 {font-size: 200%;} h2 {font-size: 170%;} h3 {font-size: 150%;} h4 {font-size: 130%;} h5 {font-size: 110%;} h6 {font-size: 105%;} p {margin-bottom: 1em;} strong, b {font-weight: bold;} em, i {font-style: italic; font-weight: inherit;} ul, ol {margin: 0 0 20px 10px; font-family: inherit;} li ul, li ol {margin-bottom: 3px;} li {margin-left: 25px;} .left, .floatLeft {float: left;} .right, .floatRight {float: right;} .center {margin: 0 auto; text-align: center;} form {margin: 0px;} label {display: block;} label em {font-weight: normal; color: #c00;} input {margin-bottom: 10px; padding: 2px; width: 210px; font-family: inherit;} select {margin-bottom: 10px; width: auto;} textarea {margin-bottom: 10px; padding: 2px; width: 210px; height:75px;} input.button {width: auto; cursor: pointer;} input.radio {float: left; margin: 3px 10px 0 0; width: auto;} label.radio {float: left; margin-right: 3px; width: auto;} button {border:0; cursor:pointer; font-weight:bold; padding:10px 0; text-align:center; width:auto !important;} img {border: 0;} img.left, img[align="left"] {float: left; margin: 0 10px 10px 0;} img.right, img[align="right"] {float: right; margin: 0 0 10px 10px;} .caption {font-style: italic; font-size: 90%;} .noShow {display: none;} hr {margin: 10px auto; width: 100%; height: 0; border-bottom: 1px dashed #ccc;} .backLink {display: block; text-align: left; font-size: 0.8em; } /* ------------------------------------------------------------------------ Clearing Element styles ------------------------------------------------------------------------- */ .clearme {clear:left;} .clearboth {clear:both;} .clear {clear:both;} hr.cleaner { visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none; } /* ------------------------------------------------------------------------ Image styles ------------------------------------------------------------------------- */ .contentBlock img {padding: 5px;} .contentBlock img.noPad {padding: 0px;} /* ------------------------------------------------------------------------ Various Message styles ------------------------------------------------------------------------- */ .errorMessage p,.statusMessage p,.successMessage p,.warningMessage p {margin:0;} .errorMessage {width: 450px; padding: 10px 10px 10px 50px; color: #D8000C; border: 1px solid #D8000C; background: #FFBABA url(/inc/images/icons/error.png) no-repeat 10px center; display: block; clear:left; margin: 0 auto 10px auto} .statusMessage {width: 450px; padding: 10px 10px 10px 50px; color: #00529B; border: 1px solid #00529B; background: #BDE5F8 url(/inc/images/icons/info.png) no-repeat 10px center; display: block; clear:left; margin: 0 auto 10px auto} .successMessage {width: 450px; padding: 10px 10px 10px 50px; color: #4F8A10; border: 1px solid #4F8A10; background: #DFF2BF url(/inc/images/icons/success.png) no-repeat 10px center; display: block; clear:left; margin: 0 auto 10px auto} .warningMessage {width: 450px; padding: 10px 10px 10px 50px; color: #9F6000; border: 1px solid #9F6000; background: #FEEFB3 url(/inc/images/icons/warning.png) no-repeat 10px center; display: block; clear:left; margin: 0 auto 10px auto} /* ------------------------------------------------------------------------ Pretty Checkboxes/Radio buttons css ------------------------------------------------------------------------- */ label.checkbox span.holder {height: 61px; background: url(/inc/images/crir/checkbox.gif) 0 -1px no-repeat;} label.radio span.holder {height: 61px; background: url(/inc/images/crir/pretty_tick.png) 0 -1px no-repeat;} label.checkbox:hover span.holder, label.radio:hover span.holder {top: -21px;} label.checked span.holder, label.checked span.holder {top: -42px !important;} label.list {float: left; clear: left; margin: 0 0 5px 0;} label.inline {float: left; margin: 0 10px 0 0;} input.hiddenCheckbox {position: absolute; left: -10000px;} label.prettyCheckbox span.holderWrap {display: block; float: left; position: relative; margin-right: 5px; overflow: hidden;} label.prettyCheckbox span.holder {display: block; position: absolute; top: 0; left: 0;} /* ------------------------------------------------------------------------ Nice orange buttons ------------------------------------------------------------------------- */ button {border:none; font-family:Arial, Helvetica, sans-serif; font-size:80%;} button span {padding:10px 6px 15px 17px; margin-right:34px!important; color:#FFF; font-size:115%; display:block; width:auto !important;} button.submitWhite_up {background:url(/inc/images/buttons/white-arrow-up.jpg) right no-repeat;} button.submitWhite_left {background:url(/inc/images/buttons/white-arrow-left.jpg) right no-repeat;} button.submitWhite_right {background:url(/inc/images/buttons/white-arrow-right.jpg) right no-repeat;} button.submitWhite_preview {background:url(/inc/images/buttons/white-arrow-preview.jpg) right no-repeat;} button.submitTrans_preview {background:url(/inc/images/buttons/transparent-arrow-preview.png) right no-repeat;} button.submitWhite_cancel {background:url(/inc/images/buttons/white-arrow-cross.jpg) right no-repeat;} button.submitWhite_up span {background:url(/inc/images/buttons/white-background.jpg) left no-repeat;} button.submitWhite_left span {background:url(/inc/images/buttons/white-background.jpg) left no-repeat;} button.submitWhite_right span {background:url(/inc/images/buttons/white-background.jpg) left no-repeat;} button.submitWhite_preview span {background:url(/inc/images/buttons/white-background.jpg) left no-repeat;} button.submitTrans_preview span {background:url(/inc/images/buttons/transparent-background.png) left no-repeat;} button.submitWhite_cancel span {background:url(/inc/images/buttons/white-background.jpg) left no-repeat;} button[disabled="disabled"].submitWhite_cancel, button.submitWhite_cancel-disabled {background:url(/inc/images/buttons/white-arrow-cross-disabled.jpg) right no-repeat !important; cursor:default;} button[disabled="disabled"].submitWhite_cancel span, button.submitWhite_cancel-disabled span {background:url(/inc/images/buttons/white-background-disabled.jpg) left no-repeat !important; cursor:default;} button.submitGrey_up {background:url(/inc/images/buttons/grey-arrow-up.jpg) right no-repeat;} button.submitGrey_left {background:url(/inc/images/buttons/grey-arrow-left.jpg) right no-repeat;} button.submitGrey_right {background:url(/inc/images/buttons/grey-arrow-right.jpg) right no-repeat;} button.submitGrey_preview {background:url(/inc/images/buttons/grey-arrow-preview.jpg) right no-repeat;} button.submitGrey_close {background:url(/inc/images/buttons/grey-cross.jpg) right no-repeat;} button.submitGrey_up span {background:url(/inc/images/buttons/grey-background.jpg) left no-repeat;} button.submitGrey_left span {background:url(/inc/images/buttons/grey-background.jpg) left no-repeat;} button.submitGrey_right span {background:url(/inc/images/buttons/grey-background.jpg) left no-repeat;} button.submitGrey_preview span {background:url(/inc/images/buttons/grey-background.jpg) left no-repeat;} button.submitGrey_close span {background:url(/inc/images/buttons/grey-background.jpg) left no-repeat;} button.submitBlue_up {background:url(/inc/images/buttons/blue-arrow-up.jpg) right no-repeat;} button.submitBlue_left {background:url(/inc/images/buttons/blue-arrow-left.jpg) right no-repeat;} button.submitBlue_right {background:url(/inc/images/buttons/blue-arrow-right.jpg) right no-repeat;} button.submitBlue_preview {background:url(/inc/images/buttons/blue-arrow-preview.jpg) right no-repeat;} button.submitBlue_up span {background:url(/inc/images/buttons/blue-background.jpg) left no-repeat;} button.submitBlue_left span {background:url(/inc/images/buttons/blue-background.jpg) left no-repeat;} button.submitBlue_right span {background:url(/inc/images/buttons/blue-background.jpg) left no-repeat;} button.submitBlue_preview span {background:url(/inc/images/buttons/blue-background.jpg) left no-repeat;} a.submitWhite_up {background:url(/inc/images/buttons/white-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_up span {background:url(/inc/images/buttons/white-arrow-up.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitWhite_left {background:url(/inc/images/buttons/white-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_left span {background:url(/inc/images/buttons/white-arrow-left.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitWhite_right {background:url(/inc/images/buttons/white-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_right span {background:url(/inc/images/buttons/white-arrow-right.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitWhite_preview {background:url(/inc/images/buttons/white-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_preview span {background:url(/inc/images/buttons/white-arrow-preview.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitWhite_cancel {background:url(/inc/images/buttons/white-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_cancel span {background:url(/inc/images/buttons/white-arrow-cross.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitWhite_cancel-disabled {background:url(/inc/images/buttons/white-background-disabled.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitWhite_cancel-disabled span {background:url(/inc/images/buttons/white-arrow-cross-disabled.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitTrans_preview {background:url(/inc/images/buttons/transparent-background.png) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitTrans_preview span {background:url(/inc/images/buttons/transparent-arrow-preview.png) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitGrey_up {background:url(/inc/images/buttons/grey-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitGrey_up span {background:url(/inc/images/buttons/grey-arrow-up.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitGrey_left {background:url(/inc/images/buttons/grey-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitGrey_left span {background:url(/inc/images/buttons/grey-arrow-left.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitGrey_right {background:url(/inc/images/buttons/grey-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitGrey_right span {background:url(/inc/images/buttons/grey-arrow-right.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitGrey_preview {background:url(/inc/images/buttons/grey-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitGrey_preview span {background:url(/inc/images/buttons/grey-arrow-preview.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitGrey_close {background:url(/inc/images/buttons/grey-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitGrey_close span {background:url(/inc/images/buttons/grey-cross.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitBlue_up {background:url(/inc/images/buttons/blue-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitBlue_up span {background:url(/inc/images/buttons/blue-arrow-up.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitBlue_left {background:url(/inc/images/buttons/blue-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitBlue_left span {background:url(/inc/images/buttons/blue-arrow-left.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitBlue_right {background:url(/inc/images/buttons/blue-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitBlue_right span {background:url(/inc/images/buttons/blue-arrow-right.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} a.submitBlue_preview {background:url(/inc/images/buttons/blue-background.jpg) no-repeat scroll left center transparent; cursor:pointer; display:block; float:left; height:40px; margin:0; text-decoration:none; color:#fff!important;} a.submitBlue_preview span {background:url(/inc/images/buttons/blue-arrow-preview.jpg) no-repeat scroll right center transparent; display:block; height:40px; line-height:35px; padding-left:20px; padding-right:40px;} /* ------------------------------------------------------------------------ Validation Error Spans ------------------------------------------------------------------------- */ .errorText {display:block; padding:8px 8px 0 19px; color:#D92941; background:url(/inc/images/error/error_top-arrow-left.gif) no-repeat top center; } .error-bottom {display:block; height:12px; width:312px; background:url(/inc/images/error/error_bottom-arrow-left.gif) no-repeat top center;} /* ------------------------------------------------------------------------ General Form Styles ------------------------------------------------------------------------- */ ul.form {list-style-type: none; margin: 0;} /*ul.form li { position: relative;}*/ ul.form li label { float: left; width: 30%; padding-right: 10px; text-align: right;} ul.form li label.longLabel { float: left; width: 85%; padding-right: 10px; text-align: left;} ul.form li.textField input { float: left; width: 50%;} ul.form li.checkboxField input { float: left; width: 20px; text-align: left; margin-top: 4px;} ul.form li.textareaField textarea { float: left; width: 50%; height: 50px;} ul.form li.recaptchaField {text-align: center; clear:left;} ul.form li.buttonField {text-align: center; clear:left;} #loginFrmButton {height: 45px; padding-left: 136px;} input.error {background-color: #FFE1E6 !important; border: 1px solid #E2576A !important;} /* ------------------------------------------------------------------------ Contact Form Styles ------------------------------------------------------------------------- */ #contactFormContainer {display:inline; width: 344px; padding:15px; float: left; border:2px solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} #contactFormContainer ul {margin:0;} #contactFormContainer ul li {margin:0;} #contactFormContainer h2 {font-size:135%; padding-left:30px; background:url(/inc/images/admin/email.png) left center no-repeat;} #mapAddressContainer {display:inline; width:300px; padding:280px 0 0 0; float:right; position:relative;} #schoolsMap {display: none; width: 300px; height: 260px; position: absolute; top:0; right:1%;} #schoolsAddressContainer {width: 266px; padding:10px 15px; border:2px solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } #schoolsAddressContainer ul {list-style:none; margin:0; padding:0;} #schoolsAddressContainer ul li {list-style:none; margin:5px 0; padding:0;} #schoolsAddressContainer .clientName{font-size:135%; margin-bottom:10px; font-weight:bold; padding-left:30px; background:url(/inc/images/admin/house.png) left center no-repeat;} #schoolsAddressContainer .clientAddress{padding-left:30px; background:url(/inc/images/admin/vcard.png) left top no-repeat;} #schoolsAddressContainer .clientTel{padding-left:30px; background:url(/inc/images/admin/telephone.png) left center no-repeat;} #schoolsAddressContainer .clientFax{padding-left:30px; background:url(/inc/images/admin/printer.png) left center no-repeat;} .MSVE_Copyright {font-size:0.6em!important; width: 650px!important; padding-bottom: 0px!important;} #recaptcha_widget_div {margin:0 auto 5px; width:318px;} #contactFormContainer ul.form li label { float: left; width: 30%; padding-right: 10px; text-align:left;} #contactFormContainer ul.form li.textField input { float: left; width: 64%;} #contactFormContainer ul.form li.textareaField textarea { float: left; width: 64%; height: 50px;} /* ------------------------------------------------------------------------ Login Form Styles ------------------------------------------------------------------------- */ #login1 {padding:20px 20px 10px; border:2px solid #F7931E; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; width:520px; margin:0 auto;} #login1 em {font-size:75%; font-style:normal;} .loginform {width: 75%; margin: 0 auto!important;} .loginform label {width: 20%; color:#45AB9A;} /* ------------------------------------------------------------------------ Redirect Styles ------------------------------------------------------------------------- */ .loginRedirectContainer {width:680px; margin:0 auto; padding:10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:solid 2px #F8931F;} .loginRedirectContainer h2.redirect {line-height: 80px; color: #F8931F; font-size: 250%; text-align: center;} .loginRedirectContainer p.redirect {line-height: 30px; color: #F8931F; font-size: 150%; text-align: center; margin-top:30px; clear:both;} .loginRedirectContainer p.redirect-small{line-height: 30px; color: #F8931F; font-size: 100%; text-align: center; font-style:italic;} .loginRedirectContainer .buttonHolder {display:block; margin:0 auto; text-align:center; padding:0 0 30px; width:150px;} .loginRedirectContainer .buttonHolder img {margin-bottom:5px;} /* ------------------------------------------------------------------------ Gallery Styles - Album Display ------------------------------------------------------------------------- */ ul#albumImagesContainer { display: inline; float: left; padding:0px; margin:0; text-align: center; } .albumImagesContainer {text-align:center; margin:0 !important;} li.albumImageThumbnail { display: block; padding: 0; text-align: center; margin:7px; width:160px; float:left;} li.albumImageThumbnail a {width:160px; text-decoration:none;} li.albumImageThumbnail a:hover span.imageTitle{color:#999;} li.albumImageThumbnail img {padding: 5px; border:1px solid #ccc; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; } span.imageTitle { display: block; text-align: center; font-size: 1em; width:160px; color:#000;} span.imageHolder{ display: block; padding: 5px; text-align: center; margin:0;} span.imageHolder img {padding: 5px; border:1px solid #ccc; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; } .HTMLFormElement {display:block; clear:left; padding-bottom:30px;} #spanalbumTitle label {display:inline; padding-right:10px; float:left;} #albumTitle {float:right; width:550px} #spanalbumThumbnail label {text-align:center;} /* ------------------------------------------------------------------------ Gallery Styles - image only Display ------------------------------------------------------------------------- */ span#imageHolder { display: block; text-align: center; } span#imageDesc { display: block; text-align: center; } span.prevImage { display:inline; float: left; font-size: 0.9em; } span.nextImage { display:inline; float: right; font-size: 0.9em; margin-right: 20px; } /* ------------------------------------------------------------------------ Photo Album Lightbox styles ------------------------------------------------------------------------- */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; } #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img {border: none; } #lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image {padding: 10px; } #lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav {left: 0;} #lightbox-nav a {outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev {left: 0; float: left;} #lightbox-nav-btnNext {right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666;} #lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} #lightbox-image-details-caption {font-weight: bold;} #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em; } /* ------------------------------------------------------------------------ forgotten password Table Styles ------------------------------------------------------------------------- */ div#pageContent {width: 720px; overflow: hidden;} div#breadcrumbs {width: 700px; margin:0 auto 15px;} .mainContent {width: 714px; padding: 0 3px;} h2.pageTitle {padding: 0 10px;} .contentBlock {clear: left; margin:0 7px 7px;} /* ------------------------------------------------------------------------ Calendar Block Table Styles ------------------------------------------------------------------------- */ table.calendarTable {width: 100%; margin: 0 auto; border: 1px solid #5F5F5F;} table.calendarTable th.dateColumn {width: 9em; background-color: #DFDFDF;} table.calendarTable th.timeColumn {width: 7em; background-color: #DFDFDF;} table.calendarTable th.eventColumn {background-color: #DFDFDF;} table.calendarTable th.actionColumn {width: 4em; background-color: #DFDFDF;} table.calendarTable th {padding-left: 5px;} table.calendarTable td {padding-left: 5px;} table.calendarTable tr.odd {} table.calendarTable tr.even {} table.calendarTable a.edit {text-indent:-5000px; width: 25px; display: block; float: left; background: url(/inc/images/admin/pencil_sm.png) no-repeat;} table.calendarTable a.delete {text-indent:-5000px; width: 25px; display: block; float: left; background: url(/inc/images/admin/cancel.png) no-repeat;} /* ------------------------------------------------------------------------ forgotten password Table Styles ------------------------------------------------------------------------- */ #forgottenPassword {width:700px; margin:0 auto; } #forgottenPassword h2 {color:#F7931E;} #forgottenPassword label {float:left; color:#45AB9A; width:32%; text-align:left;} #forgottenPassword p {text-align:center;} #forgottenPassword .warningMessage {clear:none; float:right; width:235px; margin-top:40px;} #forgottenPassword .description {text-align:left; margin-bottom:2em;} #forgotPassButton {padding-left: 98px;} /*#forgottenPassword #recaptcha_image {height:auto !important; width:218px !important; margin-bottom:10px; display:none; float:right;} #forgottenPassword #recaptchaLabels {clear:both;} #forgottenPassword #recaptcha_image img {width:210px; padding:3px; border:1px solid #999;} #forgottenPassword #recaptcha_response_field{display:none; float:right;} #forgottenPassword #noScript_recaptcha_challenge_field_p{float:left; margin:10px 0 0;} #forgottenPassword #noScript_recaptcha_challenge_field{float:right; margin:10px 0 0;}*/ #forgottenPassword #uname {float:right;} #forgottenPassword #dname {float:right;} #forgottenPasswordInputHolder {float:left; width:49%; padding:20px 20px 5px; border:2px solid #F7931E; -moz-border-radius:20px; border-radius:20px; -webkit-border-radius:20px; background:#fff;} #forgottenPasswordInputHolder ul {margin:0; list-style:none;} #forgottenPasswordInputHolder li {margin:0; list-style:none; clear:both; text-align:center;} /* ------------------------------------------------------------------------ Help Content Styles ------------------------------------------------------------------------- */ #helpContent img {background:#FFFFFF none repeat scroll 0 0; padding:5px; border:1px solid #aaa; border-left-color:#dedede; border-top-color:#dedede; display:block;} /* ------------------------------------------------------------------------ Help Panel styles ------------------------------------------------------------------------- */ #helpPanel_holder {width:230px; background:#E9F2C2; float:right; margin-right:0;} #helpPanel_content {background:url(/inc/images/signup/help_top.jpg) top center repeat-x; padding-bottom: 10px;} #helpPanel_content h3 {background:url(/inc/images/signup/help.gif) no-repeat 10px 10px; color:#666; padding:10px 10px 5px 35px; font-size:135%;} #helpPanel_content ul {margin: 0 10px 0 3px!important;} #helpPanel_content ul li{font-size:80%; line-height:190%; margin-bottom:0.4em;} #ht1 {padding-top: 50px;} #ht2 {padding-top: 162px;} #ht3 {padding-top: 32px;} #ht4 {padding-top: 0px;} #ht5 {padding-top: 165px; padding-bottom: 15em;} /* ------------------------------------------------------------------------ FAQ Styles ------------------------------------------------------------------------- */ #mainContent.pageID_3 .contentBlock {width:760px;} #mainContent.pageID_3 .mainContent {width:790px;} #mainContent.pageID_3 .mainContent a{cursor:pointer;} #faqList {margin:0; clear:both;} #faqList li {cursor:pointer; margin:10px 0; padding:5px 130px 5px 15px; width:610px; background:url(../images/faq/viewAnswer.png) top left no-repeat; color:#fff;} #faqList li h4 {font-size:105%; font-weight:normal; letter-spacing:0.2px; margin:0; padding:5px 0;} #faqList li.selected {background:url(../images/faq/viewAnswer.png) -756px top no-repeat;} #faqList li li {cursor:default; background:none; color:#4D4D4D; } #faqList li.selected li {background:none;} #faqList li li.selected {background:none;} #faqList li.selected li.selected {background:none;} #faqList li ul {background:#FCFCFC; border:1px solid #B2B2B2; color:#4D4D4D; margin:4px 0 5px 3px; width:720px; list-style:none;} #faqList li ul li {width:auto; padding:0; margin:10px;} #faqList li ul li h3 {color:#999; font-style:italic; float:left;} #faqList li ul li p {clear:both;} .backToTop {float:right;} .backToTop a {text-indent:-5000px; height:20px; width:124px; display:block; background:url(../images/faq/backtotop.png) center center no-repeat;} #suggestedLinksHolder {background:#FCFCFC none repeat scroll 0 0; border:1px solid #B2B2B2; clear:both; margin:20px auto; padding:10px; width:725px;} #suggestedLinksHolder a {display:block; background:url(../images/faq/viewAnswerSuggested.png) no-repeat right center; padding:6px 130px 6px 10px; color:#4D4D4D; text-decoration:none;} #suggestedLinksHolder h3{color:#999; font-style:italic;} #notFound {display:none;} #listName {list-style:none; margin:10px;} #listName li {margin:0;} #listName li h4 {font-size:105%; font-weight:normal; letter-spacing:0.2px; margin:0; padding:5px 5px 5px 0;} #listName li ul {display:none;} #listName .desc {display:none;} #listName .keywords {display:none;} #listName li.zebra {background:#F2F2F2;} #faqHelp #helpPanel_holder{margin-right:0; margin-bottom:20px;} #faqHelp #helpPanel_content ul li {margin-bottom:0.8em; line-height:1.4em;} #faqIntro {width:495px; float:left; color:#666;} #faqIntro h2 {color:#F69221; font-size:245%; margin-bottom:0.6em;} #faqIntro label {color:#50AEA8; font-size:180%; float:left; padding:2px 10px 0 0;} #faqIntro input {color:#333; font-size:145%; float:left; background:#F2F2F2; border:1px solid #666; width:290px;} #faqIntro form {padding-top:5px;} #faqIntroHelp {width:745px; margin:0 auto;} /* ------------------------------------------------------------------------ Trial to Live Styles ------------------------------------------------------------------------- */ #frmTrialtoLive label {color:#50AEA8; float:left; padding:2px 10px 0 0; text-align:left;} #frmTrialtoLive em {margin-left:10px;} #frmTrialtoLive input {color:#333; float:left; background:#F2F2F2; border:1px solid #666; width:295px;} #frmTrialtoLive input:focus{color:#177F78; background:#fff; border-color:#50AEA8;} #frmTrialtoLive #submitForm{clear:left; padding-top:25px; text-align:center;} #frmTrialtoLive #packageSelectionTable{padding:10px; margin:10px; width:96.5%; margin-top:0;} #frmTrialtoLive #packageSelectionTable input{float:none; background:none; width:auto; border:none;} #frmTrialtoLive #packageSelectionTable label{color:inherit; float:none; padding:inherit; position:inherit; text-align:inherit; cursor:pointer;} #frmTrialtoLive #packageSelectionTable td{text-align:center; border:1px solid white; padding:3px;} #frmTrialtoLive #packageSelectionTable th{text-align:center; padding:25px 0 0 0;} #frmTrialtoLive #packageSelectionTable tbody tr:hover{background:#EFFFF1;} #frmTrialtoLive #packageSelectionTable tr.zebra{background:#FCFCFC;} #frmTrialtoLive #packageSelectionTable tr.selected{background:#CFFFD5;} #frmTrialtoLive #packageSelectionTable th#pages{width:105px; background:url(/inc/images/admin/pages.png) no-repeat top center;} #frmTrialtoLive #packageSelectionTable th#images{width:105px; background:url(/inc/images/admin/pictures.png) no-repeat top center;} #frmTrialtoLive #packageSelectionTable th#credits{width:105px; background:url(/inc/images/admin/coins.png) no-repeat top center;} #frmTrialtoLive #packageSelectionTable th#initialcost{width:105px; background:url(/inc/images/admin/money.png) no-repeat top center;} #frmTrialtoLive #packageSelectionTable th#annumcost{width:105px; background:url(/inc/images/admin/money-calendar.png) no-repeat top center;} #frmTrialtoLive #accepting_tandc_check input {float:left; width:auto; margin:31px 20px 0 0; border:none; background:none;} #frmTrialtoLive #accepting_tandc_check label {float:left; width:80%; margin-top:25px;} #frmTrialtoLive #confirming_authority input {float:left; width:auto; margin:16px 20px 0 0; border:none; background:none;} #frmTrialtoLive #confirming_authority label {float:left; width:80%; margin-top:10px;} /* ------------------------------------------------------------------------ Services Styles ------------------------------------------------------------------------- */ #servicesContent {width:750px; margin: 0 auto;} #servicesContent h2 {color:#F7931E; font-weight:normal; font-size:245%; clear:both; margin:0 0 20px;} #servicesContent h3 {color:#F7931E; font-weight:normal; font-size:215%; clear:both; margin:35px 0 20px;} #servicesContent h4 {color:#F7931E; font-weight:normal; font-size:150%; text-align:center;} #servicesContent em {color:#F7931E; font-style:normal;} #servicesContent .msw_blue {color:#45AB9A; } #servicesContent .msw_green {color:#A5CA12; } #servicesContent #packagesHighlight {font-style:italic; background:url(/inc/images/services/arrow-box.png) no-repeat center center; padding:17px 10px 17px 33px; width:270px; float:right;} #servicesContent #packagesHighlight p {margin-bottom:0.5em;} /*#servicesContent .spotlight_imageRight {padding-right:300px;} #servicesContent .spotlight_imageLeft {padding-left:300px;} #servicesContent .spotlight_contentRight {padding-right:0;} #servicesContent #services_image0 {background:url(/inc/images/services/services0.png) no-repeat center right; padding:5px 300px 5px 0;} #servicesContent #services_image1 {background:url(/inc/images/services/services1.png) no-repeat center left; padding:15px 0 15px 300px;}*/ #servicesContent #services_image2 {clear:both;} #servicesContent #services_image3 {text-align:center; margin:20px 0;} #servicesContent #services_image3 .faded{color:#999;} #servicesContent #services_image3 p {margin-bottom:0.4em;} #servicesContent .textHolder {width:445px;} #servicesContent .imageHolder {width:290px;} #servicesContent .imageHolder img {border:1px solid #ddd; padding:5px;} #servicesContent #services_image0 {margin:20px 0;} #servicesContent #services_image1 {margin:20px 0;} #servicesContent #services_image0 .textHolder {padding:10px 0 0 0;} #servicesContent #services_image1 .textHolder {padding:25px 0 0 0;} #servicesContent #packages {margin:20px 0;} #servicesContent #packages .optionHolder {width:145px; float:left;} #servicesContent #packages .optionHolder ul {margin:0; padding:0; list-style:none;} #servicesContent #packages .optionHolder li {margin:0; padding:0; list-style:none;} #servicesContent #packages .optionHolder li.pages {margin-left:35px; padding-left:25px; background:url(/inc/images/services/multiple-pages.png) no-repeat left center;} #servicesContent #packages .optionHolder li.images {margin-left:35px; padding-left:25px; background:url(/inc/images/services/pictures.png) no-repeat left center;} #servicesContent #packages .optionHolder li.credits {margin-left:35px; padding-left:25px; background:url(/inc/images/services/coins.png) no-repeat left center;} #servicesContent #packages .optionHolder li.footnote {color:#777; font-style:italic; font-size:75%; text-align:center;} #servicesContent #packages .optionHolder li.setup {text-align:center; margin:10px 0 0 0; color:#777;} #servicesContent #packages .optionHolder li.cost {text-align:center; margin:5px 0 0 0; color:#777;} #servicesContent #services_image4 {margin:20px 0;} #servicesContent #signupNow .cta {display:block; float:left; line-height:150%;} #servicesContent #signupNow .submitWhite_right {margin:5px;} #servicesContent #signupNow .submitWhite_right span{line-height:145%; font-size:80%;} #servicesContent #signupNow {width:405px; font-size:125%; margin:0 auto;} #mainContent.pageID_2 .pageTitle {display:none;} #servicesContent #packagesHighlight em {font-style:italic;} /* ------------------------------------------------------------------------ FCK Editor Styles ------------------------------------------------------------------------- */ #fck_content_msw.fck_edit { width: auto; height: auto; color: #000000; background: #FFFFFF; } /* ------------------------------------------------------------------------ jQuery Styles ------------------------------------------------------------------------- */ .ui-resizable-n {z-index:100000!important; bottom: -6px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; height: 12px!important;} .ui-resizable-ne {z-index:100000!important; bottom: -6px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; height: 12px!important;} .ui-resizable-e {z-index:100000!important; right: -5px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; width: 12px!important;} .ui-resizable-se {z-index:100000!important; bottom: -5px!important; right: -5px!important;background-image: url(/inc/images/resize_handle.jpg)!important; background-position: 0!important;} .ui-resizable-s {z-index:100000!important; bottom: -6px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; height: 12px!important;} .ui-resizable-sw {z-index:100000!important; bottom: -6px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; height: 12px!important;} .ui-resizable-w {z-index:100000!important; right: -5px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; width: 12px!important;} .ui-resizable-nw {z-index:100000!important; bottom: -6px!important; background-position: center!important; background-image: url(/inc/images/resize_handle.jpg)!important; background-repeat: no-repeat!important; height: 12px!important;} .ui-corner-tl { -moz-border-radius-topleft: 20px!important; -webkit-border-top-left-radius: 20px!important; } .ui-corner-tr { -moz-border-radius-topright: 20px!important; -webkit-border-top-right-radius: 20px!important; } .ui-corner-bl { -moz-border-radius-bottomleft: 20px;!important -webkit-border-bottom-left-radius: 20px!important; } .ui-corner-br { -moz-border-radius-bottomright: 20px!important; -webkit-border-bottom-right-radius: 20px!important; } .ui-corner-top { -moz-border-radius-topleft: 20px!important; -webkit-border-top-left-radius: 20px!important; -moz-border-radius-topright: 20px!important; -webkit-border-top-right-radius: 20px!important; } .ui-corner-bottom { -moz-border-radius-bottomleft: 20px!important; -webkit-border-bottom-left-radius: 20px!important; -moz-border-radius-bottomright: 20px!important; -webkit-border-bottom-right-radius: 20px!important; } .ui-corner-right { -moz-border-radius-topright: 20px!important; -webkit-border-top-right-radius: 20px!important; -moz-border-radius-bottomright: 20px!important; -webkit-border-bottom-right-radius: 20px!important; } .ui-corner-left { -moz-border-radius-topleft: 20px!important; -webkit-border-top-left-radius: 20px!important; -moz-border-radius-bottomleft: 20px!important; -webkit-border-bottom-left-radius: 20px!important; } .ui-corner-all { -moz-border-radius: 20px!important; -webkit-border-radius: 20px!important; } .ui-dialog .ui-dialog-content {overflow:visible;} #settingsContainer .ui-tabs .ui-tabs-nav {padding: 0!important;} #datePicker .ui-datepicker {margin: 0 auto;}