.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.titlelarge {
	font-size: 14pt;
	font-weight: bold;
}
.sub {
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
}
.titlemid {
	font-size: 12pt;
	font-weight: bold;
}
.titlesmall {
`	font-size: 10pt;
	font-weight: bold;
}
ul {
	list-style-image:url(../images/bullet.jpg);
	}
	
li {
	padding-bottom: 8px;

}

.Heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	background-color: #ff5500;
	font-weight: bolder;
}

body {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #c36600;
	text-decoration: none;
	font-size: 12px;
	
}
a:visited {
	color: #c36600;
	text-decoration: none;
	font-size: 12px;
}
a:hover {
	color: #c36600;
	text-decoration: underline overline;
	font-size: 12px;
}
a:active {
	color: #c36600;
	font-size: 12px;
}
a {
	font-weight: bold;
	font-size: 12px;
}

.footer a:link {
	color: #093a7f;
	text-decoration: none;
}
.footer a:visited {
	color: #093a7f ;
	font-size: 11px;
	text-decoration: none;
}
.footer a:hover {
	color: #093a7f ;
	font-size: 11px;
	text-decoration: underline;
}
.footer a:active {
	color: #093a7f ;
	font-size: 11px;
}
.footer a {
	font-weight: bold;
	font-size: 11px;
}
.topNav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	width: auto;
}
.topNav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	width: auto;
	text-decoration: none;
}
.topNav a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decorations: underline overline;
}
/*A:link {
	color: #003300;
	text-decoration: none;
}

A:visited {
	text-decoration: none;
	color: #003300;
}

A:active {
	text-decoration: none;
	color: #003300;
}

A:hover {
	color: #325589;
	text-decoration: underline overline;
}*/

/* HEAD */

.PosHead {
	left: 0px;
	background-image: url(../images/cooleperks/cooleperkshead.jpg);
	width: 800px;
	position: absolute;
	top: 0px;
	height: 112px;
}

/* LEFT-MENU */
.PosLeftMenuFrame {
	position: absolute;
	top: 0;
}
.LeftMenu {
	font-size: 9pt;
	background-image: url(../images/cooleperks/coolePerk_but(new).jpg);
	vertical-align: middle;
	color: black;
	font-family: Verdana;
	background-position: center;
}
.LeftMenuIn  {
	color: #000;
	margin-left:15px;
}

/* TOOLS */
.Tools  { 
	font-size: 8pt;
	color: #000;
	background-color: #ffffff;
	border: solid 2px gray;
}
.ToolsHead {
	width: 150px;
	height: 5px;
}

/* CONTENT */

.PosContent {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	left: 5px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	position: absolute;
	top: 5px;
	width: 616px;
}
.PosContentHome {
	left: 5px;
	position: absolute;
	top: -0px;
	width: 616px;
}
.Content {
	font-size: 8pt;
	width: 614px;
	background-color: #FFFFFF;
}

.scrollContent {
	font-size: 8pt;
	width: 500px;
	background-color: #FFFFFF;
	letter-spacing: normal;
	word-spacing: normal;
	height: 200px;
	overflow: scroll;
	border: thin double #CCCCCC;
}


.PosContentNoFrames {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	left: 185px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	position: absolute;
	top: 105px;
	width: 618px;
}
.PosContentNoFrame {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	left: 5px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	position: absolute;
	top: 5px;
	width: 618px;
}

.Contentnowidth {
	font-size: 8pt;
	background-color: #FFFFFF;
}

.subContent {
	font-size: 8pt;
	background-color: #FFFFFF;
}
.RegText {
	font-size: 8pt;
}
.Value {
	font-weight: bold;
	font-size: 8pt;
}
/* FORMATING STYLES */
.SectionTitle {
	padding-left: 10px;
	font-weight: bolder;
	font-size: 10pt;
	width: 400px;
	color: #cc3300;
}
.subTitle {
	font-weight: bold;
	font-size: 9pt;
}
.SectionTitleAlert {
	font-weight: bolder;
	font-size: 10pt;
	margin-left: 10px;
	clip: rect(auto auto 7px auto);
	color: #009900;
	margin-right: 10px;
}
.inputBox {
	border-right: gainsboro 1px solid;
	border-top: dimgray 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: dimgray 1px solid;
	color: #333366;
	border-bottom: gainsboro 1px solid;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}
.inputBoxCheck {
	border-right: gainsboro 1px solid;
	border-top: dimgray 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: dimgray 1px solid;
	color: #333366;
	border-bottom: gainsboro 1px solid;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}
.inputBoxFake {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: bold;
	font-size: 11px;
	border-left: #000000 1px solid;
	color: #333366;
	border-bottom: #000000 1px solid;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
}
.submit {
	border-right: peru 1px solid;
	border-top: #ff8200 1px solid;
	font-size: 8pt;
	border-left: #ff8200 1px solid;
	cursor: hand;
	border-bottom: peru 1px solid;
	background-color: #ffffff;
}
.submitYes {
	border-right: #002d00 1px solid;
	border-top: #339933 1px solid;
	font-size: 8pt;
	border-left: #339933 1px solid;
	border-bottom: #002d00 1px solid;
	background-color: #ffffff;
	cursor: hand;
}
.submitNo {
	border-right: #660000 1px solid;
	border-top: #cc3300 1px solid;
	font-size: 8pt;
	border-left: #cc3300 1px solid;
	border-bottom: #660000 1px solid;
	background-color: #ffffff;
	cursor: hand;
}
.justy {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: justify;
}
.contentOptional {
	background-color: gray;
}
.linky {
	font-size: 8pt;
	color: mediumblue;
	text-decoration: underline;
}
.cardBack {
	background-attachment: fixed;
	background-image: url(../images/cooleperks/cooleperkscardbigback.jpg);
	background-repeat: no-repeat;
}
.cardNumber {
	font-weight: bold;
	font-size: 12pt;
}
.whitePaper {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #ffffff;
	text-align: justify;
}
.validationAlert {
	border-right: #990000 1px solid;
	padding-right: 2px;
	border-top: #580000 1px solid;
	padding-left: 2px;
	font-weight: bold;
	font-size: 8pt;
	border-left: #580000 1px solid;
	color: #cc0000;
	border-bottom: #990000 1px solid;
	background-color: white;
	text-align: justify;
}
.validationSummary {
	border-right: #990000 1px solid;
	padding-right: 5px;
	border-top: #990000 1px solid;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 5px;
	border-left: #990000 1px solid;
	color: #000000;
	padding-top: 5px;
	border-bottom: #990000 1px solid;
	background-color: white;
	text-align: justify;
}

.image {
	border-right: #2b3087 1px solid;
	border-top: #0099ff 1px solid;
	margin-left: 10px;
	border-left: #99ccff 1px solid;
	clip: rect(auto auto auto auto);
	border-bottom: #2b3087 1px solid;
}
.imageleft {
	border-right: #2b3087 1px solid;
	border-top: #0099ff 1px solid;
	margin-left: 10px;
	border-left: #99ccff 1px solid;
	clip: rect(auto auto auto auto);
	border-bottom: #2b3087 1px solid;
}
.finalImage {
	border-right: peachpuff 1px solid;
	border-top: peachpuff 1px solid;
	background-image: url(../images/perkwerks/10clearpx.gif);
	border-left: peachpuff 1px solid;
	width: 10px;
	border-bottom: peachpuff 1px solid;
	height: 10px;
}
.Grey {
	font-size: 10pt;
	color: darkgray;
}
.bringEye {
	background-color: #ffff66;
}
.Required {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 7pt;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #ffff66;
	text-align: center;
}
/* images */
.EnrollmentInformation1 {
	background-image: url(../images/cooleperks/CoolePerksCardsAnim2.gif);
	width: 226px;
	clip: rect(auto auto auto auto);
	height: 136px;
}
/* To look like them */
.Content02 {
	font-size: 8pt;
	width: 614px;
	background-color: #FFFFFF;
}
.PosContent02 {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	left: 5px;
	top: 5px;
	width: 616px;
	position: absolute;
}
.ContentPanel02{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* Squares desing */
.SquareTitle{
	font-size: 18pt;
	color: #4F60A9;
	font-family: 'Century Gothic';
}
.sqTitlesFont{
	font-weight: bold;
	font-size: 12pt;
	color: #4F60A8;
	font-family: 'Century Gothic';
}
.HeadTopLabel{
	visibility: hidden;
}
.HeadButtomLabel{
	visibility: hidden;
}
.InputBoxDisplay{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-size: 11px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.InputBoxEdit{
	border-right: gainsboro 1px solid;
	border-top: dimgray 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: dimgray 1px solid;
	color: #333366;
	border-bottom: gainsboro 1px solid;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}
.LoginImage {
	border-right: #2b3087 1px solid;
	border-top: #0099ff 1px solid;
	background-image: url(../images/perkwerks/memberloginSmall.jpg);
	margin-left: 10px;
	border-left: #99ccff 1px solid;
	width: 226px;
	clip: rect(auto auto auto auto);
	border-bottom: #2b3087 1px solid;
	height: 151px;
}
.PosLanguage {
	width: 175px;
	position: absolute;
	top: 70px;
	left: 720px;
}
.Highlight {
	font-weight: bold;
	background-color: #ffff33;
}

/* Splash */

.Splash{
	font-size: 10pt;
	color: #9e7a30;
	font-family: 'Century';
}
.SplashTitle {
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	font-family: 'Verdana';
	text-align: center;
}
.SplashSmaller{
	font-size: 8pt;
	font-family: 'Copperplate Gothic Light';
	font-variant: small-caps;
}
.Brown{
	background-color: #996633;
}
.Tahoma {
	font-weight: bold;
	font-size: 9pt;
	font-family: Tahoma;
}
.Cooper {
	font-size: 10pt;
	color: #9e7a30;
	font-family: 'Century';
}
.ChangePIN {
	background-attachment: fixed;
	background-image: url(../images/cooleperks/cooleperkscardsAnim2.gif);
	width: 226px;
	clip: rect(auto auto auto auto);
	background-repeat: no-repeat;
	height: 140px;
}
.Homeback {
	padding-right: 10px;
	padding-left: 10px;
	background-color: white;

}
.Alternate {
	background-color: papayawhip;
}

/* New Account information look */

.SolidSubHeader {
	height: 25px;
	background-color: #D6E7FF;
}
.rolodex
{
	font-weight: bold;
	color: white;
	background-color: #a3c9ff;
}
.rolodexOn {
	font-weight: bold;
	font-size: 8pt;
	color: white;
	background-color: #639fff;
}
.content { 
	color: black; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal; 
	background-color: #e5e5e5; 
	text-decoration: none; 
	text-align: left; 
}
.content1 {
 	FONT-WEIGHT: normal;
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left; 
	FONT-VARIANT: normal; 
	TEXT-DECORATION: none;
}
.content2 {
	color: white;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal; 
	background-color: #125394; 
	text-decoration: none; 
	text-align: left; 
}
.divLinks { 
	color: #325589; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-stretch: semi-expanded; 
	font-style: normal; 
	line-height: 15px; 
	text-decoration: none; 
	text-align: center; 
}
.divLinks2 { 
	color: #893232; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-stretch: semi-expanded; 
	font-style: normal; 
	line-height: 15px; 
	text-decoration: underline overline; 
	text-align: left; 
}
.contentnobg { 
	color: black; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal; 
	text-decoration: none; 
	text-align: left; 
}
a { 
	color: #325589; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	line-height: 15px; 
	text-decoration: none; 
	text-align: center; 
}
.linkhover { 
	color: #ae3233; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	line-height: 15px; 
	text-decoration: underline overline; 
}
.frmlbl_sml {
	font-size : 70%;
	font-weight : bold;
}
a.frmbtn_blue {
 	font-size : 10px; 
	color : #325589; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
	font-weight : normal; 
	font-style: normal; 
	text-align: center; 
}
a.frmbtn_blue:Hover  {
 	font-size : 10px; 
 	text-decoration : underline overline; 
 	color : #ae3233; 
 	font-weight : normal; 
 	font-style: normal; 
}
a.frmbtn_gry  {
	font-size : 72%;
	color : #2C3E91;
	text-decoration : none;
	font-weight : bold;
}
a.frmbtn_gry:Hover  {
	font-size : 72%;
	text-decoration : none;
	color : #0054A8;
	font-weight : bold;
}
.sml  {
	font-size : 8pt;
}
.smlColor  {
	font-size : 8pt;
	color: #FF0000;
}
a.txtbtn {
	font-size : 10pt; 
	background-color : #5567a6; 
	color : #ffffff; 
	padding: 4 10; 
}

.frmlbl {	
	color: black; 
	font-size : 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight : normal; 
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: right;
}
.frmlblbold { 
	color: black;
	font-size : 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal; 
	text-align: right;
}
.frmfld  {
	font-size : 75%;
	border-color : #E7E9F2;
	border-style : solid;
	border-left-width : 0;
	border-right-width : 0;
	border-top-width : 0;
	border-bottom-width : 1;
}
.perkbullet { 
	line-height: 20px; 
	list-style-image: url(../images/perkwerks/bullet_image.gif); 
	list-style-position: outside; 
	display: block;
}
input.inline { 
	border-style: none; 
}
.emailMsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	border: 1px groove #999999;
}