/*   
Theme Name: Popup
Theme URI: http://www.bonline.com
Description: Popup For Editing Business Hours
Author: Gavin Steele
Author URI: http://www.bonline.com
Version: 1
*/

@import url('http://fonts.googleapis.com/css?family=Bree+Serif');
@import url('http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic');

#form-container section form p label {
	text-align:right;
	margin-right: 10px;
}

#change_password_form {
    display:none;
}

div#fancybox-content section header {padding: 0 15px;}
section header h1.page-header {
    margin:0 0 5px 0; 
    font-size:18px; 
    line-height:27px;
    padding: 10px 0;
    border-bottom: none;
}
div#fancybox-content section header p {padding-left:15px;}
div#form-container form div {padding-left:15px;}
#fancybox-content section{
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

/*Cancel Buttons*/
footer.footer .btn.cancel {margin-right:5px;}

/************************
 * Edit Profile properties *
 * **********************/
section.edit-owners-profile {width:400px;}
div#form-container form div.main-content-wrapper {
  padding-left: 0px;
}

div#form-container form div.user-menu.main-content-wrapper,
#cta-window div#form-container form div.main-content-wrapper {
  padding-left: 15px;
}

div#fancybox-content div.user-menu.main-content-wrapper {
  padding-top: 0;
}

#form-container form#profile_form {margin-top:15px;}
#form-container form#profile_form p label {
    text-align:right;
    margin-right:15px;
    width:89px;
    color:#3A81CA;
}
#form-container form#profile_form p a#change_password_link{
  margin-left:117px;
  color:#3A81CA;
}

#form-container footer .cancel,
#form-container footer .cancel-form {
  background: white;
}

/*Password*/
div#form-container #change_password_form {padding-left:0;}

/*****************************
* Fix for top spacing *
********************************/

div#fancybox-content section header#head-page-properties,
div#fancybox-content section.edit-owners-profile header#head-page-properties,
div#fancybox-content section.confirm-phone header#head-page-properties,
div#fancybox-content section#edit-page-properties header#head-page-properties,
div#fancybox-content section#edit-business-hours-info header#head-page-properties,
div#fancybox-content section#edit-social-links header#head-page-properties {
  padding-bottom:0px;
  margin-bottom:49px;
}



/************************
 * Edit page properties *
 * **********************/
section#edit-page-properties header#head-page-properties p{padding:0; font-weight:normal;}
#head-page-properties span {font-weight:normal;}
#head-page-properties p { 
	padding-bottom:15px;
	margin-bottom:10px;
	font-weight:bold;
	color:black;
}
#edit-page-ok{ width: 70px;}
#edit-page-properties #page-properties-form p {padding-top:0;}
 #page-properties-form textarea {
	margin: 10px 0px 0px 0px;
	width:400px;
	color:black;
}

#form-container p {margin: 0 0 0px 0;}
#form-container form {}
#form-container form p{ padding-bottom: 10px;}
#form-container form p label {
float: left;  
width: 210px;
text-align: left;  
}

#form-container form #last-textarea label {
     width: 80px;
}
#edit-page-properties{width:480px; overflow:hidden;margin-right:10px;}
#edit-page-properties header p{font-weight: bold;}
#edit-page-properties #form-container form#page-properties-form p label{
   width:310px;
   margin-top:10px;
}

#edit-page-properties header h1 span {
  font-weight: 500;
}


/* Replace with a long class at some point */
#form-container form #id_user-email, #form-container form #id_business-name, #form-container form #id_contact-phone,#form-container form #id_location-address_1, #form-container form #id_location-address_2, #form-container form #id_location-address_location, #form-container form #id_location-address_county, #form-container form #id_site-domain {width:210px;}

#form-container form footer {padding-top: 10px; text-align:right;}

#form-container form .back {margin-right: 170px;left:0;}

#form-container form .errorlist,
#form-container form .errorlist li {color:red; text-align: center;}

/* Subdomain name choser */

.available { color: green; }

.unavailable { color: red; }

p.required label:after { content: ' *';
        font-weight: bold;
        color: red;
}


/* Styles for textarea chars remaining. */

.count { font-weight: 600; }

.count-warning { color: orange; }

.count-out { color: red; }


/* Style for SEO URL insertion */

