.standout {
    color: #C46506;
}

h2.standout {
    color: #C46506;
}

.disabled, .disabled .standout {
    color: #dddddd;
}

.disabled input, .disabled textarea {
    background-color: #eeeeee;
}

.enabled { 
    /* regular text colour */
}

/* validation errors on forms */
.validationerror {
    color: red;
}


/* alert message, such as on user home page */
.alert {
    color: red;
}

.required label {
    font-weight: bold;
    color: #C46506;
}


/* message area - for customer alerts */
div.message {
    background: #fdf1d9;
    padding: 8px;
    border: 1px solid #fc9;
    border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 1em;
  } 
div.message h2 {
    color: #000;
    font: 16px/20px Arial, Helvetic, sans-serif;
    font-weight: bold;
    margin-top: 0;
    display: inline; 
}
div.message p {
    margin-bottom: 0;
    margin-top: 1em;
}

div.edit-this-page {
    text-align: right;
    position: relative;
    top: -20px;
    left: -15px;
    color: gray;
}

fieldset legend {
    font-size: 140%;
}

fieldset {
    border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 5pt;
}

/* table of shipments */
table.schedule {
    border-collapse: collapse;
    border-style: none;
}

table.schedule th {
    font-size: 10pt;
}

table.schedule td {
    border-width: 1px;
    border-color: red;
    border-style: dotted;
    background-color: #faf0e6;
    padding: 3pt;
}

.ufndesc {
    font-size: 75%;
    color: rgb(100,100,100);
}

