@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 0 #000;
	opacity: : .99;
}
body {
	background-color: #e8ebec;
	background-image: url(img/bg_new.png);
	background-repeat: repeat-y;
	background-position:center;
	margin: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
	width: 100%;
}
#container {
	width: 899px;
	margin-right: auto;
	margin-left: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
	padding-bottom: 30px;
	
}
#container #header {
	clear: both;
        margin: 0px;
        padding: 0px;
        width: 899px;
        height:105px;
}
#container #header #logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 105px;
	width: 217px;
}
#container #header #nav {
	vertical-align: bottom;
	margin:0px;
	padding: 0px 5px 0px 0px;
	float: left;
	height: 36px;
	width: 676px;
}
#container #header #headend {
        clear: both;
        width: 899px;
        padding: 0px;
        margin: 0px;
}
#container #title {
	padding-top: 20px;
	padding-right: 2px;
	padding-left: 10px;
	clear: both;
}

#container #HContent p {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        line-height: 16pt;
        color: #000000;
        padding-left: 25px;
        padding-right: 25px;
}

#container #HContent H1 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        font-weight:bold;
        line-height: 16pt;
        color: #CC0000;
        padding-left: 25px;
        padding-right: 25px;
}

#container #HContent H2 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight:bold;
        line-height: 16pt;
        color: #305d82;
        padding-left: 25px;
        padding-right: 25px;
}

#container #Hform #form1 #form {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        color: #000000;
}

.fields {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        border: 1px solid #000000;
        width: 220px;
        margin-bottom: 5px;
}

.fieldsOpen {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px; 
        color: #333333;
        border: 1px solid #000000;
        margin-bottom: 5px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#container #balance {
	width: 125px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	background-color: #f0f3f5;
	border: 1px solid #dadee1;
	margin-right: 12px;
	margin-left: 25px;
}
#container #leftcol {
	float: left;
	width: 400px;
		margin-bottom: 24px;
}
#container #leftcol2 {
	float: left;
	width: 400px;
	margin-left: 24px;
}
#container #content #leftcol2 h4 {
	padding-left: 25px;
	margin-bottom: 2px;
}
#container #content #rightcol2 h4 {
	padding-left: 25px;
	margin-bottom: 2px;
}

#container #content h4 a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#container #content h4 a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-color:#396b92;
	color:#FFFFFF;
	text-decoration:none;
}


#container #leftcol a {
	color: #396b92;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#container h5 {
	color: #68849a;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 25px;
}
#container #rightcol {
	width: 440px;
	text-align: center;
	padding-top: 40px;
	margin-left: 430px;
}
#container #rightcol2 {
	width: 440px;
	float: left;
}
#container #footer {
	width: 880px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left:10px;
	margin-right:9px;
	padding-top: 5px;
	height:39px;
	vertical-align:middle;
	background-image:url(img/bg_footer.gif);
	clear:both;
	bottom:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
}

#container #disc  {
width: 880px;
margin-top: 10px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
clear:both;


}

.disc {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #000000;
}

#container #footer a{
	text-decoration: none;
	padding: 2px;
	color: #333333;
	padding: 4px;
	display:inline-block;
	margin-top: 2px;
}

#container #footer a:hover{
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF;
	padding: 4px;
	display:inline-block;
	background-color:#999999;

}
#container h2 {
	font-size: 24px;
	color: #68849a;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-right: 20px;
	margin-left: 20px;
}
#container p {
	font-size: 12px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 18px;
	margin-top: 5px;
}
#container h3 {
	font-size: 18px;
	padding-right: 15px;
	padding-left: 25px;
	color: #990000;
	padding-top: 15px;
	clear: both;
}
#container li {
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}
#container #ResourceNav ul {
	list-style-type: none;
	display:block;	
	float:left;
	margin:0px;
	padding:0px;
}
#container #ResourceNav li {
	list-style-type: none;
	width: 200px;
	float:left;
	}


#container #ResourceNav li a {
	text-decoration: none;
	display: block;
	margin-right: 1px;
	margin-left: 2px;
	padding: 4px;
	border: 1px solid #999999;
	background-color: #EFEFEF;
	color: #333333;
	font-size:10px;
	text-transform:uppercase;
	
}
#container #ResourceNav li a:hover {
	border: 1px solid #999999;
	background-color: #4f7c9f;
	color: #FFFFFF;
	
}


#container a {
	color: #507B94;
	font-weight: bold;
	text-decoration: none;
}
#container a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#container .SingupLink {
	margin-right: 25px;
	margin-left: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0F0F0;
	border: 1px solid #999999;
	padding: 4px;
	font-weight: bold;
	width: 450px;
}.contact {
	font-size: 12px;
	margin-right: 20px;
	margin-left: 30px;
}
#container #right {
	width: 300px;
	float: left;
}
#container #left {
	float: left;
	width: 570px;
}
#container #right p {
	font-size: 12px;
}

#container #BalanceTable {
	margin-top: 15px;
}

