/*Cash Good Points Bad CSS*/ 
body {
	font-family: "Lucida Sans", Helvetica, arial, sans-serif !important;
	}
	
.kjrelfix{position: relative; top: -130px; left: -67px;}

img, div { behavior: url(Portals/_default/Skins/cgpb/iepngfix/iepngfix.htc) }

.wrapper { 
	width: 1000px; 
	margin: 0 auto;
	background: url("img/hrbar.png") no-repeat center 500px;
	}
	
#logo {
	padding: 2px 0 10px 20px;
	width: 980px;
	}
#logo img { float: left; }
.rightside { float:right; display:inline; margin-right:10px; margin-top: 10px;}
.subwrap { float: left; width:100%; font-family: Helvetica, Arial, sans serif; }
.subwrap h1 {font-size:20px; font-weight:normal; text-align:center; font-style:italic;}
.subwrap h2 {color:#996600; font-size:16px;}
.subwrap ul li {color:#003300; font-size:14px;}
.leftarea {float:left; width: 495px; background: url("img/laughcard.jpg") no-repeat 0 0; height: 295px; }
.rightarea {float:left; display: inline; width: 475px; background: url("img/mediaplayer.jpg") no-repeat 0 0; height: 295px; margin-left: 30px;}
.area1 {float:left; width:300px; height: 70px; padding-left: 30px;}
.area2 {float:left; width:300px; height: 70px; padding-left: 30px;}
.area3 {float:left; width:300px; height: 70px; padding-left: 30px;}
#homepane1 h1{color:#006600;}
#homepane2 h1{color:#996600;}
#homepane3 h1{color:#003300;}
.sliderleft { float: left; background: url("img/hrbar.png") no-repeat center 0px;}
.sliderleft2 { float: left;}
.sliderleft ul {list-style-type: none; }
.sliderleft ul li {display: inline-block; text-decoration: none; }
.sliderleft ul li a {text-decoration: none; display: block; text-align: center; margin-top: -10px; padding: 0px 10px; color: #006600 !important;  }
.sliderleft ul li a:hover {text-decoration: underline; color: #009900 !important; }
.sliderleft ul li img {margin-top: 10px;}
#slider {position: relative; overflow: hidden; height:130px; width: 1000px; margin: 0px auto; text-align: center;}
#slider img {position:absolute;	margin:0; width:150px; display:none;}
#slider h2 {font-size:20px; text-align: center; color:#003300;}
#slider h2:hover {color: #006600;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}
#videohome {
	width: 335px; 
	float: left;
} 

#joinhome {
	width: 110px; 
	float: left;
	display: inline;
	margin: 0 3px;
}

#joinbtn, #moreinfo, #backbtn, #backbutton, #joinbutton {
	margin:3px 0 10px 0;
	cursor:pointer;
	background-repeat:no-repeat;
	background-color:Transparent;
	width:110px;
	height:110px;
	height:110px;
}

#joinbtn span, #moreinfo span, #backbtn span, #backbutton span, #joinbutton span {
	visibility:hidden;
}

.BrightcoveExperience {
	margin-top:3px;
	float:left;
}

#joinbutton {
	background-image: url(/Portals/_default/Skins/cgpb/img/join.png);
	float:right;
	margin-right:8px;
}

#backbtn, #backbutton {
	background-image: url(/Portals/_default/Skins/cgpb/img/back.png);
	float:right;
	margin-right:8px;
}

