/*Globals - main.css */
body
{
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: Verdana, Helvetica, sans-serif;
    color: #333;
}

body, table
{
    font-size: 12px;
}

a
{
    color: #333;
    text-decoration: none;
}

a:hover
{
    color: #000;
}

form
{
    margin-bottom: 1em;
}

.hidden {display:none;}
.notice {font-size:12px;font-style:italic;color:#666;}
.topLink {display:block; padding-bottom:25px;}
.textRight{text-align:right;clear:both;}
.buttonbox {padding-top:15px;overflow:hidden;}
/*End Globals*/

/* Simple grid system */

.half-width {width:48%;float:left;clear:none;}
.third-width {width:32%;float:left;clear:none;}
.quarter-width {width:24%;float:left;clear:none;}
/* End simple grid system */

.results form{margin-bottom: 0;}
#reseller-container{width: 1001px;margin: 0 auto;border-radius:5px;-mox-border-radius:5px;-webkit-border-radius:5px;}

/**** Top Nav ****/

#top-nav-container {height:39px;width:100%;position:absolute;background: url("/reseller/images/top-nav-inner-shadow.gif") repeat-x scroll center top #3E3E3E;top:0;left:0;z-index:300;}
#top-nav-wrap {width:998px;margin: 0 auto;}
#top-nav-container ul {list-style:none;float:right;padding: 8px 0; position:relative;}
#top-nav-container ul li {color:#666666;display:inline;padding:0 12px; line-height:23px;background: url("/reseller/images/nav-top-div.gif") no-repeat scroll right center transparent;position: relative;}
#top-nav-container ul li a {color:#FFFFFF;}
#top-nav-container ul li a:hover {color:#fff;text-decoration:underline;}
#top-nav-container ul li.last {background: none;}
#top-nav-container ul li.last>a {color:#F69424;}
#top-nav-container ul li.last>a:hover {color:#F69424;}
#top-nav-container ul li.listNoWrap {white-space: nowrap;}
#top-nav-container ul ul {z-index:300;display:none;position:absolute;right:0;top:27px;background: #3E3E3E;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;z-index:300;}
#top-nav-container ul li:hover ul{display:block;}
#top-nav-container ul ul li {background: none;float:none;clear:both;display:block;text-align:right;line-height:18px;}
#top-nav-container ul ul li a {color:#fff;}
/**** End Top Nav ****/

/**** Reseller Header Defaults ****/

.container_12 {margin-top:31px;}

/**** End Reseller Header Defaults ****/

#menu, #content{vertical-align: top;clear:both;}

#menu .navContent .navContent {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
}
#menu .navContent li:hover .navContent {
    display: block;
    border: 2px solid #e2e2e2;
}

#menu {width:100%;}
#menu ul {margin:0;padding: 0;list-style: none;z-index:10;background: #fff;}
#menu li {position:relative;margin-bottom:0;}
#menu li.first {border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;}
#menu li.last {border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;}
#menu > ul > li {float:left}
#menu h3 {color: #FFF;margin: 0;cursor: pointer;line-height:1rem;background: url("/reseller/images/bg-nav-divider.gif") 0 14px no-repeat;}
#menu li:hover h3 {text-decoration:underline;}
#menu a {display: block;text-decoration: none;padding-left: 18px;text-align:left;margin-bottom: 10px;}
#menu .navContent > li:last-child > a {margin-bottom:0}
#menu h3.single-line {padding: 1em;}
#menu ul ul {display:none;position:absolute;top:45px;left:0;width:175px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border: 1px solid #648596;border-top: 0px none;}
#menu li.first h3 {background: none;}
#menu li.last ul {right:0;left:auto;}
#menu ul li:hover ul, #menu ul li.focus ul {display:block;}

#menu input[type="text"]
{
    width: 10em;
}

#menu li .ui-icon
{
    float: left;
    margin: 0.5em;
}

#menu .actions
{
    display: inline;
}



tr.odd, tbody.odd
{
    background-color: #EEE;
}

tr.pending td
{
    background-color: #FFFFCC !important;
    color: #666;
}

tr.processing td
{
    background-color: #CCFFCC !important;
    font-style: italic;
}

.search-form fieldset
{
    padding: 0.5em 1em 1em 1em;
    float: left;
}