#slug { font-weight: 600;
    color: green;
}


/********************************
 * Profile - Phone change confirmation  *
 ************************************/
 div#fancybox-content section.confirm-phone header#head-page-properties {
  margin-bottom:0px;
 }
  section.confirm-phone header#head-page-properties p {
    padding-left:0px;
    font-weight:normal;
    margin-top:15px;
  }
section.confirm-phone #form-container form p label {
  width:104px;
}
section.confirm-phone #form-container input, textarea, select, .uneditable-input {
  width:100px;
}

/************************
 * Edit Contact Page Address Properties *
 * **********************/

 #edit-contact-info h1 {
     background: none repeat scroll 0% 0% transparent;
}

#edit-contact-info #form-container {
     width: 500px;
}

#edit-contact-info #change-location-form label {
     margin-right: 10px;
     text-align: right;
     width:120px;
     line-height: 28px;
     color: #3A81CA;
}

/************************
 * Edit Contact Page Business Hours Properties *
 * **********************/
 
section#edit-business-hours-info {
  width:570px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
}
#edit-business-hours-info header h1 {
     background: none repeat scroll 0% 0% transparent;
}
#edit-business-hours-info #site-preferences p {margin-bottom:15px; padding:0;}
#edit-business-hours-info #edit-business-hours-instructions p {padding:0; margin:15px 15px 0 0;}
#edit-business-hours-info #form-container #business-hours-form th {
     border-top: medium none;
	 width: 70px;
}
#edit-business-hours-info #site-preferences {
    border-bottom: solid 1px #EEE;
    margin-bottom: 15px;
    padding-left: 30px;
}

#edit-business-hours-info #form-container #site-preferences p label {
     width: 450px;
     color: #3A81CA;
}

#edit-business-hours-info #form-container #site-preferences p input {
    margin-left: -475px;
}

#edit-business-hours-info #form-container  select {
width:100px;
}
#edit-business-hours-info #form-container table {
    color: black;
}

#edit-business-hours-info #form-container td {
width:30px;
}

#edit-business-hours-info form#business-hours-form table {
    width:490px;
}

/* Welcome Message popups */

#msg-container {
    width: 600px;
}

#msg-container p {
    padding: 5px 50px;
    font-size: 12px;
    line-height:120%;
    color:#333333;
}
div#msg-container header#head-page-properties {margin:-13px 0 0;}
header#head-page-properties {
    padding-left:15px;
    margin-bottom:-10px !important;
}
.page-header {
    border-bottom: 1px solid #eee;
    font-size: 18px;
}

#msg-container ul {
    list-style: none;
    margin: 10px 50px 10px 50px;
    color:#333333;
}

#msg-container ul li {
    font-size: 12px;
    padding: 5px 10px;
}

#msg-container footer {
    text-align: center;
}

#msg-container h2 {
  width: 100%;
  font-size: 18px;
  color: #3A81CA;
  text-shadow: 0px -1px 0px white;
  font-weight: 500;
  margin-left: 15px;
}

#form-container #profile_form .errorlist li {
    text-align: right;
    margin: 0 20px;
}


/************************
 * Welcome Message *
 * **********************/

.welcome-msg#msg-container {
    width: 700px;
    overflow: hidden;
}

.welcome-msg#msg-container .bold {
  font-weight: bold;
}

.welcome-msg#msg-container p,
.welcome-msg#msg-container li {
  padding: 5px 15px;
  font-size: 14px;
  color: #666666;
}

.welcome-msg#msg-container p{
  margin-right: 50px;
}

.welcome-msg#msg-container img {
  float: right;
  padding-left:20px;
  margin-right: 15px;
}

.welcome-msg#msg-container #easy-steps {
  background: url('../images/welcome-easy-steps.png') no-repeat -5px 11px;
  height: 20px;
  padding-top: 15px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 5px;
  margin-left: 30px;
}

.welcome-msg#msg-container li {
  padding: 0px;
  float: left;
  margin: 0px 15px 0px 59px;
  font-weight: bold;
}

#part-1 {
    background: url('../images/hand-holding-stopwatch.png') no-repeat 570px 20px;
    padding-right: 100px;

}

#part-2 {
    background: url('../images/woman-showing-laptop.png') no-repeat 530px top;
    padding-right: 100px;
    padding-bottom: 40px;
}

