/*******************************************************/
/* 
Author: Darrel Austin (based on standards by Mark Leppke)
Description: Style sheet for START microsite.
Version: 1
*/
/*******************************************************/

/* =Global Resets 
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent; commented out to deal with IE Png Fix */ 
}
ol, ul { list-style: none; }


/* =Global Typography
**************************************************/
a:link { color: #0c2074; }
a:visited { color:#878787; }
a:hover { color: #de162b; }
a:active { color: #2b85bb; text-decoration:none; }

p, li { 
	font-size: 12px; 
	margin-bottom: 1em; 
	line-height: 1.4; }

li {
	margin-bottom: .5em;
	}

ul { list-style: disc; padding-left:25px; margin-bottom:.8em; }


blockquote { margin: 0 35px 1em 15px; color:#000; }
acronym, abbr { cursor:help; }

strong { font-weight: bold;  }
em { font-style:italic;	}

.fig { float:left; margin: 0 10px 0px 0; }
.ceo { margin: .15em 0px 0px 0px; padding: 0px; }
.byline { margin: -1em 0px 1em 15px; text-align:right; }
.inset { background-color:#fff; padding:1em; }

.nowrap { white-space:nowrap; }
.alert { text-align:center; padding-bottom:.7em; }
	
h4 {font-size: 14px;}
h5 {font-size: 12px;}
		
/* =Tables
**************************************************/
table {width:100%;}
table td, table th {font-size:.8em; padding: .15em 6px .15em 0px;}	
table th {text-align:left;}
		
/* =Forms
**************************************************/
select {
	margin-bottom:.6em;
	width:180px;
	display:block;
	font-size: .8em;
	color:#364a9a;
	font-size: .8em;
	width: 183px;
	}
legend {
	font-weight:bold;
	font-size:.9em;
	color: #006;
	font-style: italic;
	padding-bottom: .6em;
	display:inline;
	}
	#IE6 legend { margin-left:-3px; }
input {
	color:#364a9a;
	font-size: .8em;
	padding:2px;
	}
div.locateBranch {
	margin-bottom: 1em;
	}
div.locateBranch .imageButton, div.locateBranch .textField
	{
	vertical-align:middle;
	}

div.locateBranch label {
	color: #999;
	font-weight: bold;
	font-size: 12px;
	}

hr.hide {
	display: none;}


/* Add fix for PNG images in IE6 */
#IE6 div, #IE6 a, #IE6 .slide img { behavior: url(/js/global/jquery/iepngfix_v2/iepngfix.htc) }
/* #IE6 div, #IE6 a, #IE6 .slide img { behavior: url(js/iepngfix_v2/iepngfix.htc) } */


/* Jquery Tabs
----------------------------------*/
.ui-tabs {padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	height: 45px; 
	background: url("images/tabs-sprite.gif") no-repeat top left;
	overflow: hidden;
	padding-left: 0;
	margin: 0;
	}	
	
.ui-tabs .ui-tabs-nav li { 
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0; 
	padding: 0;
	width: 130px;
	height: 100px;
	}
	
.ui-tabs .ui-tabs-nav li a { 
	display: block;
	text-decoration: none; 
	font-size: 14px;
	line-height: 16px;
	color: #0d2275;
	margin-top: 20px;
	padding: 5px 5px 0px 20px;
	background: url('images/tab-bullet.gif') 12px 6px no-repeat;
	 }
.ui-tabs .ui-tabs-nav li a:hover { 	 
	 background-position: 12px -94px;
	 color: #900;
	 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

/* this is the pretty way: */

.ui-tabs .ui-tabs-nav li.tab1.ui-tabs-selected {
	background: url(images/tabs-sprite.gif) -0px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.tab2.ui-tabs-selected {
	background: url(images/tabs-sprite.gif) -130px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.tab3.ui-tabs-selected {
	background: url(images/tabs-sprite.gif) -260px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.tab4.ui-tabs-selected {
	background: url(images/tabs-sprite.gif) -390px -45px no-repeat;
	}			

/* accomodating IE6. Following classes are added via jquery */
.ui-tabs .ui-tabs-nav li.IE6-tab1-selected {
	background: url(images/tabs-sprite.gif) -0px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.IE6-tab2-selected {
	background: url(images/tabs-sprite.gif) -130px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.IE6-tab3-selected {
	background: url(images/tabs-sprite.gif) -260px -45px no-repeat;
	}
.ui-tabs .ui-tabs-nav li.IE6-tab4-selected {
	background: url(images/tabs-sprite.gif) -390px -45px no-repeat;
	}			



.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	position: absolute;
	left: -3000px;
	top: 0px;
	}	
	
/*
original jquery plugin implementation: I don't like this as display: none is less acessible
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }

so we'll instead position the content off-screen:
*/
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; position: relative; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { position: absolute; left: -3000px; width: 300px; }


	    
#tabs {
		padding: 0px 15px 15px 15px;
	}
	
	
.tabPanel {
	background: #fff !important;
	border: 1px solid #2b85bb !important;
	border-top: none !important;
	}	
		



/* =Global Page Structure + Specific Type Styles
**************************************************/

.modalWindow {
	width: 30%;
	position: absolute;
	left: -3000px;
	top: 0px;
	}
	
/* background color has been removed from fancybox.css file	*/
div#fancy_div {
	background: #2570ad url(http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_body.gif) repeat-x;
}	

.modalWindowOuterWrapper {
	padding: 3%;
	height: 90%;
	}

.modalWindowInnerWrapper {
	color: #333;
	background: #fff;
	overflow: auto;
	margin: 0%;
	height: 94%;
	padding: 3%;
	}

#IE6 div#fancy_close {
	/* background: url('/js/global/jquery/fancybox-IE6-close-icon.gif') top left no-repeat !important; */
	background: url('js/fancybox-IE6-close-icon.gif') top left no-repeat !important;
}

.modalWindowInnerWrapper h3 {
	color: #999;
	}

body {
	background: #2570ad url('http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_body.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

body { min-height: 100%; margin-bottom: 1px; }	

#pageWrapper { 
	background: url('http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_wrapper.gif') center top no-repeat;
	height:800px;
	}
#contentWrapper {	
	width:930px;
	margin: 0px auto 0px auto;
	padding-top: 100px;
	position: relative;
	}
#contentWrapperInnerWrapper {	
	background: #fff; 
	overflow: auto;
	width: 100%;
	}
#contentColumn {	
	width: 620px;
	float: left;
	}
#contentColumnInnerWrapper {	
	margin: 15px;
	background: #82341d	 url(images/bgnd-content.jpg) no-repeat;
	}
	
#leadIn {

	}	

#leadIn h2 {	
	color: #d7323a;
	padding-bottom: .5em;
	}
	
#leadIn p {
	font-weight: bold;
	font-size: 14px;
	}		
	
.branchHdng {
	font-weight: bold;
	font-size: 14px;
	}		
	
h1 {
	color: #fff;
	padding: 10px 10px;
	font-size: 35px;
	font-style: italic;
	height: 260px;
	} 	
h1 #contentTitle {
	padding: 15px;
	color:#0d2377;
	}	