.DynamicForms_TableRow h2 {
	font-size:22px !important;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:20px;
}
.rightside {float:right;display:inline;margin-right:10px; margin-top: 10pxx;}
.area {height: 275px; padding: 10px; margin-bottom: 30px;}
.subwrap2 {display: inline-block; width:1020px; margin-top: 0px;}
.imageclass {position: relative; top: -240px; left: 690px; background: url("img/trapcard2up.jpg") no-repeat 0 0; width: 343px; height: 321px; }
.imageclass ul {position: relative; top: 80px; left: 15px;}
.robhomecontent {float:left; width:455px; min-height:150px; margin:5px 0 0 12px;}
.robhome {float:left; width:100%; min-height:100px;}
.calcarea {width: 100%; height: 40px; padding-left: 30px; float: left; margin-top: -40px;}
.calcarea h2 {font-size:20px; color:#003300;}
/*mock styling*/
.leftarea2 {float:left; width: 495px; background: url("img/laughcard.jpg") no-repeat 0 0; height: 295px; }
.rightarea2 {float:left; display: inline; width: 475px; background: url("img/mediaplayer.jpg") no-repeat 0 0; height: 295px; margin-left: 30px;}

.tri1 { display: inline-block; width: 315px; height: 190px; margin-top: 25px; padding-left: 15px;}
.subwrap3 {display: inline-block; margin-top: 40px;}
.imageclass2 {float:left; background: url("img/trapcard2up.jpg") no-repeat 0 0; display: block; width: 324px; height: 431px; margin-top:20px;}
.imageclass2 ul {position: relative; top: 150px; left: 10px;}
.imageclass2 ul li {padding: 2px 0px;}
.totalwrap {margin-top: 25px; float:left; width:675px;}
/*coda styling*/
#shadowgrad {background: url("img/shadowgrad.png") no-repeat -19px -8px; width: 674px; height: 450px;}
#shadowgrad2 {background: url("img/shadowgrad2.png") repeat-x 458px -10px; width: 434px; height: 26px; }
.codacover {background: url("img/overlay.png") no-repeat 0 0; position: relative; top: 53px; left: -2px; width: 569px; height: 327px; z-index: 100000000000000000;}

/*subpage*/
.subwrapper{width: 1000px; margin: 0 auto; text-align:center; min-height: 1000px;}
.sublogo {float:left; width:1000px; height:130px; }
.subbanner{float: left; margin: 0px 50px 0 0;}
.subleftarea {float:left; width: 670px;  }
.subcontent{width: 100%; background: url("img/hrbar2.png") no-repeat 10px 3px; padding-top: 20px;}
.subrightarea {float:left; display: inline; width:250px; margin-left: 60px; padding-top: 10px; background: url("img/btnbar.png") no-repeat 0 0; height: 865px;}
.subrightgreen {width: 240px;  margin: 0 0 0 5px;}
.subareabox {margin: 0 0 5px; }
.cashgood {
	background: transparent url('http://www.cashgoodpointsbad.com/Portals/_default/Skins/cgpb/img/bucketomoney.jpg') no-repeat center bottom;
	min-height:800px;
}
#owuplan {
	text-align:left;
	padding: 15px 15px;
	font-size: 14px;
	font-family: helvetica, arial, "sans serif";
	line-height: 16px;
	}
#owuplan h1 {font-size:32px; font-weight:bold; text-align: center; color:#006600; line-height: 30px; padding:5px 0;}
#owuplan h2 {font-size:20px; text-align: center; color:#003300; line-height: 24px; padding:10px 0;}
#owuplan h2 span {color: #003;}
#owuplan h3 {font-size:20px; font-family: Georgia, "Times New Roman", serif; text-align: left; line-height: 24px; padding:3px 0; color: #640}
#owuplan h4 {font-size:15px;   text-align: center; line-height: 24px; padding:14px 0; color:#060; }
#owuplan ul li {
	font-size:16px; 
	font-family: Georgia, "Times New Roman", serif;
	list-style-type: diamond;
	color: #960;
	margin-left:15px;
	}
#owuplan li {padding:3px 0 3px 0;}
#owuplan p {text-align: justify;}

.padleft {margin-left: -10px;}


