.ss-gradient-background-x {
	background-image: url("../images/sprites/gradients/clp_background_gradients_x.png");
	background-repeat: repeat-x;
}

.ss-gradient-background-y {
	background-image: url("../images/sprites/gradients/clp_background_gradients_y.png");
	background-repeat: repeat-y;
}

.ss-common-ui {
	background-image: url("../images/sprites/ui/clp_common_ui.png?version=001");
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a.link {
	color: #2B73DD;
    font-size: 11px;
    font-weight: normal;	
}

a.link:hover {
	text-decoration: underline;
}

a:focus {
	outline:none
}

body, input {
	font-family: Verdana, Arial, sans-serif;	
}

#intuitCorp {
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;	
}

.layer {
	position: absolute;
	top: 0;
	left: 0;
}

div.background {
	background-position: 0 0;
	height: 420px;
	width: 100%; 
	z-index: -1;
}

#signInBox, #footer {
	margin: 0 auto;
	width: 865px;
}

#signInBox {
	margin-top: 63px;
	position: relative;
	height: 552px;
}

#leftPanel div.background-layer div {
	width: 210px;
}

#leftPanel div.top {
	background-position: 0 0;
}

#leftPanel div.middle {
	background-position: 6px 0;
}

#leftPanel div.bottom {
	background-position: 0 -240px;
}

#rightPanel div {
	width: 25px;
}

#rightPanel div.top {
	background-position: -220px 0;
}

#rightPanel div.middle {
	background-position: -220px 0;
}

#rightPanel div.bottom {
	background-position: -220px -240px;
}

#rightPanel.null div.top {
	background-position: -250px 0;
}

#rightPanel.null div.middle {
	background-position: -450px 0;
}

#rightPanel.null div.bottom {
	background-position: -250px -240px;
}

div.top {
	height: 231px;
}

/* 
	This controls how high is the signInBox. 
	Add 45px to each additional menu item.
*/
div.middle {
	height: 91px;
}

div.bottom {
	height: 230px;
}

#mainPanel {
	background-color: white;
	border-bottom: 1px solid #e6e9ed;
	height: 551px;
	width: 630px;
}

#intuitLogo {
	background-position: -320px -120px;
	display: block;
	height: 42px;
	margin: 16px 0 17px 37px;
	position: relative;
	width: 108px;
	z-index: 1;
}

#menuPanel {
	position: relative;
}

#menuLinkLayer li {
	cursor: pointer;
}

#menuLinkLayer li div {
	color: #3689e4;
	font-weight: bold;
	font-size: 11px;
	line-height: 19px;
	padding: 12px 0 0 22px;
}

#menuLinkLayer li a {
	display: block;
	height: 100%;
}

#menuLinkLayer li a:hover {
	text-decoration: none;
}

#menuLinkLayer li div.selected {
	color: #505050;
}

ul#menuBackgroundLayer, ul#menuLinkLayer {
	margin-left: 15px;
}

#menuBackgroundLayer li, #menuLinkLayer li {
	height: 45px;
	margin: 0;
	width: 194px;
}

#menuBackgroundLayer li {
	background-position: 0 -530px;
}
	
#menuBackgroundLayer li.hover {
	background-position: -200px -530px;
}

#menuBackgroundLayer li.first, #menuBackgroundLayer li.last, 
#menuLinkLayer li.first, #menuLinkLayer li.last  {
	height: 46px;
}

#menuBackgroundLayer li.first {
	background-position: 0 -480px;
}

#menuBackgroundLayer li.first.hover {
	background-position: -200px -480px;
}

#menuBackgroundLayer li.last {
	background-position: 0 -580px;
}

#menuBackgroundLayer li.last.hover {
	background-position: -200px -580px;
}

#selector {
	background-position: -400px -480px;
	display: none;
	height: 115px;
	left: 15px;
	position: absolute;
	top: 52px;
	width: 195px;
}

#menuBottomCap {
	background-position: 0 -630px;
	height: 69px;
	margin-left: 15px;
	width: 194px;
}

#mainPanel > div {
	display: none;
}

