body, html, p, div, img, ul, li, h1, h2, h3, table {
    padding: 0;
    margin: 0;
    border: none;
    /*line-height: 1.1em;*/
    word-spacing: 0;
    letter-spacing:0;
    outline:none;
}
table 			{width:100%;}
body 			{background:#FFF;font-size:8pt;color:#21211F;font-family:Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, input		{ font-family:Verdana, Arial, Helvetica, sans-serif}
p 	{ padding:5px 15px 10px 15px; line-height:1.5em}

a:link, a:visited {color:#ff0000;}
a:hover {text-decoration:none}

.clear {clear:both}

#caltulatorWrap {
    width: 614px;
    /*border: 1px solid #e5e5e5;*/
    background: #fafafa;
}

#calculator {
    /*margin: 20px 15px;*/
    /*margin-top: 20px;*/
    /*margin-left: 15px;*/
    /*margin-bottom: 20px;*/
    /*margin-right: 15px;*/
    padding: 20px 15px;
    border: 1px solid #d2d2d2;
    background: #fafafa;
    position: relative;
}

.header			{background:url('../images/header.png') no-repeat; height:38px;}
.step1			{background:url('../images/step1.png') no-repeat; height:58px;}
.step2			{background:url('../images/step2.png') no-repeat; height:58px;}
.step3			{background:url('../images/step3.png') no-repeat; height:58px;}