/* coda slider */
* {}
	h3 {margin-bottom: 10px;}
	#coda-nav-1 ul li a:link {color: #214804 !important;}
	#coda-nav-1 ul li a:hover {color: #1a2!important;}
	#coda-nav-1 ul li a:active {color: #214804 !important;}
 	#coda-nav-1 ul li a:visited {color: #214804 !important;}
	#coda-nav-2 ul li a:link {color: #214804 !important;}
	#coda-nav-2 ul li a:hover {color: #1a2 !important;}
	#coda-nav-2 ul li a:active {color: #214804 !important;}
 	#coda-nav-2 ul li a:visited {color: #214804 !important;}
	
	.panel h2.title { margin-bottom: 0; }

	.coda-slider-wrapper { padding: 20px 0; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }
	
	#codaleft {float: left; }
	#codarewrap {width: 725px; z-index: -1000; }
	#codaright {float: left;}
	

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	#line {width: 254px; border-top: 1px solid #777; margin: -1px 0 0 415px;}
	#line2 {width: 1px; border-bottom: 1px solid #777; margin: -1px 0 0 0;}
	
	
	/*inner panel material*/
	.codaleft { width: 200px;  float: left; height: 290px; margin-top: 20px;}
	.codaright { width:200px;  float: right; height: 290px; margin-top: 20px;} 
	.codacenter { margin-left: 191px;  width: 109px; height: 290px; margin-top: 45px;} 
	
	.codaleft p {width: 187px; height: 31px; margin-top: 0px; display: inline-block; font-size: 1em; padding-top: 26px; color: #eee;}
	.codaright p {width: 195px; height: 122px; margin-top: -5px; margin-left: 10px; text-align: center; display: inline-block; font-size: 1.2em; color: #eee;}
	.codaowubox{width: 158px; height: 85px; border: 3px solid #fff; margin: 55px auto 0; text-align: center; font-size: 1.65em; font-weight: bold; padding-top: 53px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.codaprice {border: 3px solid #fff; text-align: center; vertical-align:middle; font-size: 1.25em; font-weight: bold; width: 154px; height: 43px; padding-top: 17px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 12px;}
	/*kill*/
	.image {width: 50px; height: 33px; margin:10px auto 5px auto;}
	
/* New Calc Styles */

#realitycheck {
	width:1000px;
	height:115px;
	background: url("img/realitycheck.png") no-repeat;
	}

#labels {
	width:250px;
	height:500px;
	margin-top: 43px;
	float:left;
	background: url("img/calc_labels.png") no-repeat;
	}

#calculator {
	width:380px;
	height:500px;
	margin-left:20px;
	float:left;
	overflow:hidden;
	background: url("img/calc_bg.gif") no-repeat;
	position:relative;
	top:-10px;
	z-index:10;
}

.calc_Tabs {
	margin-top: 20px;
	margin-left: 20px;
	position:relative;
	z-index:10;
	float: left;
	width: 380px;
	}

.calc_Tabs ul {
	margin:0px;
	padding:0px;
}

.calc_Tabs ul li {
	float:left;
	cursor:pointer;
	list-style-type: none;
	display: inline;
}

.calc_Tabs ul li a {
	width:126px;
	height: 13px;
	padding: 12px 0px 18px 0px;
	float: left;
	text-align: center;
	color: #214804;
	background-image: url("img/tab_Inactive.png");
	display: block;
	}

.calc_Tabs ul li .current {
	background-image:url("img/tab_Active.png") !important;
}


/** SELECT YOUR PRODUCT TABS **/
.calc_SubTabs { /*PRODUCT TABS CONTAINER */
	padding-top: 20px;
	}

.calc_SubTabs ul { /*PRODUCT TABS LIST*/
	width: 360px;
	padding: 0px 10px;
	margin: 0px;
	}

.calc_SubTabs ul li {
	width: 90px;
	height: 100px;
	float: left;
	cursor: pointer;
	text-align: center;
	list-style-type: none;
	}
/* END OF PRODUCT TABS */