.search-form fieldset legend
{
    font-size: 1.3em;
    padding: 5px;
    margin: 0 1em;
    font-weight: bold;
    background-color: #FFF;
}

.search-form th
{
    text-align: right;
}

.ui-form input[type="text"], .ui-form input[type="password"], .ui-form select, .ui-form textarea
{
    padding: 0.3em 0.5em;
}

.clear
{
    clear: both;
}

div.errors, div.messages {padding: 0.5em;margin-bottom: 1em;margin-left:0;}

.info-message
{
    float: left;
    margin-right: .5em;
}

span.optional
{
    color: #999;
    font-style: italic;
}

/************************* Search Results *************************/

#content .results{width: 100%;clear:both;border-spacing: 0; padding: 1em 1em 1em 0.5em;}
#content .results a{cursor:pointer;}
#content .results th{color: #333;padding: 5px;font-weight:bold;}
/*#content .results th + th, #content .results td + td, #content .results th + td {border-left: 1px solid #ddd;padding: 1em 1em 1em 0.5em;}*/
#content .no-table-sort th, #content th.no-sort  {padding: 1em 1em 1em 0.5em;}
#content .results th a {color:#333;text-decoration:none;padding: 1em 1em 1em 0.5em;display:block;background: url(/reseller/images/table-sort-icons.png) 96% -150px no-repeat;}
#content .results th a:hover {text-decoration:underline;background-position: 96% -21px;}
#content .results th a.sort-asc {background-position:96% 12px;}
#content .results th a.sort-desc {background-position:96% -28px;}
#content .results th a.sort-asc:hover {background-position:96% -28px;}
#content .results th a.sort-desc:hover {background-position:96% 12px;}
#content .results th, #content .results td{border: 1px solid #DDDDDD;}
#content .results td {padding: 5px;border-top:1px solid #ddd;}
#content .results td.date {white-space: nowrap;}

span.orderId, span.orderStatus, div.renewalStatus
{
    font-weight: bold;
}

div.actions
{
    width: 120px;
}

div#loginInfo fieldset label {
    font-weight: bold;
}
/************************* Products *************************/

#products
{
    width: 100%;
}

#active-products, #inactive-products
{
    vertical-align: top;
}

.prices th
{
    color: #FFF;
    background: #606060;
    text-transform: uppercase;
    padding: 0.5em 1em;
    text-align: center;
}

input[disabled]
{
    color: #CCC;
}

span.selectAll
{
    text-transform: uppercase;
    font-weight: bold;
}

/************************* Pagination *************************/
#pagination-stats {float:left;margin-top:15px;}
#pagination-limit{float: right;}
#pagination-wrapper, #pager{width:648px; float:right;margin-bottom:10px;margin-top:10px;}

#pagination-pager input
{
    width: 5em;
    text-align: center;
}

#pagination-pager{text-align: center;float:left;clear:none;}
button.help
{
    margin-left:5px;
    font-size:12px;
    font-weight:bold;
    color:#336699;
    width:22px;
    height:22px;
    border: 1px solid #336699;
}

#popup{width:100%; height:100%; display:none;position:fixed;top:0px;left:0px;z-index: 2000 !important}

#message {
    position:relative;
    z-index:100; /*Always on top!*/
    width:250px;
    background-color:white;
    border: 2px solid #336699;
    padding: 5px 5px 5px 5px;
    opacity: 0.9;
}

.preferences_h2
{
    display:inline;
}

td.actions
{
    padding: 1em;
}

td.tld-options
{
    width: 13em;
    vertical-align: top;
    padding: 0.5em;
}

td.product-options
{
    width: 20em;
    vertical-align: top;
    padding: 0.5em;
}

td.product-options h3
{
    text-align: center;
}

td.tld-options div.odd, td.product-options div.odd
{
    background-color: #EEE;
    line-height: 1.5em;
}

td.tld-options a, td.product-options a
{
    color: #C00;
    text-decoration: none;
}

td.options a:hover
{
    text-decoration: underline;
}

input.price
{
    width: 5em;
}