#part-3 {
    background: url('../images/question-time.jpg') no-repeat 100px 120px;
    padding-right: 30px;
    zoom: 1;
}

#part-3:before, #part-3:after {
  display: table;
  content: "";
  zoom: 1;
}
#part-3:after {
  clear:both;
}

#part-3 p {
  width: 180px;
}

#customise-it {
  color: #953735 !important;
  font-weight: bold;
}

.welcome-msg#msg-container iframe {
  float: right;
  margin-top: 5px;
}
/************************
 * Request a Domain Transfer *
 * **********************/
  section#domain-request {font-family:arial, sans-serif;}
 section#domain-request div#form-container form p, section#domain-request h2 {color:#333; margin-left:15px;}
  section#domain-request div#form-container form div.fieldwrapper p {margin:10px 0 10px 0;}
section#domain-request div#form-container form p.required label{color:#009DDF;width:120px;padding-right:15px;}
section#domain-request div#form-container form p.required input {width:247px;}
section#domain-request div#form-container form label {width:227; text-alaign:left;color:#009DDF;padding-right:15px;}
section#domain-request div#form-container form input{float:left; margin-right:10px;}
section#domain-request div#form-container form input#id_owner{width:0px;}

section#domain-request div form p.current-domain{margin-top:10px;}
#id_owner_0 {margin-left:142px;}
#id_owner_1 {margin-left:-23px;}

div#form-container form div.social-wrap {
    clear: both;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(249,251,253); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,251,253,1) 0%, rgba(235,243,248,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,251,253,1)), color-stop(100%,rgba(235,243,248,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,251,253,1) 0%,rgba(235,243,248,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,251,253,1) 0%,rgba(235,243,248,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,251,253,1) 0%,rgba(235,243,248,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,251,253,1) 0%,rgba(235,243,248,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfd', endColorstr='#ebf3f8',GradientType=0 ); /* IE6-9 */
    border: 1px solid #c1d4e3;
    -moz-box-shadow:inset 0px -1px 0px rgba(255,255,255,0.69);
    -webkit-box-shadow:inset 0px -1px 0px rgba(255,255,255,0.69);
    box-shadow:inset 0px -1px 0px rgba(255,255,255,0.69);
    margin-left: 50px;
    margin-right: 20px;
    height: 34px;
    width: 278px;
    padding-left: 5px;
    padding-right: 15px;
    position:relative;
}

div#form-container form div.social-wrap .fieldwrapper {
    float: left;
    width: 210px;
    padding: 0px;
}

.social-wrap .fieldwrapper input {
    width: 200px;
    overflow: hidden;
    text-indent: 10px;
    margin: 3px 5px;
    height: 18px;
}

#form-container form#social-links-form p{
    padding-bottom: 2px;
}

.social-wrap img.move-icon {
  position:absolute;
  top:0;
  left:-9px;
}

#social-links-form .social-wrap img {
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 5px;
}

.social-wrap button.btn {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 6px 0px;
    border: none;
    background: transparent;
    width: 46px;
}
section#edit-social-links {
  width: 410px;
}
section#edit-social-links form ul#sortable-social {margin-bottom:15px;}

section#edit-social-links div#form-container div.fieldwrapper p {width:200px;}
section#edit-social-links div#form-container div.fieldwrapper p label {width:140px; margin-left:35px;}
section#edit-social-links div#form-container div.fieldwrapper p input#id_position {
  margin-left:3px;
}

/********************************
 * Twitter Profile  *
 ************************************/
 div#fancybox-content section#edit-twitter-widget-info header#head-page-properties{
  padding-bottom:36px;
  margin-bottom:49px;
 }

 #form-container form#twitter-widget-form p label{
    width:117px;
 }

 #form-container form#twitter-widget-form p input{
  margin-right:20px;
 }

 /*******************************
 *Call To Action Popoup *
 *********************************/
div.colorpicker {z-index:15000;}

section#cta-window {
  width: 350px;
}

section#cta-window #form-container  p{
  clear:left;
}
section#cta-window #form-container  label{
    width:125px;
    float:left;
    display:block;
    text-align:right;
    color:#3A81CA;
    margin-right:15px;
    margin-bottom:10px;
    padding-top: 5px;
    font-size: 14px;
}
/*Button Label*/
section#cta-window #form-container input#id_label {width:125px;}
section#cta-window #form-container select#id_url {width:135px; margin-right:10px;}

