* {
	margin: 0;
	padding: 0;
	}
a img {
	border: none;
	}

body {
	background-color: #EFEFEF;
	}
#ContentServer {
	background-color: white;
	}
#container {
	width: 760px;
	margin: auto auto;
	background-color: white;
	border: 1px solid black;
	overflow: auto;
	}
#LoginHeader {
	border-bottom: 1px solid black;
	}
#LoginHeader img {
	vertical-align: middle;
	}
#LoginHeader h2 {
	display: inline;
	margin: 0 0 0 80px;
	font-family: Arial;
	color: #808080;
	font-weight: normal;
	}
#Header {
	background-color: black;
	float: left;
	}
	
#Header #greeting {
	float: left;
	margin: .6em 0 0 1em;
	font-size: 8pt;
	font-family: arial,helvetica,sans serif;
	font-weight: bold;
	font-style: italic;
	color: rgb(204, 204, 204);
	}	
	
#HLogo {
	float: left;
	}
#Menu1 {
	float: right;
	list-style: none;
	margin: 0 .25em 0 0;
	padding: .1em 0 .2em 0;
	}
#Menu1 li {
	float: left;
	}
	
#Menu1 a {
	font-size: 8pt;
	font-family: arial,helvetica,sans serif;
	font-weight: bold;
	color: rgb(204, 204, 204);
	text-decoration: none;
	margin: 0 0 0 .5em;
	padding: 0 .5em 0 0;
	border-right: 1px solid silver;
	}	
#Menu1 li.last a {
	border-right: none;
	}

	
#Middle	{
	clear: both;
	float: left;
	}
	
#Footer {
	clear: both;
	text-align: center;
	font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
	}
#MenuB {
	list-style: none;
	display: block;
	margin: 5px 0 10px 0;
	}
	
#MenuB li {
	display: inline;
	padding: 2px;
	}
#MenuB li a {
	font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: blue;
	
	white-space: nowrap;
	text-decoration: none;
	padding: 0 10px 0 2px;
	
	border-right: 1px solid black;
	}
#MenuB li.last a {	
	border-right: none;
	}

.pagecontent {
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	padding: 30px;
	width: 700px;
	}
.pagecontent h3 {	
	font-family: arial,helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: rgb(51, 51, 51);
	margin: 0 0 10px 0;
	}
.pagecontent ul {
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 40px
	}
.pagecontent li {	
	display: list-item;
	}
	
#LoginPage div {
	float: left;
	width: 300px;
	}
#LoginPage p {
	margin: 0 0 10px 0;
	}
#LoginPage img {
	width: 397px;
	height: 248px;
	}
#LoginPage label {
	width: 75px;
	text-align: right;
	float: left;
	clear: both;
	font-family: Arial;
	font-size: xx-small;
	margin: 3px 4px 0 0;
	}
#LoginPage input {
	float: left;
	width: 200px;
	}
#LoginPage #lgnSbmt {
	clear: both;
	width: 75px;
	margin: 10px 79px;
	}

#LoginPageE1G1 div {
	float: left;
	width: 380px;
	margin: 0 20px 0 0;
	}
#LoginPageE1G1 p {
	margin: 0 0 10px 0;
	}
#LoginPageE1G1 img {
	width: 250px;
	height: 155px;
	}
#LoginPageE1G1 label {
	width: 100px;
	text-align: right;
	float: left;
	clear: both;
	font-family: Arial;
	font-size: xx-small;
	margin: 3px 4px 0 0;
	}
#LoginPageE1G1 input {
	float: left;
	width: 200px;
	}
#LoginPageE1G1 #lgnSbmt {
	clear: both;
	width: 75px;
	margin: 10px 104px;
	}	
#LoginPageE1G1 h4 {
	background-color: rgb(255, 204, 0);
    font-family: arial,helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
	padding: 3px 0 1px 5px;
	margin: 0 0 5px 0;
	}
#LoginPageE1G1 #SelectorPoints {
	width: 200px;
	margin: 0 0 25px 410px;
	display: block;
	}
#LoginPageE1G1 #SelectorPoints li {
	line-height: 1.25;
	margin: 0 0 5px 0;
	}
#LoginPageE1G1 select {
	float: left;
	width: 204px;
	}
#LoginPageE1G1 span {
	float: left;
	width: 98%;
	font-size: small;
	margin: 8px 0 4px 0;
	}
	
#AccountNotFound div {
	float: left;
	width: 300px;
	}
#AccountNotFound p {	
	margin: 0 0 15px 0;
	}
#AccountNotFound img {
	width: 397px;
	height: 248px;
	}
	
#obGetStarted {
	display: block;
	font-family: arial;
	font-size: 18px;
	text-align: center;
	}
#obGetStarted a {
	text-decoration: none;
	}
#obGetStarted a:hover {	
	text-decoration: underline;
	}

#Purchase div {
	width: 425px;
	}
#Purchase div br {
	clear: both;
	}
#Purchase #MktCopy {
	width: 100%;
	}
#Purchase #MktCopy p {
	margin: 0 0 10px 0;
	}
#Purchase h4 {
	display: block;
	background-color: rgb(255, 204, 0);
    font-family: arial,helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
	clear: both;
	margin: 15px 0 10px 0;
	}
	
#Purchase label {
	width: 200px;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	margin: 2px 3px 0 0;
	}
#Purchase span,
#Purchase input {
	width: 200px;
	float: left;
	margin: 2px 0 0 0;
	}
#Purchase select {
	width: 205px;
	float: left;
	}