tr.category th{text-align: center;background-color: #ccc;}

td.selectAll
{
    text-align: center;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 2em; margin: 0 1em; }
.ui-timepicker-div dl dd{ margin: -2em 1em 1em 5em; }
.ui-timepicker-div td { font-size: 90%; }


/************************* Quick Search *************************/

#quick-search
{
    text-align: center;
}

#quick-search h4, #quick-search form
{
    display: inline;
}

#quick-search h4
{
    margin-left: 1em;
}

#quick-search form
{
    margin-right: 1em;
}


/************************* Bulk Edit Options *************************/

div.content-wrapper
{
    margin-bottom: 1em;
}

div.option
{
    padding: 1em;
    background-color: #FFF;
}

div.content-wrapper fieldset
{
    border: none;
    padding: 0;
}

div.content-wrapper label{width: 150px;float: left;margin: 2px 2px 2px 0;line-height: 2em;}

.pending img.swirly
{
    visibility: hidden;
}

.processing img.swirly
{
    visibility: visible;
}

img.swirly
{
    margin-left: 1em;
}

div.actions button
{
    margin-right: 0.5em;
}

div.actions form
{
    float: left;
}

/************************* Email *************************/

div.email-resend-wrapper
{
    border: 1px solid #CCC;
    margin-bottom: 1em;
}

div.email-resend
{
    border: 10px solid #EEE;
    background-color: #FFF;
    padding: 0.5em;
}

div.email-resend form
{
    margin: 0;
}

table.email-details
{
    width: 100%;
    margin-bottom: 1em;
}

table.email-details td, table.email-details th
{
    padding: 5px;
    background-color: #EEE;
}

div.email-preview
{
    padding: 1em;
    margin-bottom: 1em;
    border: 2px dashed #CCC;
}

div.email-attachments
{
    margin-bottom: 1em;
}

.email-attachment
{
    display: block;
    float: left;
    width: 100px;
    margin-right: 1em;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FFF;
}

a.email-attachment:hover
{
    background-color: #EEE;
    border: 1px solid #CCC;
}

.email-attachment p
{
    word-wrap: break-word;
    margin-bottom: 0;
}

.note
{
    font-style: italic;
}

/************************* Errors *************************/

input.error, textarea.error, select.error
{
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    background-color: #FEF1EC;
}

span.error
{
    color: #CD0A0A;
}

#content .errors a.errorLink {display:block;padding-top:5px;color:#C00;}
/************************* iOS Styled Checkboxes *************************/

.toggle {
    display: block;
    width: 70px;
    height: 25px;
    overflow: hidden;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.toggle input[type=checkbox] {
    display: none;
}

.toggle input[type=checkbox] + label {
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(/reseller/images/toggle.png) no-repeat -46px 0;
    -webkit-transition: background-position 0.2s ease-in-out;
    -moz-transition: background-position 0.2s ease-in-out;
}

.toggle input[type=checkbox]:checked + label {
    -webkit-transition: background-position 0.2s ease-in-out;
    -moz-transition: background-position 0.2s ease-in-out;
    background-position: 0;
}

.toggle input[type=checkbox]:disabled + label {
    background-image: url(/reseller/images/toggle-disabled.png);
}

#recharge-prepaid {
    width: 50px;
    float: right;
}

#recharge-prepaid a {
    background: none;
    color: white;
    padding: 0;
    text-align: center;
}