h1 #contentTitle span {
	font-size: 80px;
	letter-spacing: -.075em;
	}
#IE6 h1 #contentTitle span {
	letter-spacing: -.1em;
	}	
h1 #usBankLogo, .logoAndTagline #usBankLogo {
	position: absolute;
	top: 30px;
	left: 15px;
	}
h1 #usBankLogo a, .logoAndTagline #usBankLogo a  {
	display: block;
	width: 172px;
	height: 43px;
	background: url("images/US-Bank.gif") no-repeat;}
h1 #usBankLogo a span, .logoAndTagline #usBankLogo a span {
	position: absolute;
	left: -3000px;}
h1 #STARTtagline, .logoAndTagline #STARTtagline {
	position: absolute;
	top: 0px;
	color: #2b85bb;
	font-size: 26px;
	font-style: italic;	
	text-align: rignt;
	margin-right: 15px;
	padding-left: 80px;
	padding-top: 34px;
	right: 0px;
	font-weight: normal;
	height: 80px;
	background: url("images/bkgnd_pig.png") 0px 0px no-repeat;
}

.boldRed {
	color: #f00;
	font-size: 1.3em;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.centerText {
	text-align:center;
}
	
/* Sidebar ----------------------------- */	
	
#sideBarColumn {
	padding-top: 15px;
	width: 306px;
	float: right;
	}