#Purchase #pCCT {
	width: 125px;
	}
#Purchase #pCCExpM {
	width: 100px;
	margin-right: 5px;
	}
#Purchase #pCCExpY {
	width: 60px;
	}
#Purchase #pSubmit {
	clear: both;
	width: 75px;
	margin: 15px 0 15px 200px;
	}

#CB div {
	width: 425px;
	}
#CB div br {
	clear: both;
	}
#CB #MktCopy {
	width: 100%;
	}
#CB #MktCopy p {
	margin: 0 0 10px 0;
	}
#CB h4 {
	display: block;
	background-color: rgb(255, 204, 0);
    font-family: arial,helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
	clear: both;
	margin: 15px 0 10px 0;
	}
	
#CB label {
	width: 200px;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	margin: 2px 3px 0 0;
	}
#CB span,
#CB input {
	width: 200px;
	float: left;
	margin: 2px 0 0 0;
	}
#CB select {
	width: 205px;
	float: left;
	}
#CB #pCCT {
	width: 125px;
	}
#CB #pCCExpM {
	width: 100px;
	margin-right: 5px;
	}
#CB #pCCExpY {
	width: 60px;
	}
#CB #pSubmit {
	clear: both;
	width: 75px;
	margin: 15px 0 15px 200px;
	}	
	
#Survey #MktCopy {
	width: 100%;
	}
#Survey #MktCopy p {
	margin: 0 0 10px 0;
	}
#Survey #MktCopy strong {	
	color: #CC3300;
	}
#Survey table {
	width: 98%;
	margin: 0 0 15px 0;
	}
#Survey th {
	text-align: left;
	font-size: 12px;
	font-family: arial;
	font-weight: normal;
	}
#Survey td {
	padding: 0 5px 0 5px;
	font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 7%;
	text-align: center;
	}
#Survey td label {
	width: 98%;
	display: block;
	}
#Survey tr * {
	padding: 2px 0 2px 0;
	}
#Survey tr.gb {
	background-color: #CCCCCC;
	}
#Survey textarea {
	width: 98%;
	height: 75px;
	margin: 0 0 15px 0;
	}
#Survey div {
	width: 450px;
	margin: 10px 0 15px 0;
	}
#Survey div label {
	width: 150px;
	display: block;
	float: left;
	clear: both;
	text-align: right;
	}
#Survey div span {
	display: block;
	margin: 0 0 0 150px;
	font-size: x-small;
	width: 250px;
	text-align: center;
	}
#Survey div input {
	float: left;
	width: 250px;
	}
#Survey div br {
	clear: both;
	}
	
#Survey	#srvSubmit {
	width: 75px;
	display: block;
	margin: 0 auto;
	}
#ManageAccount div {
	width: 400px;
	}
#ManageAccount label {
	float: left;
	clear: left;
	margin: 2px 5px 0 25px;
	text-align: right;
	width: 150px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	}
#ManageAccount input {	
	float: left;
	margin: 2px 0 0 0;
	width: 200px;
	}
#ManageAccount #sbmtEmPwd, 
#ManageAccount #sbmtChPwd {
	clear: both;
	margin: 3px 0 0 180px;
	}
#ManageAccount .clear {
	clear: left;
	}
#ManageAccount p {
	margin: 10px 0 10px 0;
	}
#ManageAccount hr {
	clear: left;
	margin: 25px 0 15px 0;
	}
#ManageAccount em {
	font-weight: bold;
	font-style: normal;
	color: #cc3300;
	}
#ManageAccount  .ErrorNotice	{
	float: right;
	margin: 0 0 0 5px;
	width: 250px;
	}
	
#SS11Lg {
	display: block;
	width: 100%;
	height: 100%;
	}

/* DynCon2 - dynamic content styles */	
#D2CN {
	margin: 0 25px;
	padding: 10px;
	font-family: arial;
	font-size: 12px;
	width: 690px;
	}
div.NC5 {background: transparent no-repeat url("/images/D2NC5.gif");}
div.CL4 {background: transparent no-repeat url("/images/D2CL4.gif");}
div.NC6 {background: transparent no-repeat url("/images/D2NC6.gif");}
div.CL5 {background: transparent no-repeat url("/images/D2CL5.gif");}
	
#D2CN p {
	margin: 0 0 10px 0;
	}

 #D2PB
,#D2PBB
	{ /* Dyncon2 Pay Button */
	float: right;
	height: 44px;
	width: 191px;
	margin: 0 0 0 15px ;
	}
 #D2PB span
,#D2PBB span { /* Dyncon2 Pay Button text - hidden when there is a background image (look below) */
	display: none; 
	}

/* div.{campaign/effort code} #D2PB - using descendant selector allows effort-specific button face from standard button name/behavior  */	
div.NC5 #D2PB	{ background-image: url("/images/paybutt.gif"); }
div.CL4 #D2PB	{ background-image: url("/images/paybutt.gif"); }
div.NC6 #D2PB	{ background-image: url("/images/paybutt.gif"); }
div.CL5 #D2PB	{ background-image: url("/images/paybutt.gif"); }

div.NC5 #D2PBB { background-image: url("/images/tourbutt.gif"); }
div.CL4 #D2PBB { background-image: url("/images/tourbutt.gif"); }
div.NC6 #D2PBB { background-image: url("/images/tourbutt.gif"); }
div.CL5 #D2PBB { background-image: url("/images/tourbutt.gif"); }

.WarnHighlight {
	background-color: #ffff99;
	}