/**** Search Forms ****/
.search-form {padding: 10px 15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #e9e9e9;}
#content .search-form h2 {margin-top:0;}
#content .search-form h3 {margin:12px 0 5px;}
.search-form label {margin-bottom:1px;}
.search-form input.ui-button, #actionGroupRes .ui-button, #registerDomain, #transferDomainSubmit, #orderHosting, input.submit, .secondaryButton, .buttonbox input,#home-domain-search input.search {
    background:#F69424;
    border: 0px none;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 0.4em 1em;
    width:auto;
    background-image: linear-gradient(bottom, #FFB152 69%, #F69424 51%);
    background-image: -o-linear-gradient(bottom, #FFB152 69%, #F69424 51%);
    background-image: -moz-linear-gradient(bottom, #FFB152 69%, #F69424 51%);
    background-image: -webkit-linear-gradient(bottom, #FFB152 69%, #F69424 51%);
    background-image: -ms-linear-gradient(bottom, #FFB152 69%, #F69424 51%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.69, #FFB152),color-stop(0.51, #F69424));
}
#transferDomainSubmit {margin-top:25px;}
/************************* Section Specific Global declarations *************************/

#reseller-container #content {padding:30px 20px;}
.loading-icon {background:url(/reseller/images/ajax-loader.gif) 50% 25px no-repeat !important;}
/**** Home Page Search ****/
#home-domain-search {float: right;margin-top: 3px;width:345px;margin-right:25px;}
#home-domain-search div.actions {float: right;width:auto;clear:none;}
#home-domain-search input {float:left;}
#home-domain-search select {margin-left:2px;font-size:1.1em;padding:0.4em 0.5em;}
#home-domain-search input.search {float:right;padding:0.5em 0 0.4em 0 !important;width:38px;}

/**** Dashboards ****/
#service-alerts {float:left;width:600px;margin-right:30px;overflow: hidden;position:relative;margin-bottom:15px;}
#service-alert-list {overflow: hidden;width:600px;margin-left: 0px /*IE7 Fix*/}
#content #service-alert-list h3 {margin:0 0 10px 0;line-height:1.4em;}
#service-alert-list li {width:600px;list-style: none;float:left;margin-bottom:0;}
#quick-links {float:left; width:180px;}
#quick-links li, #account-summary li {list-style:none;}
#service-alert-btns {float:right;margin-top:-5px;}
#dashboard-container {clear:both;overflow:hidden;}
#dashboard-container .dashboard-row {clear:both;}
#dashboard-container .dashboard-row .dash-container {float:left;min-height:190px;width:360px;margin-right:10px;margin-bottom:10px;}
#dashboard-container .dashboard-row .loading-icon {background:url(/reseller/images/ajax-loader.gif) 50% 50% no-repeat;}
#dashboard-container .dashboard-row .dash-container h3 {margin: 10px 20px;}
/*Home Page - Account Summary*/
#account-summary {}
#account-summary ul {margin: 0 0 0 20px;width: 70%;}
#account-summary ul li {line-height: 24px;overflow: hidden;}
#account-summary ul li a {float: left;}
#account-summary ul li span {float:right;}
#dashboard-container #account-summary {width:290px;}
#dashboard-container #dashboard-snapshot {width:600px;margin-right:0;padding-bottom:15px;position:relative;}
#dashboard-container #sales-summary {height:190px;width:580px;float:right;}
#dashboard-container #x-axis-label, #dashboard-container #y-axis-label {position:absolute;font-weight:bold;font-size:0.9em;}
#dashboard-container #x-axis-label {bottom:0;left:42.5%;}
#dashboard-container #y-axis-label {top:33%;left:0;height:90px;width:12px;background: url(/reseller/images/revenue_label.png) 0 0 no-repeat;}
#legend-control {color: #336699;cursor: pointer;font-size: 0.9em;position: absolute;right: 2px;text-decoration: underline;top: 20px;}
#dashboard-container .legend table td {padding:0;font-size:1.1em;}

/*** Search Forms and  Fields ***/
#home-domain-search-wrap{overflow: hidden;clear:both;}
#content .searchBox {overflow:hidden;}
#content .searchBox .buttonbox {overflow:visible;padding-top:0;}
#content .multiSearchBox {margin-bottom:12px;}
#content .searchBox .search-item-group {float:left;clear:none;}
#content .registerDomainSearch .search-item-group{margin-right:35px;}
#content .searchBox .search-item-group div {margin-right:30px;}
#content .searchBox .search-item-group span {}
#content .searchBox .search-item-group .buttonbox input {width:auto;margin-top:20px;margin-left:-25px;}
#content .fileUploadArea input{margin-top:5px;}
#searchResult {margin-left:30px;margin-top:0;}
#searchResult img {margin-right:5px;float:left;}
#searchResult>span {float:left;line-height:20px;}
#search-results-container {margin-top:25px;}
#search-results-container .results-button-list{position:relative;display:none;}
#search-results-container .results-button-list .tooltip {background:#000;color:#fff;font-size:14px;padding: 6px;-webkitborder-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;}
#search-results-container .quickActionItems {display:block;position:relative;cursor: pointer;color:#333;line-height:25px;}
#search-results-container .quickActionItems ul{display:none;position:absolute;right:-149px;top:-1px;width:140px;z-index: 10;background:#769CAF;padding:4px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#search-results-container .quickActionItems:hover ul{display:block;}
#search-results-container .quickActionItems ul li{display:block;clear:both;padding:2px;margin:0;color:#fff;}
#search-results-container .quickActionItems ul li a {display:block;padding:0;margin:0;color:#fff;cursor:pointer;text-decoration:none;}
#search-results-container .quickActionItems ul li a:hover {text-decoration:underline;}
.form-horiz-group {clear:both; overflow: hidden;}
.form-horiz-group div {float:left;clear:none;margin:15px 15px 0 0;}

.search-domains {overflow: hidden;}
.search-domains h2 {
    margin-top: 40px;
}
.search-domains > table, #asiaEligibility, #auEligibility, #esEligibility {
    margin-left: 20px;
}
#customerSearch div {float:left;clear:none;}
#customerSearch div label {float:none;}
.contactForm {
    background: #F3F3F3;
    padding: 20px;
    clear: both;
}
.contactForm h3 {
    margin: 0 0 12px;
}
.contactForm div {
    margin: 3px 8px 0 0;
}
#nameserverOptions input[type=text] {
    display: block;
}

#content input.longText, #product-prices input.longText {width:280px;}
#content input.medLongText, #product-prices input.medLongText {width:224px;}
#content input.medText, #home-domain-search input.medText, #product-prices input.medText {width:168px;}
#content input.smlMedText, #product-prices input.smlMedText {width:112px;}
#content input.smlText, #product-prices input.smlText {width:56px;}
#content #actionGroup, #content #actionGroupRes {clear:both;overflow: hidden;padding-top:30px;}
#content #actionGroupRes form {margin-left:20px;}
#content #actionGroupRes .ui-button {margin-top:10px;}
#content #actionGroupRes #categoryUpdate .ui-button {margin-top:0px;}
#content #bulk-delegate form div {margin-top:8px;overflow: hidden;}
#content #bulk-contact-update .results th {padding: 0.5em 1em;}
#content #bulk-contact-update .results th label{font-weight:bold;}
#content #bulk-contact-update input.error, #content #bulk-contact-update span.error {clear:both;float:left;}
#content .customerSearchContainer {margin: 10px 0 15px;position:relative;}
#content .clearAllSelections {margin-top:-35px;}
#content .clearAllSelections a {cursor:pointer;}
#content #customerSearchResult{background: #F3F3F3;padding: 10px;float: left;margin-left: 30px;}
#content .transDomains #customerSearchResult{margin-left:25px;}
#content #customerSearchResult span {display:block;clear:both;}
#content #existingContact {float: left;}
#content #contactSearchResult{background: #F3F3F3;padding: 10px;float: left;margin-left: 30px;}
#content #contactSearchResult span {display:block;clear:both;}
#content #customer input, #content #customer span.error {clear:both; float:left;}
#content ul.resList {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;left: 216px;padding: 4px;position: absolute;top: 36px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#content ul.resList li {cursor:pointer;margin:0;padding:0;}
#content ul.resList li a {color:#333;padding:0;margin:0;text-decoration:none;display:block;}
#content ul.resList li a:hover {background:#ddd;}
#content .tableScroll{text-align: right;float:right;clear:both;width:100%;margin-top:8px;}
#content .tableScroll a {cursor:pointer;}

#content ul.registration {margin-left:15px;}

#content .purchaseProductErr {margin-left: 33px;margin-top: 8px;}
#searchHosting, #customer {margin-top:20px;}
#content #tos {margin-left: 10px;margin-top: 30px;overflow:hidden}
#content #tos.fRight{float:right;}
#content #tos input, #content #tos span {float:left;}
#content #tos input {margin: 0 5px 0 0;}
/*Renew Product Form*/
#content .totalContainer, #content .paymentMethodContainer {float:right;clear:both;overflow:hidden;margin-top:15px;margin-bottom:0;}
#content .paymentMethodContainer {margin-bottom:10px;}


.domain-search-results .price { text-align: right; }
.domain-search-results .orders-total { font-weight: bold; }

.vps-plan .price:last-child p { margin: 0; border: 1px solid #DDD; }

#content .o365product h3 {
	margin: 0;
	border: 1px solid #DDD;
	border-bottom: 0;
	padding: 10px;
}

#o365-products {
  margin: 0 -10px;
}

#o365-products input[type=radio] {
  margin: 10px 0;
}

.o365product {
  width: 225px;
  float: left;
  clear: none;
  text-align: center;
  margin: 0 10px;
  display: inline;
  border-bottom: 1px solid #ddd;
}

.o365product .description {
  height: 50px;
}

.o365product p {
	color: #222;
	border: 1px solid #ddd;
	margin: 0;
  padding: 10px;
	border-bottom: 0;
}

label span.from{
  display: block;
  margin-bottom: 8px;
}

h2.o365{
  font-size: 0;
  color: transparent;
}

h2.o365 img{
  
}

.o365product p{
	color: #222;
	margin: 0;
  padding: 10px;
  border: 1px solid #ddd;
	border-bottom: 0;
}

.o365product div.description{
  min-height: 165px;
  border: 1px solid #ddd;
	border-bottom: 0;
}

.o365product div.description p{
  border: 0;
}

.o365product div.description ul{
  min-height: 65px;
  padding: 2px 10px 0 26px;
  margin-bottom: 0;
  text-align: left;
  list-style: disc;
}

.o365product div.description li{
  margin-bottom: 6px;
}

.o365product .odd {
  background: #f5f5f5;
}

.o365product select {
  width: 100%;
}

.o365product label {
  cursor: pointer;
}

.o365product .select {
  display: inline-block;
  background: #ff9800;
  padding: 4px 12px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.o365product label:hover .select {
  background: #ff6f00;
}

.o365product .option-select {
  height: 27px;
}

div#emailVariables {
    text-align: left;
    border: 2px solid #E2E2E2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 20px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}
div#emailVariables input {
    padding: 0;
    width: 100%;
    border: 0;
    margin: 0;
}
div#emailVariables p {
    margin: 0 0 2px;
}
div#emailVariables form {
    margin: 0;
}
div#emailVariables form p:first-of-type {
    margin-top: 10px;
}
iframe {
    border:0;
    margin-top:20px;
    overflow:hidden;
}
.navContent span {
    width: 10px;
    height: 11px;
    float: left;
    margin-top: 2px;
    background: url(/reseller/images/menu-sprite.png) 0 0 no-repeat
}
.arrow > span {background: url(/reseller/css/smoothness/images/ui-icons_222222_256x240.png) -96px -19px no-repeat;}
.register span {background-position:0 0}
.transfer span {background-position:0 -11px}
.manage span {background-position:0 -22px}
.renew span {background-position:0 -33px}
.registrant span {background-position:0 -44px}
.pricing span {background-position:0 -55px}
.cart span {background-position:0 -66px}
.add span {background-position: 0 -99px;}
.search span {background-position: 0 -110px;}
.tick span {background-position: 0 -121px;}
.invoices span {background-position: 0 -132px;}
.domains span {background-position: 0 -143px;}
.products span {background-position: 0 -154px;}
.customers span {background-position: 0 -165px;}
.order span {background-position: 0 -176px;}
.settings span {background-position: 0 -209px;}
.theme span {background-position: 0 -231px;}
.email span {background-position: 0 -242px;}
.contact span {background-position: 0 -253px;}
.download span {background-position: 0 -264px;}