/* steps for shipments */
div.divOuterStepBlock {
    border: solid 1px rgb(137,170,214); 
    width: 100%; 
    padding: 0px;
    margin-bottom: 10pt;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
div.divStepBlockTitle {
    background-color: rgb(137,170,214); 
    font-size: 14pt; 
    padding: 3pt;
    cursor: hand;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

div.divInnerStepBlockVisible {
    padding: 5pt;
    background-color: rgb(213,225,240)
}

div.divInnerStepBlockHidden {
    padding: 5pt;
    display: none;
}

/* extending or modifying multiflex styles */
.helptext {
    color: #444aa;
}
div.contactform p.helptext {
    margin-left: 10px;
    padding-left: 2px;
    margin-right: 10px;
    padding-right: 2px;
}

span.redlinks a,span.redlinks a:visited {
    color: red;
    padding-top: 5pt;
    padding-bottom: 5pt;
}

span.standoutlinks a {
    color: #C46506;
    font-weight: normal;
}

a.traditionallink, a.traditionallink:visited, a.traditionallink:hover {
    color: blue;
    font-weight: normal;
    text-decoration: underline;
}

a, a:visited, a:hover {
    color: #2B87F9;
    text-decoration: underline;
    font-weight: normal;
}

input.flatbutton {
    margin:0px 0 5px 0; 
    padding:1px; 
    padding-right: 7px;
    padding-left: 7px;
    background:rgb(230,230,230); 
    border:solid 1px rgb(150,150,150); 
    text-align:center; 
    font-family:verdana,arial,sans-serif; 
    color:rgb(150,150,150); 
    font-size:110%;
}



.addressform {width:404px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.addressform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.addressform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.addressform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%; clear: both;}
.addressform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.addressform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.addressform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.addressform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.addressform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}




.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid ul {
    list-style: none;
}
.nav3-grid li a, .nav3-grid li a:visited {
    display:block; 
    min-height:2.0em /*Non-IE6*/; 
    height:auto !important; 
    height:2.0em /*IE6*/; 
    line-height:2.0em; 
    padding:0px 10px 0px 20px;
    border-top: solid 1px rgb(200,200,200);
    text-decoration:none; 
    color:rgb(70,122,167); 
    font-weight:bold; 
    font-size:120%;
}
.nav3-grid li li a, .nav3-grid li li a:visited {
    display:block; 
    min-height:1.7em /*Non-IE6*/; 
    height:auto !important; 
    height:1.7em /*IE6*/; 
    line-height:1.7em; 
    padding:0px 10px 0px 40px; 
    border:none; 
    font-weight:normal; 
    text-decoration:none; 
    color: rgb(70,122,167);
    font-size:120%;
}
.nav3-grid li a:hover, .nav3-grid li li a:hover {
    background-color:rgb(225,225,225); 
    color:rgb(42,90,138); 
    text-decoration:none;
}




.amloginform {width:180px; margin:-10px 20px 0 10px;}
.amloginform p {clear:both; margin:0; padding:0;}
.amloginform fieldset {width:180px; border:none;}
.amloginform label.left {float:left; width:87px; margin:5px 0 0 0; padding:0 0 0 0; /*IE6*/; font-size:100%; text-align: right}
.amloginform input.field {float:right; width:90px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.amloginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.amloginform input.button {float:left; width:5.0em; margin:5px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.amloginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.amloginform2 {width:280px; margin:-10px 20px 0 10px;}
.amloginform2 p {clear:both; margin:0; padding:0;}
.amloginform2 fieldset {width:280px; border:none;}
.amloginform2 label.left {float:left; width:87px; margin:5px 0 0 0; padding:0 0 0 0; /*IE6*/; font-size:100%; text-align: right}
.amloginform2 input.field {float:right; width:190px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.amloginform2 input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.amloginform2 input.button {float:left; width:5.0em; margin:5px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.amloginform2 input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Call Now image */
#callnow {
    padding-left: 7px;
    padding-right: 7px;
    border: none;
    position: relative;
    top: 160px;
    left: 701px;
}
#callnowWrap {
	height: 248px;
    overflow: hidden;
}
#subContentShifter {
    margin-top: 88px;
}
.main-content h1.pagetitle { margin-bottom:43px;}
.main-content { width:470px; }
/* SSL Badge -- on the bottom right of the screen */
#sslbadge {
    bottom:0;
    position:fixed;
    right:0;
}
/** ***************************************************
* Admin / Settings Rules
*/
/* Shipping Methods textarea in admin/settings */
#shipMethods {
    width:400px;
}
/* BlackoutDate Editor */
#blackout-editor {
    margin-left:8px;
    margin-right:5px;
    width:388px;
    background-color:#ccc;
    height:190px;
    overflow-y:auto;
    border:1px solid #aaa;
    border-top:none;
}
.blackoutDateRow {
    line-height:14px;
    color:#999;
    background-color:white;
    border-bottom:1px solid #999999;
}
.blackoutDateRow input { border:none; padding-left:5px; background-color:transparent;
    cursor:pointer;
}
.blackoutDateRow.selected input { cursor:text; color:black; background-color:#ffc; }
.blackoutDateRow:hover { background-color:#eee;}
.blackoutYear input { display:inline;}
.ui-date, #blackout-col-0 {
    width:120px;
}
.blackoutDateRow .ui-name, #blackout-col-1 {
    width:236px;
    padding-left:10px;
}
#blackoutYear {
    margin-left:8px;
    margin-right:5px;
    width:278px;
    background-color:#ddd;
    padding-left:110px;
    height:26px;
    border:1px solid #aaa;
    border-bottom:none;
}
#blackoutYear #blackout-prevYear { background-image:url(/images/page-prev.gif);}
#blackoutYear #blackout-nextYear { background-image:url(/images/page-next.gif);}
#blackoutYear button {
    background: transparent none repeat scroll 0 0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    overflow:visible;
    width:20px;
    height:20px;
    color:#999;
    vertical-align:4px;
    margin:0 5px;

}
#blackoutYear button:hover {
    color:black;
    cursor:pointer;
}
.colHeaderDiv {
    background-image:url(/images/toolbarbg.gif);
    margin-left:8px;
    border:1px solid #aaa;
    padding-left:8px;
    margin-right:5px;
    width:380px;
    font-size:14px;
    line-height:18px;
}
.colHeaderDiv .colHeader {
    float:left;
}
#blackout-col-0 {
    border-right:1px solid #aaa;
}
#blackout-col-1 { padding-left:8px;margin-right:8px;}
#blackout-toolbar {
    background-image:url(/images/toolbarbg.gif);
    margin-left:8px;
    border:1px solid #aaa;
    padding-left:8px;
    margin-right:5px;
    width:380px;
    font-size:14px;
    line-height:24px;
}
#blackout-toolbar img { border:0; margin:0; padding:0;
    position:relative;
    left:-2px;
}
#blackout-add, #blackout-del {
    vertical-align:3px;
    cursor:pointer;
}
#blackout-del { margin-left:10px;}
#blackout-toolbar button span { vertical-align:middle;}
.divider {
    background-image:url(/images/divider.gif);
    width:6px;
    height:20px;
    background-repeat:no-repeat;
    background-position:0 3px;
    margin-left:10px;
}
/* Office Hours in admin/settings */
#officeHours_desc .subLabel {
	margin-left:25px;
	margin-right:5px;
}
#officeHours_desc input {
	width:5em;
	margin-right:8px;
}
.ui-timepickr { 
	position:absolute; text-align: left; 
	width:540px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:white;
	border:1px solid #999 !important;
	padding:3px 3px 0 3px !important;
	display:none; /* The timepickr div will be made visible by javascript */
}
.ui-timepickr ol { margin-top:2px; }
.ui-timepickr li {float: left; font-size:.7em; padding:4px 6px 4px 6px; margin-left:2px; cursor: pointer;}
.main-content .ui-timepickr ol.ui-widget { margin:0 !important;}
/* Option Table Styles */
.optionTable { 
	width:405px;
	border:1px solid #aaa;
	background-color:#eee;
	overflow-x:auto;
	overflow-y:hidden;
}
.optionTableRow {
	border-bottom:1px solid #aaa;
	background-color:white;
	cursor:text;
}
.optionTableRow:hover {
	background-color:#eee;
}
.colHeaders .optionTableRow, .colHeaders .optionTableRow:hover {
	background-color:#b8cdf0;
	color:black;
	font-weight:bold;
	cursor:default;
	padding:0 3px;
}
.optionTableField {
	width:100px;
	display:inline-block;
}
.optionTableField input {
	border:0; 
	font-size:14px;
	line-height:22px;
	padding:3px;
	background-color:transparent;
}


