/*  from line 59 of jquery-ui.css 
Controls the background for the entire tabs widget - set all values to none */

.ui-widget-content {
	/*
    background: url("images/ui-bg_highlight-hard_100_f5f3e5_1x100.png") repeat-x scroll 50% top #F5F3E5;
    border: 1px solid #DFD9C3;
    color: #312E25;
    */
    background: none;
    border: none;
}


/* from line 61 of jquery-ui.css */
.ui-widget-header {
	border: none;
	background: none;
	color: #000;
	font-weight: normal;
}


/*  */

/* links/text */
.ui-state-active a, 
.ui-state-active a:link,
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited, 
.ui-state-hover a,
.ui-state-hover a:hover, 
.ui-state-active a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

/* active tab background
.ui-tabs-active
.ui-state-default,
.ui-state-focus,
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
	border: 1px solid #cccccc;
	background: #fff;
	font-weight: normal;
	color: #000;
	border-bottom-color: #FFF;
} */

/* active tab background */
.ui-tabs-active 
.ui-state-active {
	background: #fff;
	border-bottom-color: #FFF;
}


/* ALL */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	border: 1px solid #cccccc;
	background: #f3f3f3;
	font-weight: normal;
	color: #000;
}



/* from line 280 in jquery-ui.css
override rounded top corners */
.ui-corner-top {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

/* from line 479 in jquery-ui.css
   override padding */
.ui-tabs {
    padding: 0;
    position: relative;
}

/* from line 480 in jquery-ui.css */
.ui-tabs .ui-tabs-nav {
	margin-left: 20px; /* override left margin */
	padding: 0;
}

.ui-tabs .ui-tabs-nav li {
	height: 55px; /* height of each tab */
	margin: 0 15px 0 0; /* margin between tabs */
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0 20px 0 20px; /* padding between text and tab sides */
	line-height: 53px; /* vertically centering text */
}
   
/* from line 486 in jquery-ui.css and line 6 in jquery-ui-tab.1.10.4.min.css
remove the padding to shift the main div up and left on the payment page */
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    display: block;
    padding: 0;
}


.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background: #fff;
	border-bottom-color: #FFF;
}