.addOnUpsellItem { padding-left: 17px; }
.addOnUpsellItem :first-child, .addOnUpsellItem :nth-child(2) { width: 200px; margin-right: 15px; }
.addOnUpsellItem label { display: inline-block; }

#orderConfirmation { width: 500px; overflow: hidden; }
#orderConfirmation span:first-child { clear: both; float:left; }
#orderConfirmation span { float:right; }


.webwidget_rating_simple {
    margin: 10px 0 0;
    overflow: hidden;
}

.webwidget_rating_simple li {
    line-height: 0px;
    width: 14px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer;
}

.webwidget_rating_simple li span {
    display: none;
}

.star-rating {
    background: #fff;
    padding: 10px 10px 14px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
}

.star-rating + .star-rating {
    margin-top: 10px;
}

.warning-box {
    padding: 16px;
    border: solid 1px;
    font-size: 13px;
    line-height: 19px;
    margin: 10px 0;
    border-color: #E6DB55;
    background: #FFFBCC;
}

.warning-box p {
    margin-bottom: 5px;
}

.warning-box p:last-child {
    margin: 0;
}

.error-box {
    border-color: #DF8F8F;
    background: #FFD7D7;
}

.error-box, .warning-box, .success-box {
    padding: 16px;
    border: solid 1px;
    font-size: 13px;
    line-height: 19px;
    margin: 10px 0;
}