#sideBarColumn .section {
	width: 288px;
	background: url("images/bgnd-sidebar-section.gif") no-repeat;
	margin-bottom: 10px;
	}	
	
#sideBarColumn .section .sectionInnerWrapper {
	padding: 15px;
	position: relative;
	}

#sideBarColumn .section .calculator {
	padding-left: 80px;
	background: url('images/calculator2.gif') no-repeat 10px 10px;
	}
	
#sideBarColumn .section #savingsExampleTable {
	height: 85px;
	background: url("images/savings-example.gif") no-repeat;
	width: 259px;
	}

#sideBarColumn .section #savingsExampleTable table {
	width: 300px;
	position: absolute;
	left: -3000px;
	}

#sideBarColumn .section .savingsTip {
	padding-left: 80px;
	background: url('images/piggy2.gif') no-repeat 10px 10px;
	}
	
#sideBarColumn h3 {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 10px;
	}	
	
#sideBarColumn .phone {
	font-weight: bold;
	color: #2b85bb}
	
#sideBarColumn .phone span {
	display: block;
	}	
#sideBarColumn .callToAction {
	background: none;
	}
#sideBarColumn .callToAction h3	{
	}
	
	
#sideBarColumn #locatorGoButton {
	cursor: pointer;
	}


/* -- sliding toggled content -- */

ul.slidePanels {
	list-style: none;
	padding-left: 0px;}

ul.slidePanels li {
	margin-left: 0px;
	}

.slidePanel {
	padding: 1em;
	background: #e7f1f7;
	}

.slidePanelToggle {
	cursor: pointer;
	}

#IE6 .slidePanelToggle {
	width: 100%; /* required to make arrow clickable in IE6 */
	}	

.slidePanelToggle .innerWrapper {
	padding-left: 20px;
	}
	
div.slidePanel	{
	margin-left: 20px;
	}
	
.slidePanelToggle span.toggleLinkStyle {
	text-decoration: underline;
	color: #0c2074;
	}
.slidePanelToggle span.toggleLinkStyle:hover {
	color: #de162b;
	}	

	
.slidePanelToggleClosed	{
	background: url('images/bullet-togglepane.gif') no-repeat top left; 
	}

.slidePanelToggleOpen {
	background: url('images/bullet-togglepane.gif') no-repeat 0px -100px; 
}


/* -- carousel -- */


.carousel {
	background: url(images/bgnd_carousel.gif) repeat-y -5px 0px;
	}

.carousel .slide {
	height: 200px;
	padding: 10px 20px;
	width: 215px;
	}

.carousel .slide .photoCaption {
	padding: 10px;
	}	

.carousel .slide .photoCaption strong {
	color: #d7323a;
	}	

a.prev , a.next  {
	width: 50px;
	height: 180px;
	display: block;
	position: absolute;
	top: 60px;
	z-index: 10;
}

a.prev  {
	background: url(images/btn_back2.png) no-repeat 0px -60px;
	left: 0px;
	}
#IE6 a.prev {left: -16px;}	

a.next  {
	background: url("images/btn_forward2.png") no-repeat 0px -60px;
	right: 0px;
	}	


a.prev span, a.next span {
	position: absolute;
	left: -3000px;
}

a.prev:hover, a.next:hover, a.prev.fixingIEhover {
	background-position: -1px  -352px;
	cursor: pointer;
}

a.prev:active, a.next:active {
	background-position: -0px  -351px;
	cursor: pointer;
}



/* locator listing -------------- */

ul#locationsList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-style: 12px;
	overflow: auto;
	}