section#cta-window #form-container > div select.cta-background-label ,section#cta-window  #form-container > div select.cta-background-link{ 
    width:164px;
    color:#000000;
}

/*background-swatch*/
section#cta-window div#background-swatch {
  border:1px solid rgba(204,204,204, 0.8);
  width:25px;
  height:25px;
  padding:0;
  position: absolute;
  top:78px;
  left:104px;
}

section#cta-window input#id_background {width:50px;}

/*btn-swatch*/
section#cta-window div#btn-swatch {
  border:1px solid rgba(204,204,204, 0.8);
  width:25px;
  height:25px;
  padding:0;
  position: absolute;
  top:124px;
  left:104px;
}


section#cta-window div#btn-swatch-carousel {
  border:1px solid grey;
  width:25px;
  height:25px;
  padding:0;
  position: absolute;
  top:78px;
  left:105px;
}


section#cta-window input#id_button {width:50px;}
section#cta-window input#id_text {width:50px;}

/*Button Label*/
section#cta-window label[for=id_label], select#id_label {margin-top:15px;}
select#id_label {width:135px;}

section#cta-window input#id_label {margin-right:20px;}

section#cta-window #form-container > div div.cta-background-color{
    width:30px;
    height:30px;
    background-color:#2875a3;
    border:1px solid #cccccc;
    cursor:pointer;
    margin-left:105px;
}
section#cta-window #form-container > div div.cta-button-color{
    width:30px;
    height:30px;
    background-color:#4572cd;
    border:1px solid #cccccc;
    cursor:pointer;
    margin-left:105px;
}

section#cta-window div#button-label{margin-bottom:10px; margin-right:25px;}

section#cta-window footer.form-actions {padding:7px 20px 18px; text-align: right;}

 /*******************************
 *Featured Links Popoup *
 *********************************/
section.edit-featured-link {
  width: 280px;
}

section.edit-featured-link #form-container form p {
  padding-left:20px;
  margin-right:20px;
}

section.edit-featured-link #form-container form p label {
    width:90px;
    padding-top: 5px;
}

 span.tooltip-link {cursor:pointer;}
 span.tooltip-link:hover {text-decoration: underline;}


/*******************************
 * Add Link Popoup *
 *********************************/
.link-tool .tab-content {margin-left:10px;}
#link-to-page .linking label.link-to-website, #link-to-page label.link-to-page {
  width:155px;
  cursor: auto;
  color:#009DDF;
}
.fileupload-button-label, .select-file {color:#009DDF;}

div.link-tool div.tab-content div.linking input.link-dropdown-input {
  width:175px;
  margin-right:10px;
}

#link-to-page #link-choose{
  width:185px;
}

.link-tool #link-to-page footer.footer div.tab-row, .link-tool #link-to-file footer.footer div.tab-row {margin:0; text-align:right;}

div#link-to-page div.linking, div#link-to-file div.upload-link {margin-bottom:10px;}

/*******************************
 * Switch Gallery Page Popoup *
 *********************************/

section.design{
  width:685px;
  height:230px;
  position:relative;
  margin-top:38px;
}

section.change-design span[data-template="portfolio3"],
section.change-design span[data-template="portfolio2"],
section.change-design span[data-template="portfolio"] {
width: 204px;
height: 184px;
padding: 0px 0px;
margin: 0px 0 0 10px; 
cursor: pointer;
}
/* Icon for tiled layout */
section.change-design span[data-template="portfolio3"]{
background: url('icons/mosaic-gallery.png') no-repeat;
position: absolute;
top: 15px;
left: 448px;
}
/*Icon for non-active hover tiled layout */
section.change-design div.layout-choice:hover span[data-template="portfolio3"] {
  background: url('icons/mosaic-gallery-hover.png') no-repeat;
}
/*icon for active AND active:hover tiled layout*/
section.change-design div.layout-choice-active span[data-template="portfolio3"], section.change-design div.layout-choice-active:hover span[data-template="portfolio2"]{
background: url('icons/mosaic-gallery-active.png') no-repeat;
}