/* ***************************************************
   Account Finances Sidebar styles
 */
#current-balance { float:right;
    font-size:18px;
    color:orange;
    position:relative;
    top:-3px;
    margin-right:10px;
}
#sc-account-finances .right {
     text-align:right;
     display:block;
}
#sc-account-finances button {
    padding:0 5px;
}
#sc-account-finances .right .button {
    min-width:140px;
    padding: 0 6px;
    width: 140px;
    overflow: visible;
}
#sc-account-finances .autopay-wrap {
    margin-top:5px; margin-bottom:5px;
}
#sc-account-finances .amount { font-size:85%; }
#sc-account-finances label.error { color:red; display:block; text-indent:-15px; margin-left:20px;}
#sc-account-finances p { margin:0; }
#sc-account-finances ul, #sc-account-finances p,  #sc-account-finances label { margin-left:5px;}
#scAddFunds .success { color:red; }
#sc-account-finances p.center { text-align:center; margin:0;}
#sc-account-finances input.button { margin-left:0; width:150px;}
/* ***************************************************
 * Checkout dialog styles
 */
#checkoutForm #leftCol, #checkoutForm #rightCol {
    float:left;
    width:350px;
    margin-bottom:38px;
}
#billingAddrHeader { font-weight:bold;}
#checkoutForm label {
     float:left;
     width:180px;
     text-align:right;
     margin-right:5px;
}
#checkoutForm p.last { position:absolute; width:370px;}
#jqueryDialog #accountCheckout {
    line-height:28px;
}
/* Darken the overlay behind the dialog */
body > .ui-widget-overlay {
    background:#5C5C5C;
    opacity:0.6;
}
#checkoutForm .amount { font-weight:bold;}
#checkoutForm #first_name, #checkoutForm #last_name { width:100px; }
#checkoutForm #cardNum { width:180px; }
#checkoutForm #state { width:30px;}
#checkoutForm #zip { width:50px;}
#jqueryDialog #checkoutForm label {
    width:140px;
}
#jqueryDialog #accountCheckout label.error {
    color:red;
    height:10px;
    line-height:8px;
    width:280px;
    margin-left:145px;
    text-align:left;
}
#checkoutForm input.error { border:1px solid red; }
#jqueryDialog #expDate {
    width:6em;
}
#jqueryDialog #CVNum {
    width:3em;
}
.formNote {
    color:#999;
    margin-left:5px;
}
body .ui-dialog .ui-dialog-buttonpane button {
    margin-left:20px;
}
/* *****************************************************************************
 * Shopping Cart sidebar styles
 */