.inner 			{padding:20px; height:540px;}
.inner h3		{text-transform:uppercase; margin:5px 0; color:#000000; font-size:8pt; position:relative;}
.inner p		{font-size:8pt; padding:5px 0;}

.footer			{background:url('../images/footer-bg.png') repeat-x; height:55px; position:relative}
.footer .prev	{position:absolute; top:10px; left:15px;}
.footer .next	{position:absolute; top:10px; right:15px;}

h3 .tooltip {
	position:absolute;
	left:100%;
	margin-left:-17px;
	top:-2px;
}
.tooltip {
	position:absolute;
	left:100%;
	margin-left:-27px;
	top:11px;
}
.tooltip a {
	width:17px;
	height:17px;
	display:block;
	background-image:url('../images/question.png');
	text-decoration:none;
}
.tooltiptable  {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 2px solid #DEDEDE;
    display: none;
    font-weight: bold;
    left: -223px;
    padding: 9px;
    position: absolute;
    text-align: left;
    /*white-space: nowrap;*/
    z-index: 100;
	width:200px;
	font-size:11px;
}

/* --------------------------------------------------- Tables ---------------------------------------------------- */
table 			{border:solid 1px #dfdfdf;border-spacing:1px;padding:2px;margin:5px 0; background-color:#fff;}
table th 		{background:#f5f5f5;color:#000;padding:10px;border-spacing:0px 5px;text-align:left;font-size:11px; position:relative}
table td 		{padding:10px 15px;background:#fff;}
table tr.alt td {background:#f4f2f2;}
.question		{ position:relative;float:right; margin-top:-5px;}
/* --------------------------------------------------- Forms ---------------------------------------------------- */
label, input, select, option 	{
    padding:0;
    margin:0;
    /*font-size:8pt;*/
    outline:none;
}
select 			{border:1px solid #CCC;color:#666; margin-right:5px; padding:1px;}
input			{
	/*vertical-align:middle*/

}

.step1Label 	{vertical-align:middle; display:inline-block; width:60px;}
.step1cLabel 	{display:inline-block; float:left; width:160px; padding:10px 0px;}
.step1cLabel img{vertical-align:middle; margin-left:5px;cursor: pointer;}

.step2Label 	{display:inline-block; float:left; padding:10px;}

.button			{display:block; position:relative;}
.buttonL, .buttonR, .buttonPrevL, .buttonPrevR, .buttonNextL, .buttonNextR, .buttonTxt  {display:inline-block; position:relative; float:left;height:37px;}
.buttonTxt		{background:url('../images/button-m.png') repeat-x; border:none; color:#FFF; font-weight:bold; text-transform:uppercase;cursor:pointer; height:33px;}

.buttonPrevL	{background:url('../images/button-pl.png') no-repeat; width:35px;}
.buttonPrevR	{background:url('../images/button-pr.png') no-repeat; width:15px;}

.buttonL		{background:url('../images/button-nl.png') no-repeat; width:15px;}
.buttonR		{background:url('../images/button-pr.png') no-repeat; width:15px;}

.buttonNextL	{background:url('../images/button-nl.png') no-repeat; width:15px;}
.buttonNextR	{background:url('../images/button-nr.png') no-repeat; width:35px;}

.functionButton	{font-family:Verdana, Geneva, sans-serif; cursor: pointer; margin:5px 0; font-size:8pt; padding:5px;}
.rightButton { float:right}

.checkRemove	{ float:right;}

/*ScrollBar*/
.scrollgeneric 	 {line-height:1px;font-size:1px;position:absolute;top:5px;left:5px}
.vscrollerbase 	 {width:15px;background-color:#FFF}
.vscrollerbar 	 {width:15px;background-color:black}
.vscrollerbar 	 {background:url(/images/design/scrollbarbg.gif) repeat-y #aeaeae;margin:-1px 0;border:solid 1px #d7d7d7;width:6px}
.vscrollerbar:hover{background-position:-120px center;cursor:pointer}
.vscrollerbarbeg {width:17px;height:1px !important}
.vscrollerbarend {border:0px solid #fff; width:17px;height:10px !important}
.hscrollerbarbeg {height:5px;width:20px !important}
.hscrollerbarend {height:15px;width:20px}
.scrollerjogbox  {width:20px;height:15px;top:auto;left:auto;bottom:0px;right:0px}
.vscrollerbase 	 {background:url(/images/design/scrollbg.gif) repeat-y 3px 0px;}
.scrollTable 	 {height:300px;overflow:auto;}

/* Monthly VPP Input */
#gameAdvancedFields  {border:1px solid #dbdbdb; background:#FFF; padding:3px;}
.advFilterForm		 {background:#e6e5e5; font-weight:bold; padding:5px 10px;}
.advFilterForm .button{ display:inline}
.advYearBlock	  	 {width:50%; position:relative; float:left;}
.advInputRow		 {background:#faf7f7;margin-top:2px; padding:2px 10px; padding-top:1px; padding-bottom:1px;}
.alt	 			 {background:#f4f2f2;}

.advTotals	  	 {}
.advTotals div {
    width: 247px;
    position: relative;
    float: left;
    background: #e6e5e5;
    margin-top: 0px;
    padding: 3px 9px;
}
#advFormTotal1, #advFormTotal2 { width:130px;}
/*David New Design CLasses*/
.navBar {
	position:absolute;
	top:643px;
	top:100%;
	margin-top:-70px;
    margin-left: 15px;
    /*margin-top:-55px;*/
	height:55px;
	width:582px;
	background-image:url('../images/footer-bg.png');
	left:0px;
}

#wraperDiv{
    margin: 0;
    padding: 0;
    border: 1px solid #d2d2d2;
}

.navBarBck, a.navBarBck:link , a.navBarBck:visited {
	background-image:url('../images/prv-btn.png');
	background-repeat:no-repeat;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	width:105px;
	height:31px;
	border:0px;
	text-align:left;
	padding-left:27px;
	position:absolute;
	top:12px;
	left:19px;
	outline:none;
	font-size:12px;
	padding-top:7px;
	text-decoration:none;
}
.navBarFwd, a.navBarFwd:link , a.navBarFwd:visited {
	background-image:url('../images/nxt-btn.png');
	background-repeat:no-repeat;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	width:105px;
	height:31px;
	border:0px;
	position:absolute;
	top:12px;
	left:459px;
	outline:none;
	font-size:12px;
	padding-top:7px;
	text-align:center;
	text-decoration:none;
}

#introFields,#statusFields,.vipGraph ,.gameEntry {
	border:1px solid #dbdbdb;
	padding:3px;
	background-color:#fff;
	margin-top:10px;
}
#introFields h2,#statusFields h2,.vipGraph h2 ,.gameEntry h2 {
	background-color: #f5f5f5;
	display:block;
	font-size:11px;
	padding:10px;
	position:relative;
}
.vipGraphHolder {
	padding:13px;
	margin-left:12px;
}
.vipGraphClass {
	width:500px;
	height:240px;
	font-size:11px;
}

#introFields div,#statusFields div{
    padding:13px;
	font-size:8pt;
}

#statusFields label {
	float:left;
	margin-bottom:10px;

}
#statusFields label input {
	margin-top:-20px;
	margin-right:5px;
}
#statusFields label span img {
	margin-right:20px;
}

#vipGraph {
	margin-bottom:10px;
	margin-top:10px;
}
.vipSummary{
    margin-bottom: 0!important;
    margin-top: 0!important;
}
.vipSummary .row {
	float:left;
}
.vipSummary .row div {
	position:relative;
	padding:2px;
	width:220px;
	text-align:left;
}
.vipSummary .row span {
	width:70px;
	position:absolute;
	/*left:100%;*/
	/*margin-left:-75px;*/
    right: 0;
    text-align: right;
    margin-right: 3px;
}


.jqplot-y2axis-tick {
	margin-left:10px;
	margin-right:10px;
    white-space: nowrap;
}

.gameSummaryHolder {
	border:0px solid #000;
	height:300px;
	width:540px;
	/*position:relative;*/
	overflow:auto;
	margin-bottom:10px;
}

.gameSummaryHolder table{
    padding: 0;
    border-spacing: 0;
}

.filterForm {
	position:absolute;
	left:111px;
	top:320px;
	border:1px solid #DBDBDB;
	background-color:#fff;
	padding:5px;
	z-index:0;
}
.jqplot-highlighter-tooltip {
	z-index:10;
	position:absolute;
}

#removeGameButton {
	float:right;
}


/*ScrollBars*/
.scrollgeneric 	 {line-height:1px;font-size:1px;position:absolute;top:7px; left:2px;}
.vscrollerbase 	 {width:10px;background-color:#FFF}
.vscrollerbar 	 {width:10px;background-color:black}
.vscrollerbar 	 {background:url(../images/scrollbarbg.gif) repeat-y #aeaeae;margin:1px 0;border:solid 1px #d7d7d7;width:8px}
.vscrollerbar:hover {background-position:-120px center;cursor:pointer}
.vscrollerbarbeg {width:10px;height:1px !important}
.vscrollerbarend {border:0px solid #fff; width:10px;height:10px !important}
.hscrollerbarbeg {height:5px;width:10px !important}
.hscrollerbarend {height:15px;width:10px}
.scrollerjogbox  {width:10px;height:15px;top:auto;left:auto;bottom:0px;right:0px}
.vscrollerbase 	 {background:none repeat-y -3px 0px;}

/* DA */
.jqplot-highlighter-tooltip {
			    background: none repeat scroll 0 0 rgba(208, 208, 208, 0.5);
			    border: 1px solid #CCCCCC;
				background-color:#e4e3e3;
			    font-size: 11px;
			    padding: 2px;
			    white-space: nowrap;
				font-family:Verdana, Arial, Helvetica, sans-serif;

			}
			.jqplot-yaxis-tick {
				font-size:8pt;
				left:-15px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			.jqplot-xaxis-tick {
				top:8px;
				font-size:8pt;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			/*
			body {
				font-family:Arial;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				background-color:#323232;
				color:#424242;
			}
			select {
				margin-right:5px;
				font-family:Arial, Helvetica, sans-serif;
				border:1px solid #b1b1b1;
				color:#424242;
			}
			input {
				color:#424242;
			}

			.calcWrapper {
				width:600px;
				padding:20px;
				text-align:left;
				background-color:#fff;
				padding-top:30px;
				border:1px solid #dfdfdf;
				/*background-color:#fff;
				background-image:url(images/bg.jpg);
				background-repeat:repeat-x;*/
			}
			.calcBanner {
				background-color:#000;
				width:600px;
				padding:20px;
				text-align:left;
			}

			.input, div.subInputRow input {
				font-family:Arial, Helvetica, sans-serif;
				padding:2px;
				margin-right:5px;
				border:1px solid #ccc;
			}
			.subInputRow {
				margin-top:5px;
				margin-bottom:5px;
			}
			div.subInputRow input {
				width:70px;
			}

			.advInputRow {
				/*margin-top:4px;
				margin-bottom:4px;*/
				/*font-size:12px;*/
				/*font-weight:bold;*/
			}
			.advYearBlock {
				float:left;
				/*margin-right:80px;*/
				/*margin-top:5px;*/
			}
			.advFilterForm {
				border:0px solid #000;
				font-size:11px;
			}
			.advTotals {
				margin-top:2px;
			}
			.advTotals div {
				/*margin-bottom:7px;*/
			}
			.advSubmit  {
				text-align:right;
			}
			.formWrap1 {
				border:0px solid #dfdfdf;
				padding:13px;
				background-color:#fff;
				font-size:8pt;
				min-width:100px;
			}
			/*.instruction {background-color:#fafafa; padding:10px; border:1px solid #dfdfdf;}*/
			.removeButton {
				background-color:#d9d9d9;
				border-top:1px solid #b1b1b1;
				border-left:1px solid #b1b1b1;
				border-right:1px solid #b1b1b1;
				border-bottom:1px solid #b1b1b1;
				float:right;
				margin-top:10px;
			}
			.button {
				background-color:#eaeaea;
				border-top:1px solid #a6a6a6;
				border-left:1px solid #a6a6a6;
				border-right:1px solid #a6a6a6;
				border-bottom:1px solid #a6a6a6;
				padding: 1px 21px;
				/*font-weight:bold;*/
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}
			.clear { clear:both; height:0px; overflow:hidden; }
			.tablesInHolder {}
			.handsInHolder {}
			.vppHandsInHolder {}
			.left { float:left; }
			.right { float:right; }
            
            
            
            
            
/*Pre Summary page*/

#pre-summary-callToAction-tip p {
    /*font-style: italic;*/
}

#yearlyReward{
    margin-top: 0px;
}

#yearlyReward .ceilBold {
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
}
#yearlyReward .ceilItalic {
    font-style: italic;
}

#yearlyReward td {
    padding-top: 7px;
    padding-bottom: 8px;
}

#callToActionContainer td {
    /*padding-bottom: 4px;*/
}

#preYearlyRewardYearFirst, #preYearlyRewardYearSecond {
    font-size: 16px;
}

#vipStatusCongratulation {
    margin-bottom: 15px;
    line-height: 1.5em;
}