section.change-design span[data-template="portfolio2"]{
background: url('icons/tiled-gallery.jpg') no-repeat;
position: absolute;
top: 15px;
left: 224px;
}
/*Icon for non-active hover tiled layout */
section.change-design div.layout-choice:hover span[data-template="portfolio2"] {
  background: url('icons/tiled-gallery-hover.jpg') no-repeat;
}
/*icon for active AND active:hover tiled layout*/
section.change-design div.layout-choice-active span[data-template="portfolio2"], section.change-design div.layout-choice-active:hover span[data-template="portfolio2"]{
background: url('icons/tiled-gallery-active.jpg') no-repeat;
}

/*Icon for original layout*/
section.change-design span[data-template="portfolio"]{
background: url('icons/original-gallery.jpg') no-repeat;
position: absolute;
top: 15px;
}
/* Icon for non-active hover */
section.change-design div.layout-choice:hover span[data-template="portfolio"]{
background: url('icons/original-gallery-hover.jpg') no-repeat;
}

/*Icon for active AND active:hover original layout*/
section.change-design div.layout-choice-active span[data-template="portfolio"], section.change-design div.layout-choice-active:hover span[data-template="portfolio"]{
background: url('icons/original-gallery-active.jpg') no-repeat;
position: absolute;
top: 15px;
}

section.design .layout-choice {position:absolute;top:0px;}

section.design section.change-design span.layout-choice-active span{border:2px solid blue;}


/*******************************
 * Driving directions pop up *
 *********************************/
 div#driving-directions{
 	width:1000px;
 }
 a#directions-popup{
 	display:none;
 }
 
 
 /*******************************
 * Final step payment pop up *
 *********************************/
#gcheckout-form .fieldwrapper{
	display:none;
}
#paypal-form .fieldwrapper{
	display:none;
}


.ds-popups#domain-name-search {

	width:545px;
  overflow:hidden;

}
 /*******************************
 * GO LIVE: Domain name selection pop up *
 *********************************/
div#fancybox-content [class^="popup-progress-"] {
  background: transparent url('../images/progress-bar.png') no-repeat center top;
  width: 100%;
  height: 31px;
  overflow: hidden;
}
div#fancybox-content .popup-progress-1 {
  background-position: center top;
}
div#fancybox-content .popup-progress-2 {
  background-position: center -40px;
}
div#fancybox-content .popup-progress-3 {
  background-position: center -80px;
}

div#fancybox-content .popup-progress-4 {
  background-position: center -130px;
}

div#fancybox-content #choose-package-section .popup-progress-2 {
  margin-bottom: 20px;
}

section#domain-name-search form#domain-availability-form {
  margin-bottom: -20px;
}


section#domain-name-search div#cancel-button-div {
	position:absolute;
	top:10px;

	right:15px;
}
section#domain-name-search div#domain-availability-form-div {
	padding-left: 20px;	
}


section#domain-name-search form#domain-availability-form button.btn{
  position: relative;
  left: 365px;
  top: -49px;
  width: 90px;
  height: 34px;
}

section#domain-name-search form#domain-availability-form label{
  left: 0;
  padding: 0 0 23px 0;
  width: 100%;
  font-size: 18px;
  color: #3a81ca;
  text-shadow: 0px -1px 0px #ffffff;
}

section#domain-name-search input[type='text']{
	width:380px;
	height:25px;
}
section#domain-name-search #domain-availability-form .fieldwrapper {
  background: transparent url(../images/inputbox.png) no-repeat -5px 23px;
  padding-bottom: 15px;
}
section#domain-name-search input#id_domain_name_lookup{
  margin-left: 10px;
}
	
section#domain-name-search label{
	float:right;
}

section#domain-name-search form#domain-name-form div.fieldwrapper,
section#domain-name-search form#domain-name-form #domain-error {
  padding-left: 60px;
}

section#domain-name-search form#domain-name-form div.fieldwrapper {
  width: 170px;
}

section#domain-name-search #domain-name-input {
  margin: 10px 0;
}

#available-domain-table-div {
  padding-bottom:40px;
}

#available-domain-table {
    width: 90%;
    margin: 0 5%;
}

#available-domain-table td{
    padding: 10px;
    border-bottom: 1px dotted lightgrey;
}

#available-domain-table th {
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid grey;
    padding: 10px;
}