ul#locationsList li {
	display: block;
	float: left;
	width: 250px;
	padding: 10px;
	height: 150px;
	border-left: 1px solid #eee;
	margin-bottom: 20px;
	}	
	
ul#locationsList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
ul#locationsList ul li {
	display: block;
	float: none;
	width: auto;
	padding: 0px;
	height: auto;
	border: none;
	margin: 5px 0px;
	}		

/* =Footer
**************************************************/
#footerWrapper {
	width: 930px;
	margin: 10px auto;
	position: relative;
}
#footer {
	padding-bottom:2em;
	margin-left:5px;
	width:489px;
	}
	#footer a:link {color:#a9c1da;}
	#footer a:visited {color:#a9c1da;}
	#footer a:hover {color:#fff; text-decoration:none;}
	#footer a:active {color:#a9c1da;}
#footer ul {margin-top:.7em; list-style: none;}
#footer li {
	color: #a9c1da;
	padding-right: .7em;
	font-size:.7em;
	line-height:1.2;
	display:inline;
	}
 .box {
	border: 1px solid #6992be;
	padding:.35em;
	margin-bottom:.7em;
	}
	#legal li {display:block;}
#footer #usBankBrandLine {
	position: absolute;
	top: 0px;
	right: 0px;
	}
/*
Footnotes and Disclaimers ******************************/
sup {
	font-size:.8em;
	vertical-align:super;
	color:inherit;
	line-height:0; /*fixes redering issue with superscript*/
	}

/* Disclaimer List*/
.disclaimer { border-top:1px solid #a1a1a1;	
	font-size: 12px;}
	
.disclaimer h4 {
	color:#666;
	margin: 1em 0;
	}	
.disclaimer ol, .disclaimer ul  {
	margin-left:8px;
	padding-left:20px;
	font-size:80%;
	line-height:120%;
	color:#666;
	margin-top:1.3em;
	}
	.disclaimer li {
	padding: 1px 5px;
	margin: 0 -5px;
	list-style-type:decimal;
	list-style-position:outside;
	background:none;
	line-height:1.5;
	font-size: inherit;
	}
	.disclaimer a {color:#666; font-weight: normal; }
	.disclaimer li p {color:#666; font-size: 1em; padding-bottom:.5em; line-height:1.5; margin:0px;}
	.disclaimer p {color:#666; font-size: 80%; margin-top:.5em;
	margin-left:5px;}
	
	
/* locator pop-up */

.childLocator-hidden {
	display: none;
	}
	
.childLocator-visible {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 1400px;
	background: url('http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_wrapper.gif') no-repeat top center;
	}	
.childLocator-visible .childLocatorOuterWrapper
	{	
		width: 930px;
		margin: 0px auto;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}
		
.childLocator-visible .logoAndTagline {
	position: relative;
 	padding: 15px;
	}		
		
.childLocator-visible .modalTitleBar {
	background: #e7f1f7;
	padding: 15px;
	margin: 0px 0px 10px 0px;
	width: 860px;
	overflow: auto;
	}
.childLocator-visible .modalTitleBar h3 {
	float: left;
	width: 50%;
	color: #666;
	}		
.childLocator-visible .modalTitleBar a, .childLocator-visible .modalTitleBar a:visited {
	text-align: right;
	float: right;
	display: block;
	width: 40%;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #d7323a;
} 
.childLocator-visible .modalTitleBar a:hover {
	text-decoration: underline;
	}	
.childLocator-visible .childLocatorInnerWrapper	{
	margin-top: 100px;
	display: relative;
	padding: 20px;
	background: #fff;
	}	
	

.childLocator-visible .childLocatorInnerWrapper .resultsWrapper {
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0px;
	width: 100%;
	border: 1px solid #ccc;
	}
	

/* accordian ========================== */

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

.ui-accordion .ui-accordion-content {
	padding: 1em 0em 1em 2.2em !important;
	}
	
#IE6 ul#accordion li * {zoom: 1;}
ul#accordion li {
	width: 100%;
	display: block;
	padding: 0px; 
	overflow: auto;
	
	}
	
ul#accordion ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}	
	

ul#accordion li li {
	padding: 1em 0;
	margin: 0px;
	position: relative;
	border-bottom: 1px solid #e6f1f5;
	overflow: hidden;
	}
	