#mainPanel > div.show {
	display: block;
}

#null {
	position: relative;
}

#null div.background-layer div.top, noscript.null div.background-layer div.top{
	background-position: 0 -430px;
	height: 231px;
	width: 100%;
}

#null div.background-layer div.bottom, noscript.null div.background-layer div.bottom {
	background-position: 0 -670px;
	height: 230px;
	width: 100%;
}

#welcome {
	background-position: -280px -330px;
	height: 58px;
	margin: 181px 0 0 255px;
	width: 308px;
}

#sorry {
	background-position: -400px -600px;
	height: 71px;
	margin: 181px 0 0 350px;
	width: 176px;
}

#instructions {
	margin: 18px 0 0 88px;
}

#instructions div {
	float: left;
}

#instructions div.text {
	color: #888;
	font-family: "Trebuchet MS";
	font-size: 22px;
	line-height: normal;
	margin-left: 14px;
}

#instructions div.left-arrow {
	background-position: -400px -260px;
	height: 24px;
	margin-top: 2px;
	width: 27px;
}

.left-sub-content {
	float: left;
	width: 380px;
}

.right-sub-content {
	float: left;
}

#mainPanel div.main-content h1 {
	color: #505050;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 21px;
	margin: 55px 0 0 45px;
}

div.forms {
	height: 263px;
}

div.form-rows {
	width: 360px;
}

div.forms div.form-rows > div {
	float: left;
}

div.label{
	color: #505050;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 6px 0 0;
	text-align: right;
	width: 121px;
}

div.username {
	text-align: left;	
}

div.input-box input, .text-box {
	font-size: 12px;
	padding: 6px 3px 7px;
	width: 219px;
}

div.input-box input {
	color: #505050;	
}

div.input-box span {
	font-size: 11px;
}

div.password-row {
	margin-top: 24px;	
}

div.help, div.example {
	margin: 1px 0 0 126px;
}

div.example {
	color: #a9a9a9;
	font-size: 11px;
}

div.forms input.sign-in {
	background-position: -320px 0;
	display: block;
	height: 29px;
	margin: 24px 0 0 125px;
	width: 96px;
}

#qboContent div.forms input.sign-in, #pmtContent div.forms input.sign-in, #ippContent div.forms input.sign-in {
	margin-top: 19px;	
}

#billPromo {
	background-position: -440px 0;
	height: 163px;
	margin: 58px 0 0 22px;
	padding: 42px 0 0 12px;
	width: 182px; /* Original width: 194px */
}

#billPromo h2 {
	font-family: "Trebuchet MS";
	margin-bottom: 8px;
}

#billPromo div {
	color: #666;
	margin-bottom: 5px;
}

#billPromo a.learn-more {
	margin-left: 78px;
}

a.external-link {
	padding-right: 17px;
	position: relative;
	z-index: 1;
}

.external-link-image {
	background-position: -300px -630px;
	display: inline;
	height: 9px;
	margin-left: -15px;
	width: 12px;
}

div.forms input.sign-in:hover {
	background-position: -320px -30px;
}

div.error-row {
	min-height: 25px;
	margin-bottom: 3px;
}

div.error-image {
	background-position: -200px -630px;
	float: left;
	height: 16px;
	margin: 2px 5px 0 0;
	width: 16px;
}	

div.error-message {
	color: #dc3c1e;
	display: none;
	font-size: 12px;
	margin-left: 125px;
	padding-top: 7px;
	text-align: middle;
}

div.sign-up {
	margin-left: 45px;
}

div.remember-me {
	margin: 14px 0 0 125px;
}

input.remember-me {
	background-position: -220px -630px;
	display: block;
	float: left;
	height: 14px;
	margin: 3px 8px 0 0;
	width: 14px;
}

div.remember-me label {
	display: block;
	float: left;
	color: #505050;
	font-size: 10px;
}

div.dots {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 11px;
	width: 327px;
}

/* Try and group these font types together */
div.accounts {
	color: #505050;
	font-weight: bold;
	font-size: 11px;
}