#available-domain-table th:nth-of-type(2), #available-domain-table td:nth-of-type(2),
#available-domain-table th:nth-of-type(3), #available-domain-table td:nth-of-type(3) {
  text-align: center;
}

#domain-error .domain-error {
    color: red;
}
 /*******************************
 * GO LIVE: bOnline Package selection *
 *********************************/

 section#choose-package-section {
  padding: 0 20px 20px 20px;
  color: #333;
  font-family: 'Ubuntu', arial, helvetica, sans-serif;
}


section#choose-package-section div#cancel-button-div {
	position:absolute;
	top:10px;
	right: 0;
}

#form-container form#choose-package-form {
  position: relative;
  clear: both;
  top: -120px;
}

section#choose-package-section button#first-package-button{
  left: 65px;
}
section#choose-package-section button#second-package-button{
  left: 50%;
  margin-left: -100px;
  top: 30px;
  text-shadow: none;
}
section#choose-package-section button#third-package-button{
  right: 45px;
}

section#choose-package-section button#first-package-button,
section#choose-package-section button#second-package-button,
section#choose-package-section button#third-package-button {
  font-size: 24px;
  font-weight: 500;
  border-radius: 10px;
  padding: 15px 23px;
  position: absolute;
  font-weight: 600;
}

section#choose-package-section header h1.page-header {
  position: relative
}

section#choose-package-section .phone-number {
  margin-top: 30px;
  font-weight: 300;
  font-size: 30px;
  color: #8DBAF2;
  text-align: center;
  position: relative;
  top: -5px;
  line-height: 36px;
  font-family: 'Ubuntu', arial, helvetica, sans-serif;
}

section#choose-package-section .phone-number span {
  color: #3A81CA;
  font-weight: 400;
}

section#payment-service-section {
  color: #333;
  font-family: 'Ubuntu', arial, helvetica, sans-serif;
}

section#payment-service-section div#cancel-button-div {
  position:absolute;
  top:10px;
  right: 15px;
}

section#payment-service-section table#cart-table {
  width: 710px;
  text-align: left;
  margin: 20px 15px 5px 15px;
  font-size: 14px;
}

section#payment-service-section table#cart-table th:nth-of-type(2), section#payment-service-section table#cart-table td:nth-of-type(2),
section#payment-service-section table#cart-table th:nth-of-type(3), section#payment-service-section table#cart-table td:nth-of-type(3) {
  text-align: right;
}

section#payment-service-section table#cart-table th,
section#payment-service-section table#cart-table td {
  padding: 10px;
  border-bottom: 1px solid #C7DFF2;
  text-align: left;
}

section#payment-service-section #cart-total,
section#payment-service-section #cart-subtotal {
  float: right;
  clear: both;
  text-align: right;
  border-bottom: 1px solid #C7DFF2;
  margin: 0 15px 0 0;
  padding: 5px;
}

section#payment-service-section h3 {
  clear: both;
  margin-left: 20px;
  font-weight: normal;
  font-size: 18px;
  color: #3A81CA;
  text-shadow: 0px -1px 0px white;
}

section#payment-service-section #paypal-form {
  float: left;
  padding-left: 20px;
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}

section#payment-service-section #gcheckout-form {
  float: left;
}

section#payment-service-section #payment-form-container {
  width: 385px;
  margin: 0 auto 20px;
}

section#domain-name-search {
  color:#333;
  font-family: 'Ubuntu', arial, helvetica, sans-serif;
}

section#domain-name-search form#domain-name-form div.fieldwrapper:after {
    clear:both;
	position:relative;
	right: -730px;
	top:-145px;
	width:150px;
	height:50px;
}

/**** Edit image popup ****/
section#edit-image p,
section#edit-image li {
  color:#333;
}
section#edit-image #create-link {
  margin-left: 10px;
}

section#edit-image .edit-image-form {
  margin: 0 10px;
  clear:both;
}

section#edit-image .edit-image-form .align-image-hr {
  width: 90%;
  margin: 1em auto;
  border-color: #C7DFF2;
}

section#edit-image .edit-image-form p,
section#edit-image .edit-image-form ul {
  padding: 0 20px 10px;
}

section#edit-image .edit-image-form li {
  padding-bottom: 5px;
  color: #3A81CA;
}