#vipStatus {
    /*margin-bottom: 3px;*/
    width: 700px;
    position: relative;
    /*left: 0px;*/
    left: 0px;
}

#vipStatus .imageReelHolder img {
    width: 70px;
    margin-right: 1px;
}

#vipStatus .imageReelHolder img.imageHighLighted {
    width: 115px;
}

#pre-summary-vipStatus-tip {
    /*margin-bottom: 5px;*/
    /*text-align: right;*/
}

#pre-summary-callToAction-tip {
    /*text-align: right;*/
}

#preGraphFilterForm {
    margin-top: 10px;
    height: 60px;
    margin-bottom: 10px;
}

#chooseYourFPPsTip {
    line-height: 1.5em;
}

.formBlockYourFPPS{
    margin: 0;
    padding: 0;
}

.vipGraphFilterOpt {
    border: 0;
	display:inline;
    vertical-align: bottom;
}

.vipGraphFilterOpt label.fppFilter {
    width: 176px;
    height: 18px;
	display:inline-block;
	padding:0px;
    margin-right: 3px;
    white-space: nowrap;
    vertical-align: bottom;
}

.divPlayerlevels{
    float: none;
    display: inline-block;
    vertical-align: bottom;
}

.divPlayerlevels img {
    width: 118px;
}

#ex-mark {
    padding: 0;
}

#call-to-action-wrapper {
    padding: 3px 3px 3px 0;
}


.step-container {
    width: 189px;
    height: 58px;
    display: inline-block;
    color: #d1d1d1;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
    float: left;
}

.step-container.active {
    color: white;
}

.step-container.black-background {
    color: #858585;
}

.step-container span {
    display: block;
    padding-left: 24px;
    padding-top: 14px;
}