ul#accordion * {
	font-size: 11px;
	}	
	
ul#accordion * input, #base_perField2,  #base_perField2 option {
	font-size: 12px;
	}
	
ul#accordion li li.last {
	border-bottom: none;
	}	
	
div.ui-accordion-content {
	padding: 0px;
	}		

h4.ui-accordion-header {
	background: url('images/bgnd-accordion-header.jpg') 60px 0px no-repeat;
	display: block;
	text-decoration: none;
	font-size: 14px;
	width: 100%;
	overflow: auto;
	}
	
h4.ui-accordion-header:hover {
	text-decoration: underline;

	}	
	
ul#accordion h5	 {
	display: block;
	}
	
span.ui-icon {
	width: 20px;
	height: 20px;
	background: url('images/bullet-togglepane.gif') no-repeat;
	}	



span.ui-icon-triangle-1-s {
	background-position: 0px -100px;
	}	
	
span.ui-icon-triangle-1-e {
	background-position: 0px 0px;
	}

ul#accordion div p {
	padding: 0px;
	margin: 0 0 5px 0;
	color: #666;
	}

ul#accordion label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
	
ul#accordion .textField, .valueLabelWrapper .textField {
	width: 50px;
	}

/* Beg of old declaration
ul#accordion .textField {
	width: 50px;
	}
End of old declaration */

ul#accordion .dollarInput {
		background: url('images/icon-textfield-dollar.gif') no-repeat center left;
		padding-left: 10px;
		width: 40px;	
	}

ul#accordion  select {
	display: inline;
	}
	
ul#accordion div span {
	float: left;
	}

ul#accordion h4 a {
	padding: 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
    color: #444;
	padding: 10px 0px 5px 30px;	
	}	

#baseCalculatorField-1 {
	width: 5em !important;
}
	
#baseCalculatorField-2 {
	width: 4em !important;
}

#baseCalculatorField-3, #baseCalculatorField-4 {
	width: 3em !important;
}



#calculatorAccordianNextLink	{
	position: relative;
	}
#calculatorAccordianNextLink  {
    float: right;
	display: block;
	width: 	65px;
	height: 24px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 0 1em;
	}
#calculatorAccordianNextLink span {
	display: block;
	width: 	100%;
	height: 100%;
	position: absolute;
	background: url('images/button-next.jpg') no-repeat top left;
	}
	
#calculatorAccordianNextLink:hover span {
	background: url('images/button-next.jpg') no-repeat 0 -24px;
	}				
	
p.calculatorMaxNote	{
	clear: both;
		}

div#calculatorField1wrapper {
	width: 100%;
	overflow: auto;
		}
div#calculatorField1wrapper * {
	float: left;
}



/* -- */
	
#calculatorLightboxAJAX	{
	position: relative;
	}
#calculatorLightboxAJAX a  {
	display: block;
	width: 	115px;
	height: 24px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: auto;
	}
#calculatorLightboxAJAX a span {
	display: block;
	width: 	100%;
	height: 100%;
	position: absolute;
	background: url('images/btn-calculate.jpg') no-repeat top left;
	}
	
#calculatorLightboxAJAX a:hover span {
	background: url('images/btn-calculate.jpg') no-repeat 0 -24px;
	}	
	



/* calculator pop-up ============================================= */

/* layout blocks */
#calculatorContentColumnsWrapper {
	overflow: hidden; width: 100%; border-bottom: 1px solid white;
	}
	#calculatorContentColumnsWrapper h2 {
		color: #999;
		}
#fieldsWrapper { 
	width: 300px; 
	float: left;
	}
#visualsWrapper {
	width: 400px; 
	float: right; 
	padding: 0 30px;
	}
#calendarsWrapper {

	}		

#calculatorFooter {
	margin-top: 2em; 
	text-align: center; 
	clear: both;
	}


	
.maxAlert {
	overflow: auto;
	width: 100%;
	}	