section#edit-image .edit-image-form li input {
  margin-right: 15px;
}

section#edit-image .edit-image-form {
  padding-bottom: 8px;
}

section#edit-image header {
  margin-bottom: 20px;
}

section#edit-image .edit-image-buttons {
  float: left;
}

section#edit-image .edit-image-buttons .btn {
  float: left;
  margin: 16px 40px 10px;
  text-align: center;
  clear: both;
}


section#edit-image .edit-image-image {
  float: left;
  position: relative;
}

section#edit-image .edit-image-image img {
  float: right;
  clear: none;
  padding: 0 30px 20px;
}

section#edit-image label.link-to-website, label.link-to-page {
  float: left;
  width: 155px;
  cursor: auto;
  color: #3A81CA;
  margin-top: 5px;
}

section#edit-image .linking,
section#edit-image .tab-row {
  padding: 5px 10px;
}

body#adhoc-payments {
  width: 800px;
  margin: 20px auto;
}

body#adhoc-payments #payment-service-section {
  width: 740px;
  margin: 0px auto;
  font: 13px Helmet, Freesans, sans-serif;
}

#contact-form-builder #myTab.nav-tabs > li > a {
  padding: 9px 2px;
  color: #3A81CA;
}

#contact-form-builder .modal-header h3 {
  color: #3A81CA;
  font-size: 24px;
  font-weight: 500;
  padding: 20px 0 10px;
}
#contact-form-builder .blank-pages > .nav-tabs {
  border-bottom: 1px solid #d1e0ee;
}

#contact-form-builder .nav-tabs > .active > a,
#contact-form-builder .nav-tabs > .active > a:hover {
  border: 1px solid #D1E0EE;
  border-bottom-color: transparent;
}

#contact-form-builder .nav-tabs > li > a:hover {
  border-color: #D1E0EE;
}
#contact-form-builder .nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/* General contact form styles */
#fancybox-close {
  background: transparent url('../fancybox/custom-fancybox.png') -40px 0px;
  top: 5px;
  right: 5px;
}
#fancybox-outer {
  background: rgb(223,240,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(223,240,255,1) 0%, rgba(229,241,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,240,255,1)), color-stop(100%,rgba(229,241,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(223,240,255,1) 0%,rgba(229,241,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(223,240,255,1) 0%,rgba(229,241,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(223,240,255,1) 0%,rgba(229,241,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(223,240,255,1) 0%,rgba(229,241,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff0ff', endColorstr='#e5f1ff',GradientType=0 ); /* IE6-9 */
  border: 4px solid #ffffff;
}
div#fancybox-content,
div#fancybox-content input,
div#fancybox-content button,
div#fancybox-content select,
div#fancybox-content textarea,
div#fancybox-content p,
div#fancybox-content li {
  font-family: 'Ubuntu', arial, helvetica, sans-serif;
}
div#fancybox-content h1,
section.edit-featured-link header h2,
#cta-window header h2 {
  color: #3A81CA;
  font-size: 24px;
  font-weight: 500;
  padding: 20px 0 10px;
}
section.edit-featured-link header h2,
#cta-window header h2 {
  margin: 0;
  padding-bottom: 0;
}
div#fancybox-content .main-content-wrapper {
  border: 1px solid #C7DFF2;
  background-color: white;
  margin: 20px 20px 0 20px;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.8),inset -1px -1px 0px rgba(255,255,255,0.8);
  -webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.8),inset -1px -1px 0px rgba(255,255,255,0.8);
  box-shadow:inset 1px 1px 0px rgba(255,255,255,0.8),inset -1px -1px 0px rgba(255,255,255,0.8);
}

div#fancybox-content input,
div#fancybox-content textarea,
div#fancybox-content select {
  border-color:#d1e0ee;
  -moz-box-shadow:inset inset -1px 1px 3px rgba(79, 92, 105, 0.1);
  -webkit-box-shadow:inset inset -1px 1px 3px rgba(79, 92, 105, 0.1);
  box-shadow:inset inset -1px 1px 3px rgba(79, 92, 105, 0.1);
}

div#fancybox-content section#domain-name-search input {
  background: #E0F0FF;
}