#sc-cart .item { margin-left:2px; color:#505050;clear:both;vertical-align:top;}
#sc-cart .item .value { position:relative; float:right; margin-right:3px;}
#sc-cart .note { margin:10px 10px 0 10px; color:#505050;font-size:80%;color:#C46506; }
#cart-contents .item .ui-state-default {
    cursor:pointer;
    float:left;
    margin:2px;
    padding:0; /* Changed this to 0 from 4px 0 to make the icon smaller */
    position:relative;
    top:-1px;
}
#cart-contents .ui-state-default .ui-icon {
    /* Use the close icon (X) from the sunny theme -- matches the orange sidebar better */
    background-image: url(/styles/sunny/images/ui-icons_3d3d3d_256x240.png);
    float:left;
    margin:0; /* changed this to 0 from 0 4px to make the icon smaller */
    height:15px;
    background-position: -96px -129px;
}
/* Other rules from sunny theme to style the 'remove' icon */
#cart-contents .ui-state-default {
    border: 1px solid #d19405;
    background: #fece2f url(/styles/sunny/images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #4c3000;
    outline: none;
}
/* rules for the hover effect on the 'remove'' icon */
#cart-contents .ui-state-hover {
    border: 1px solid #a45b13;
    background: #ffdd57 url(/styles/sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x;
    color: #381f00;
}
#cart-contents .ui-state-hover .ui-icon {
    background-image: url(/styles/sunny/images/ui-icons_bd7b00_256x240.png);
}
#cart-checkout {
    margin-right:8px;
    margin-top:10px;
    text-align:right;
}
#cart-contents .item input { font-size:11px; width:40px; margin-left:0; text-align:right;}
#cart-contents .item label { 
    font-size:11px;
    float:left;
    text-align:right;
    width:110px;
    margin-right:0px;
    height:22px;
    overflow:hidden;
    position:relative;
    top:2px;
}
#sc-cart button, #sc-account-finances button { padding:0 6px; margin-top:8px;}
.cart-remove-item .ui-icon { text-indent:-9999px;}
.cart-spacer {float:left; width:16px; height:15px;margin:3px;}
/* *****************************************************************************
 * General jQuery Dialog styles
 */
#jqueryDialog { font-size:100%; }
#jqueryDialog .ui-dialog-titlebar { font-size:1.4em; }
body .ui-dialog { font-size:1.4em; }
#jqueryDialog .ui-widget { font-size:1em; margin:0; padding:0;}
.messageBox { padding:0 8px 0 35px; text-indent:-35px}
.messageBox .icon-wrapper { position:relative; left: -35px; }
#jqueryDialog .ui-widget p { margin:12px 0;}
.icon-wrapper { float:left; width:16px; height:16px; margin:0 10px; }
/* *****************************************************************************
 * Account Renewal styles
 */