input[type=file] {
    line-height: 1em !important;
    background: 0;
    border: 0;
    font-size: 13px;
}

.float-right {
    float: right;
}

.tooltip-enabled {display:block;position:relative;cursor: pointer;color:#333;line-height:25px;}
.tooltip-enabled .tooltip-content{display:none;position:absolute;right:-149px;top:-1px;width:140px;z-index: 10;background:#769CAF;padding:4px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.tooltip-enabled:hover .tooltip-content{display:block;}

.tooltip-qtn {
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    cursor: default;
    background: url(/reseller/images/tooltip-icons.png) 0 0 no-repeat;
}

/* Domain/Product Pricing */
#tld-prices {
    overflow: visible;
}
#tld-prices .ui-form table tr td {
    text-align: center;
}
#tld-prices .initialPrices {
    width: 550px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
#tld-prices .renewalPrices {
    width: 550px;
    overflow: hidden;
    float: left;
}
#tld-prices .cancelButton {
    background: #ddd;
    color: #333 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 0;
    padding: 6px 12px;
}
#tld-prices .ui-form input[type="text"] {
    width: 50px !important;
}
#reseller-tld-prices .results > tbody > tr, #reseller-tld-prices .results > tbody > tr.odd > td, #reseller-tld-prices .results > tbody > tr.odd tr.odd + tr td {
    background-color: #FFF !important;
}
#reseller-tld-prices .toggle-label {
    float: left;
    line-height: 25px;
    margin-right: 8px;
}
#reseller-tld-prices .results {
    margin: 14px 0 40px;
}
#reseller-tld-prices .results > tbody > tr > td {
    padding: 0;
    border: 0;
}