#intuitCorp a.link {
	color: #2b73dd;
	font-size: 11px;
	font-weight: normal;
}

div.need-help {
	margin-top: 9px;
}

div.need-help div, div.need-help a {
	float: left;
}

div.need-help li a {
	float: none;
}

div.question {
	background-position: -220px -630px;
	height: 14px;
	width: 14px;
}

div.need-help a {
	display: block;
	margin-left: 7px;
}

div.answers {
	display: none;
	float: left;
	width: 100%;
}

#intuitCorp div.answers ul {
	margin-top: 4px;
	list-style: disc;	
}	

#intuitCorp div.answers li {
	color: #505050;
	font-size: 10px;
	margin-left: 33px;
}

#intuitCorp div.answers a {
	font-size: 10px;
	color: #2b73dd;
	line-height: 18px;
	margin-left: -5px;
}

#emailContent div.accounts span {
	line-height: 18px;
}

div.accounts span {
	font-weight: normal;
}

#pyrContent div.container, #pyrContent div.container-footer {
	margin-left: 42px;
	width: 557px;
}

#pyrContent div.container {
	margin-top: 20px;
}

#pyrContent div.container-footer {
	margin-top: 4px;
}

#pyrContent div.left-border, #pyrContent div.right-border, #pyrContent div.left-panel, #pyrContent div.divider, #pyrContent div.right-panel {
	height: 325px;
}

#pyrContent div.left-border, #pyrContent div.right-border {
	width: 14px;
}

#pyrContent div.left-border {
	background-position: -280px 0;
}

#pyrContent div.right-border {
	background-position: -300px 0; 
}

#pyrContent div.left-panel, #pyrContent div.right-panel {
	background-position: 0 -1240px;
}

#pyrContent div.left-panel {
	width: 231px;
}

#pyrContent div.right-panel {
	width: 297px;	
}

#pyrContent div.divider {
	background-position: 0 -910px;	
	width: 1px;
}

#pyrContent h2 {
	color: #505050;
	font-size: 17px;
	font-weight: normal;
	margin: 21px 0 17px 19px;	
}

#pyrContent div.payroll-logo {
	background-position: -320px -210px;
	height: 93px;
	margin: 0 0 2px 17px;
	width: 79px;
}

#pyrContent div.information {
	color: #505050;
	font-size: 11px;
	line-height: 13px;
}

#pyrContent div.left-panel div.information {
	margin-left: 19px;
}

#pyrContent a.sign-in-link {
	background-position: -320px -61px;
	display: block;
	height: 24px;
	margin: 10px 0 19px 18px;
	width: 77px;
}

#pyrContent a.sign-in-link:hover {
	background-position: -320px -90px;
}

#pyrContent div.right-panel h2 {
	margin-left: 34px;	
}

#pyrContent div.complete-payroll-logo {
	background-position: -400px -210px;
	height: 46px;
	margin: 0 0 22px 34px;
	width: 121px;
}

#pyrContent div.right-panel div.information {
	margin: 0 0 5px 34px;
}

#pyrContent div.right-panel input.text-box {
	margin-left: 32px;
	height: 14px;
}

#pyrContent div.right-panel a.sign-in-link {
	margin: 8px 0 0 34px;
}

#pyrContent div.full-service-payroll {
	margin-top: 17px;
}

#pyrContent div.full-service-payroll div.border {
	border-top: 1px solid #dcdcdc;
	width: 234px;
	margin-left: 33px;
	font-size: 0;
	line-height: 0;
}

#pyrContent div.full-service-payroll h2 {
	margin-top: 16px;
	margin-bottom: 9px;
}

div.container-footer div.accounts {
	margin-right: 10px;	
}

#footer {
	margin-top: 22px;
}

#footer div, #footer div a {
	color: #909090;
	font-size: 10px;
	line-height: 22px;
}

#footer div a:hover {
	text-decoration: underline;
}

#footer span {
	color: #606060;
}

#footer div.footer-links {
	display: inline;
	margin-left: 24px;
}

#footer div.copyright {
	font-size: 9px;
	margin-right: 24px;
}