.right { float:right;}
.renew { margin-left:15px;position:relative;top:-2px;}
#sc-account-finances .renew { top:3px; margin-bottom:6px;}
#accountRenewal div { font-size:120%;margin:10px;}
#accountRenewal fieldset { margin-bottom:20px;}
#accountRenewal .amount { width:60px; text-align:right;}
#chosenRate, #subTotal, #totalAmount, #tax, #fee, #feeTax, #additionalFunds, .amount_num { font-weight:bold;float:right;}
#accountRenewal #totalAmount, #accountRenewal #subTotal, #accountRenewal #fee, #accountRenewal #feeTax  { padding-right:12px;}
#accountRenewal .info,.note { color:#555; font-size:12px;}
.note { font-size:100%;}
/* *******************
 * Admin / Edit User page
 */
 #mmpassword { width:80px;}
 .success { color:green;}
/* ********************
 * Admin / autopay page
 */
#topup_amount { width:50px; text-align:right; }
#load_sku { display:inline-block; height:18px; cursor:pointer; }
#load_sku img, #loadingAnimation_sku img { border:0; }
#loadingAnimation_sku {
	position:relative;
	display:inline-block;
	height:18px;
	left:-5px;
}
#recurring_charge_sku { width:80px; }
#recurring_charge_desc { margin-left:50px; width:270px;}
/* *******************
 * Receipt styles
 */
#paymentDate { float:right; margin-right:5px;}
.itemDesc { margin-left:40px; width:700px; font-size:120%;line-height:30px;}
.itemAmount { text-align:right; float:right; width:100px; font-weight:bold; }
#paymentReceipt hr { margin:5px;}
.infoDescription { margin-left:80px; width:400px;font-size:120%;}
.infoVal { font-weight:bold; float:right;width:100px;}
#printLoadedReceipt { position:absolute;left:200px;top:50px; width:100px; height:20px;}

/* **************
 * Shipment History styles
 */
#shipment-history .colheaders { background-color:#eee; font-weight:bold;}
#shipment-history .column {
	display:inline-block;
	vertical-align:top;
	/*white-space:nowrap; */
	overflow:hidden;
}
#shipment-history .column.selected { color:red; background-color:#CCCCCC;}
.shipment-row { margin:5px 0; }
.shipment-date { width:80px; }
.shipment-address { width:180px; }
.shipment-class { width:100px; }
.shipment-tracking { width:60px; }
#shipment-params { 
	background-color:#EEEEEE;
	margin-bottom:10px;
	text-align:center;
}
#shipment-sort-wrap { margin-right:20px; }
#pagingButtons {
	text-align:center;
	border-top:1px solid #999999;
	margin-top:25px;
	padding-top:15px;
}
#pagingButtons button { 
	width:37px; 
	height:25px; 
	vertical-align:middle;
	cursor:pointer;
}
#pagingButtons button:hover {
	/*background-color:#ccc;*/
}
#pagingButtons .text { vertical-align:middle; }
#pagingButtons img { border:0; margin:0; float:none;}
#shipment-firstPage, #shipment-prevPage { float:left; }
#shipment-lastPage, #shipment-nextPage { float:right; }
#shipment-prevPage { margin-left:-1px; }
#shipment-lastPage { margin-left:-1px; }

/* Automatic payment page styles */
#sc-account-autopay p {
	margin-left:18px;
}
#card_details_button, #loadingAnimation img {
    float:none; clear:none; border:0; padding:0; margin:0;
    position:relative;
}
#loadingAnimation img {
	top:6px;
    left:10px;
    cursor:pointer;
}
#addCard, #editCard { 
	line-height:13px; 
	vertical-align:middle;
	cursor:pointer;
	margin-left:15px;
	margin-top:4px;
	padding-left:5px;
	padding-right:5px;
}
#addCard { width:100px; }
#addCard span, #editCard span { vertical-align:middle; padding-top:2px;}
#addCard img, #editCard img { border:0; margin:0 3px 0 0; vertical-align:middle; }
#loadingAnimation {
    cursor:wait;
    visibility:hidden;
}
#jqueryDialog #expiration {
    width:5em;
}
#jqueryDialog .autopay-wrap label { font-weight:bold; margin-right:10px; }
.autopay-wrap .instructions, .autopay-wrap legend {
    color:#F88007; font-weight:bold;
}
.autopay-wrap .warning {
    color:red;
    font-weight:bold;
    margin:12px 0;
    text-align:center;
}
.autopay_link_wrap { margin-top: 0px; margin-bottom:15px; }