.maxAlert div {
	float: right; 
	font-size: 9px;
	font-weight: bold;
	padding: 3px;
}

#calendarsWrapper {
	position: relative;
	background: url('images/savings-chart-bgnd.jpg') no-repeat;
	height: 220px;
	}	

#calendarsWrapper div {
	padding-bottom: 1em;
	
}
	
p#targetGoalText1, p#targetGoalText2 {
	font-size: 24px;
	color: #2570ad;
	font-weight: bold;
	font-style: italic;
	text-shadow: #66ccff 2px 2px 4px; 
	margin: 0px;
	padding: 0px;
	line-height: 200%;
	text-align: center;
	letter-spacing: 80%;
	}

p#targetGoalText1 {
    padding-right: 30%;
    padding-top: 20px;
}
p#targetGoalText2 {
	margin-top: 10px;
    padding-left: 10%;
}		


	
/* barcharts */

div.chartWrapper {
	float: left;
	}	
div.chartWrapper2 {
	padding-left: 40px;
	}		
	
#calculatorPopUpWrapper h1 {
	color: #000;
	padding: 0;
	font-size: 18px;
	font-style: normal;
	height: auto;
	} 		
	
/* slider over-ride */

.ui-slider-horizontal {
	height: 9px;
	background: url('images/slidier-images-sprite.gif') 0px -50px repeat-x;
	margin: 7px 10px 0px 0px !important;
	}
.ui-slider .ui-slider-handle {
	background: url('images/slidier-images-sprite.gif') no-repeat;
	height: 20px !important;
	width: 11px !important;
	top: -5px; 
	margin-left: -5px !important;
	cursor: pointer;
	}
.ui-slider {
	width: 210px !important;
	float: left;
	margin-right: 10px  !important;
	cursor: pointer;
	}
.valueWrapper {
	width: 100%;
	overflow: auto;
	padding: 10px 0 15px 8px;
	border-bottom: 1px solid #a0bdd5;
	margin-bottom: 15px;
	}
.valueWrapper .textField {
	width: 50px;
	margin-right: 5px;
	}

.valueWrapper .dollarInput {
	background: url('images/icon-textfield-dollar.gif') no-repeat center left;
	padding-left: 8px;
	width: 42px;
	}		
.perFieldLabel {
	display: inline;
	margin: 0px 5px 0px 0px;
	font-size: 10px;
	}
.perField {
    display: inline;
	vertical-align: middle;
	width: 80px;
	}		
.perWrapper	{
	float: right;
	overflow: auto;
	width: 80%;
	text-align: right;
}

#goalDollarSign {position: relative; top: -30px;}


.valueLabelWrapper h2 {
	font-size: 12px;
	}

#rewardsMessage {
	clear: both;
	padding: 1em 5% 0 5%;
	/* text-align: center; */
	}

#FlexPerksNote {
	clear: both;
	padding: 1em 5% 0 0;
	}

qtip-title {}

div.qtip-content {background: #e6f1f5 !important; font-size: 10px;}


#chartsWrapper {
	margin-top: 2em;
	overflow:hidden;
	}

.barChart {
	width: 30%; 
	height: 150px; 
	position: relative; 
	margin-right: 10px; 
	float: left;
	}
.barWrapper {
	position: absolute;
	top: 0px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #ddd; 
	height: 120px; 
	width: 100%;
	}	
	
.barChart .caption {
	height: 25px;
	width: 70%;
	position: absolute;
	bottom: 0px;
	padding: 0px 15%;	
	margin: auto;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	}
.barChart img {
	position: absolute; 
	left: 25px;
	bottom: 0px;
	}
	
.barChart .value {
	width: 100%;
	text-align: center;
	position: absolute;
	padding: 0px;
	margin: 0px;
	}
.barChart .value span {
	background: white;
	padding: 0px 5px;
	}
.barChart .ylabel {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #bbb;
	font-size: 9px;
	}
	
#barChartTitle {
	padding-bottom: 1em;
	}


#printDisclaimer {
	color: #777;
	}	
	
#fancy_ajax	{overflow: hidden;}