div#fancybox-content ::-webkit-input-placeholder {
  color: #a4c3dc;
}
div#fancybox-content :-moz-placeholder {
  color: #a4c3dc;
}
div#fancybox-content:-ms-input-placeholder {
  color: #a4c3dc;
}

div#fancybox-content footer {
  border-top: none;
  background: transparent;
}

#form-container form p label {
  color: #3A81CA;
  font-size: 14px;
}

/* Domain search */

#domain-name-search .form-container form footer {
  text-align: center;
}

#domain-name-search #domain-name-form {
  margin-top: 10px;
}

#domain-name-search .submit-form{
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4);
  border-color:#67a9db;
  background: rgb(153,212,252); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(153,212,252,1) 0%, rgba(103,170,249,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,212,252,1)), color-stop(100%,rgba(103,170,249,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(153,212,252,1) 0%,rgba(103,170,249,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(153,212,252,1) 0%,rgba(103,170,249,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(153,212,252,1) 0%,rgba(103,170,249,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(153,212,252,1) 0%,rgba(103,170,249,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d4fc', endColorstr='#67aaf9',GradientType=0 ); /* IE6-9 */
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 12px;
}

section#domain-name-search label {
  color: #3A81CA;
}

#domain-name-search footer .btn.btn-green,                            /* upgrade domain search */
#msg-container footer .btn-blue                            /* welcome message */
 {
  font-size:20px;
  font-weight: 500;
  text-shadow: 0px -1px 0px #d27d11;
  border-color: #DC8516;
  color:#ffffff;
  -moz-box-shadow:inset 0px 1px 0px #ffc983;
  -webkit-box-shadow:inset 0px 1px 0px #ffc983;
  box-shadow:inset 0px 1px 0px #ffc983;
  background: rgb(255,182,88); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,182,88,1) 0%, rgba(255,150,14,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,182,88,1)), color-stop(100%,rgba(255,150,14,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,182,88,1) 0%,rgba(255,150,14,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,182,88,1) 0%,rgba(255,150,14,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,182,88,1) 0%,rgba(255,150,14,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,182,88,1) 0%,rgba(255,150,14,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb658', endColorstr='#ff960e',GradientType=0 ); /* IE6-9 */
  width: 250px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#msg-container footer .btn.cancel {
  font-size: 20px;
  font-weight: 500;
  color: #666;
  width: 250px;
  margin-bottom: 20px;
  color: #3A81CA;
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  background: white;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(214, 233, 251, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(214, 233, 251, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(214, 233, 251, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(214, 233, 251, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(214, 233, 251, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(214, 233, 251, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6e9fb',GradientType=0 );
  border-color: #C6DAEE;
  -moz-box-shadow: inset 1px 0px 0px #ffffff, inset 0px -1px 0px rgba(255,255,255,0.5);
  -webkit-box-shadow: inset 1px 0px 0px white, inset 0px -1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 0px 0px white, inset 0px -1px 0px rgba(255, 255, 255, 0.5);
} 

/* Welcome */

.welcome-msg #head-page-properties .cancel {
  background: transparent url('../fancybox/custom-fancybox.png') -40px 0px;
  top: 5px;
  right: 5px;
  position: absolute;
  width: 30px;
  height: 25px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/************************
 * Reports Profiles Popup *
 * **********************/

/* container styles */
#webmaster-tools-popup {
  width: 480px;
  overflow: hidden;
  margin-right: 10px;
}

#analytics-popup {
  width: 350px;
  overflow: hidden;
  margin-right: 10px;
}

/* Align buttons */
#webmaster-tools-popup .footer,
#analytics-popup .footer {
    text-align: right;
  }

/* position  the form elements */
#webmaster-tools-popup .fieldwrapper {
    padding: 0 10px;
    width: 420px;
}

#analytics-popup .fieldwrapper {
    padding: 0 10px;
    width: 290px;
}

/* Width of inputs */
#webmaster-tools-popup .fieldwrapper input {
  width: 408px;
}

#analytics-popup .fieldwrapper input {
  width: 278px;
}

/* Position list of analytics ID's */
#analytics-popup  ul {
  margin: 10px 20px;
}

#analytics-popup li {
  margin-bottom: 4px;
}

#analytics-popup .mini-content-wrapper {
  background-color: white;
  padding: 3px;
}

#analytics-popup .close {
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: none;
  top: 2px;
  position: relative;
}