#auto_topup_details .warning { display:none; }
.topup_amount {
    display:inline-block;
    text-align:right;
    width:50px;
}
.topup_amount_desc {
    display:inline-block;
    width:320px;
}
.topup_amount_total { font-weight:bold; }
.autopay-wrap label { font-weight:bold; }
.dollar_sign { vertical-align:top; }
#last_autopay_colheaders {
	color:#F88007;
}
#last_transaction span {  display:inline-block; vertical-align:top; }
.last_autopay_date { width:210px; }
.last_autopay_amount { width:70px; }
.last_autopay_status { width:110px; }
#autopay_card_delete_wrap {
	position:absolute;
	left:10px;
	top:260px;
}
.autopay-wrap .response {
	color:green;
	position:relative;
	top:-20px;
}
#autopay_card { margin-left:50px; margin-top:8px; margin-bottom:8px; }
.info-message {
	display:block;
	position:relative;
	text-align:center;
	top:7px;
}
#close-info-message {
	float:right;
	left:-3px;
	position:relative;
	top:-15px;
}
#sc-account-autopay h3 {
	margin-left:5px;
}
#sc-account-autopay h3, #sc-account-autopay p {
	color:black;
}
.small { font-size:11px; }
#jqueryDialog-loading {
	position:absolute;
	right:89px;
	top:288px;
}
#jqueryDialog td { vertical-align:top; }
.renewal_amount, .topup_amount {
	display:inline-block;
	text-align:right;
	width:52px;
}
#loadingAnimation2 {
	float:right; 
	left:4px;
	position:relative;
	top:12px;
}
#renew_dialog_autorenew {
	color:red;
}
.checkout_auto_topup {
	line-height:12px;
	font-size:12px;
	clear:both;
	text-align:center;
}
#pickRecentAddressesWrap {
	text-align:center;
}
#pickRecentAddressesButton {
	cursor:pointer;
}
#pickRecentAddressesButton span {
	vertical-align:middle;
	margin-left:5px;
}
#pickRecentAddressesButton img {
	float:right;
	border:none;
	margin:0;
}
.loadingAnimation {
	background-image:url(/images/loading.gif);
	display:inline-block;
	width:16px;
	height:16px;
	position:relative;
	top:2px;
}
.addressRow .loadingAnimation {
	float:right;
	top:-5px;
	left:-2px;
}
.addressRow {
	cursor:pointer;
	padding:8pt;
	background-color:white;
	display:inline-block;
	width:210px;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:top;
}
.addressRow:hover {
	background-color:rgb(248,224,150);
}
.addressRow.selected {
	background-color:#ffff77;
}
.addressRow .line {
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	width:505px;
}
#divRecentAddresses {
	background-color: white; border: solid 1px #C46506;
    color: black; cursor: hand; position: absolute;
    display: none;
}
.delete-address img {
	position:relative;
	top:0px;
	margin-right:5px;
	vertical-align:middle;
}
.delete-address {
	position:relative;
	/*top:-32px;
	float:right;*/
	padding-left:2px;
	padding-right:10px;
	cursor:pointer;
	display:block;
}
.fb_iframe_widget {
	margin-top:5px;
}
.fb-like-wrap {
	display:inline;
	position:relative;
	top:-30px;
	border:1px solid #CAD4E7;
	-moz-border-radius:3px 3px 3px 3px;
	padding:13px 10px 6px;
}