.calc_Content {
	width: 740px;
	float: left;
	overflow: hidden;
	position: relative;
	top: -615px;
	left: 270px;
	}

.slider1sthalf {
	width:380px;
	margin:0px;
	margin-top:20px;
	padding:0px;
	float:left;
	position:relative;
	top:200px;
}

.slider1sthalf li { 
	width:380px;
	height:100px;
	margin:0px;
	padding:0px;
	padding-top:15px;
	float:left;
	list-style-type: none;
	text-align:center;
}

#recap {
	width:360px;
	height:545px;
	padding-top:10px;
	float:left;
	background-image:url(img/recap.gif);
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
	top:-50px;
}

.slider2ndhalf {
	width:320px;
	height:745px;
	margin-left:20px;
	padding-top:10px;
	float:left;
	position:relative;
	top:10px;
}

.slider2ndhalf ul {
	width:160px;
	margin:28px 40px 20px;
	float:left;
}

.slider2ndhalf ul li {
	height:55px;
	margin-top:40px;
	margin-left:15px;
	text-align:center;
	list-style-type:none;
}

.panel {
	float:left;
}
	

h4 {color: #214804;}
img {border: none;}
h1, h2, h3, h4, h5 {margin:0;padding:0;}
div {margin:0; padding:0;}
p {margin:0;padding:0;}
a {text-decoration: none; color: #218405;}
a:hover {text-decoration: none; color: #020;}
a:visited {text-decoration: none; color: #218405;}
.clear { clear: both; }

.learn_more { /* Learn More Image */
	background: url(pngs/cgpbhomefooterbg.png) repeat-x 0 0;
	width: 1000px;
	height: 432px;
	margin: 0px auto;
	padding: 10px 10px;
	text-align: center;
	position: absolute;
	top: 1070px;
	z-index:101;

	}
	
/* IE6 Specific CSS */
/* IE6 css fixer v0.7: Wed, 03 Mar 2010 18:06:47 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.rightside,
.subwrap,
.leftarea,
.area1,
.area2,
.sliderleft,
#videohome,
#joinhome,
.BrightcoveExperience,
#joinbutton,
#backbtn,#backbutton,
.robhomecontent,
.calcarea,
.leftarea2,
.imageclass2,
.totalwrap,
.sublogo,
.subbanner,
.subleftarea,
.subrightarea,
.coda-slider,
.coda-slider .panel,
.codaleft,
.codaright,
#labels,
#calculator,
.calc_Tabs,
.calc_Tabs ul li,
.calc_Tabs ul li a,
.calc_SubTabs ul li,
.calc_Content,
.slider1sthalf,
.slider1sthalf li,
#recap,
.slider2ndhalf,
.slider2ndhalf ul,
#logo img,.sliderleft2,#codaleft,#codaright,.coda-nav-left,.coda-nav-right,.panel,
.rightarea,.rightarea2,
.robhomeleft,.robhomeright {display:inline;}

/* convert min height values */
.robhomecontent {height:150px;}
.subwrapper {height:1000px;}
.cashgood {height:800px;}
.robhomeleft,.robhomeright {height:170px;}


/* add zoom:1 to overflow:hidden */
#slider,
.coda-slider,
#calculator,
.calc_Content {zoom:1;}

/* fix negative margins */
.sliderleft ul li a,
.calcarea,
.padleft,
#line,
#line2,
.codaright p {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#slider,
#imageloader,
#imageloader img,
.imageclass,
.imageclass ul,
.imageclass2 ul,
.codacover,
.coda-slider,
.coda-slider .panel-container,
#calculator,
.calc_Tabs,
.calc_Content,
.slider1sthalf,
#recap,
.slider2ndhalf {zoom:1;}

 .subrightgreen {background-color:#ecf9e2; width: 240px;  margin: 0 0 0 5px;}

#coda-nav-2 .panel img {
	padding:2px;
	border: 1px solid #ccc !important;
}