#container #BalanceTable td {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#container #BalanceTable .header {
	color: #FFFFFF;
	background-color: #7089AB;
	font-weight: bold;
}

#container #BalanceTable .oddrows {
	background-color: #efefef;
}
#container #BalanceTable .selectedRow {
	background-color: #CDE6F9;
}
#container #BalanceTable .status {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	color: #053355;
}
#container #BalanceTable a {
	font-size: 11px;
	padding:1px;
}

#container #BalanceTable a:hover {
	background-color:#990000;
	color:#FFFFFF;
	text-decoration:none;
}
#container #rightcol  a.button {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #2c5772;
	padding: 5px;
	border: 1px solid #333333;
}
#container #rightcol  a.button:hover {
	color: #2c5772;
	background-color: #b2d3e8;
	text-decoration:none;
	
}
#container #box {
	background-color: #FBFBFB;
	width: 780px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#container #content  #signup {
	font-size: 12px;
}
#container .warning {
	font-size: 10px;
	padding: 4px;
	background-color: #FAFAFA;
	border: 1px solid #CC0000;
}
#container .notice {
	width:850px;
	font-size: 10px;
	padding: 4px;
	background-color: #FAFAFA;
	border: 1px solid #CC0000;
	margin-right:auto;
	margin-left:auto;
}
.smalltxt {
	font-size: 9px;
}
.required {
	font-weight: bold;
	color: #CC0000;
}
.division {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#container #content #rightsect {
	float: left;
	width: 600px;
}
#container #content .emailMarket {
	float: left;
	padding-left: 20px;
	width: 418px;
	margin:0px;
	text-align:center;
}
#container #content .notice h4 {
	font-size: 16px;
	color: #CC0000;
	padding-left: 25px;
}


/* NEW HEADER */
.nav1 { 
	width: 75px; height: 36px;
	background: url( 'http://revupcard.com/img/navroll1.gif' );
}

.nav1 a {
	display: block;
	width: 75px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav1.gif' ); 
}

.nav1 a:hover {
	background-image: none;
}

.nav2 { 
	width: 176px; height: 36px;
	background: url( 'http://www.revupcard.com/img/navroll2.gif' );
}

.nav2 a {
	display: block;
	width: 176px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav2.gif' ); 
}

.nav2 a:hover {
	background-image: none;
}

.nav3 { 
	width: 163px; height: 36px;
	background: url( 'http://www.revupcard.com/img/navroll3.gif' );
}

.nav3 a {
	display: block;
	width: 163px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav3.gif' ); 
}

.nav3 a:hover {
	background-image: none;
}

.nav4 { 
	width: 97px; height: 36px;
	background: url( 'http://www.revupcard.com/img/navroll4.gif' );
}

.nav4 a {
	display: block;
	width: 97px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav4.gif' ); 
}

.nav4 a:hover {
	background-image: none;
}

.nav5 { 
	width: 89px; height: 36px;
	background: url( 'http://www.revupcard.com/img/navroll5.gif' );
}

.nav5 a {
	display: block;
	width: 89px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav5.gif' ); 
}

.nav5 a:hover {
	background-image: none;
}

.nav6 { 
	width: 76px; height: 36px;
	background: url( 'http://www.revupcard.com/img/navroll6.gif' );
}

.nav6 a {
	display: block;
	width: 76px; height: 36px;
	overflow:hidden;
	background: url( 'http://www.revupcard.com/img/hnav6.gif' ); 
}

.nav6 a:hover {
	background-image: none;
}


/* NEW ADMIN HEADER */
.anav1 { 
	width: 112px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll1.gif' );
}

.anav1 a {
	display: block;
	width: 112px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav1.gif' ); 
}

.anav1 a:hover {
	background-image: none;
}

.anav2 { 
	width: 112px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll2.gif' );
}

.anav2 a {
	display: block;
	width: 112px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav2.gif' ); 
}

.anav2 a:hover {
	background-image: none;
}

.anav3 { 
	width: 112px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll3.gif' );
}

.anav3 a {
	display: block;
	width: 112px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav3.gif' ); 
}

.anav3 a:hover {
	background-image: none;
}

.anav4 { 
	width: 112px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll4.gif' );
}

.anav4 a {
	display: block;
	width: 112px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav4.gif' ); 
}

.anav4 a:hover {
	background-image: none;
}

.anav5 { 
	width: 112px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll5.gif' );
}

.anav5 a {
	display: block;
	width: 112px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav5.gif' ); 
}

.anav5 a:hover {
	background-image: none;
}

.anav6 { 
	width: 116px; height: 36px;
	background: url( 'https://www.revupcard.com/admin/images/anavroll6.gif' );
}

.anav6 a {
	display: block;
	width: 116px; height: 36px;
	overflow:hidden;
	background: url( 'https://www.revupcard.com/admin/images/anav6.gif' ); 
}

.anav6 a:hover {
	background-image: none;
}