/************* Braintree ************/

form.ui-form input[type="text"], form.ui-form input[type="password"], form.ui-form div.braintree-hosted-fields {
    font-size:14px;
    padding:8px !important;
    width:240px !important;
    height:16px;
    border:1px solid #ccc;
    border-radius:6px;
    background-color:#ffffff;
    outline:none;
    display:inline-block;
}

form.ui-form iframe {
    margin-top:0px;
    visibility:visible !important;
}

form.ui-form div.braintree-hosted-field-expiry-month {
    width:42px !important;
    display:inline-block;
}
form.ui-form div.braintree-hosted-field-expiry-month + div {
    display:inline-block;
    padding:8px 0px;
}
form.ui-form div.braintree-hosted-field-expiry-month + div em {
    height:16px;
    line-height:16px;
    float:left;
}

form.ui-form .grecaptcha-badge {
    display:none;
}

form.ui-form div.braintree-hosted-field-expiry-year {
    width:56px !important;
    display:inline-block;
}
form.ui-form input::placeholder {
    color:#cccccc;
}
form.ui-form .invalid-field,
form.ui-form div.braintree-hosted-fields-invalid,
form.ui-form div.invalid-field,
form.ui-form input.invalid-field {
    border-color:#ff0000;
}

form.ui-form span.help-block {
    display:inline-block;
    height:32px;
    vertical-align:top;
    padding-left:5px;
}

form.ui-form span.help-block span {
	line-height:32px;
}

form.ui-form input.ui-button:disabled {
    background:#f0f0f0;
}

form.ui-form input.ui-button {
    outline:none;
}

/* recaptcha */
body > div:last-child iframe {
    visibility:visible !important;
}

.bpay-border-box {
    padding: 10px 14px;
    border: 2px solid #203267;
    color: #203267;
    display: inline-block;
    margin: 4px 0 14px 48px;
    position: relative;
}
.bpay-border-box:before {
    content: "";
    background: #203267 url(../images/bpay.png) no-repeat 0 0;
    background-size: contain;
    border: 2px solid #fff;
    width: 38px;
    height: 60px;
    position: absolute;
    left: -50px;
    top: -2px;
}
.bpay-border-box strong {
    font-weight: 800;
}