/**************************************************
 * This is a global stylesheet for every VIP Site.
 * It can be overwritten by the templates, so
 * THESE SYLES ARE DEFAULTS ONLY.
 * 
 * See bottom of Code for printing CSS.  
 * 
 *	-ADJ
 *	
 *
 *		<link rel="stylesheet" type="text/css" media="all" href="http://www.vip-cr.com/classes.css" />
 *		<link rel="stylesheet" type="text/css" media="all" href="http://www.vip-cr.com/files/tmpl/myTemplate/style.css" />
 *
 *     
 *	
 *	Last Revision: 8/6/2007
 **************************************************/ 



/* -------- Generic Styles -------- */
.center, td.center {text-align: center !important; }

.trDark {background-color: #eee;  }

.trLight {background-color: white;  }

.hiddenSubmit {display: none; }

.unbold {font-weight: normal; }

span.leftAlign {float: left; }

span.rightAlign {float: right; }

.nowrap
{
	white-space: nowrap;
}




/* -------- Hoverboxes on VIP Rewards Page -------- */
.hoverbox {
	cursor: default;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.hoverbox a {
	cursor: default;
}
.hoverbox a .preview, .hoverbox a .previewTall {
	display: none;
}
.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -10px;
	left: 100px;
	z-index: 1;
}
.hoverbox a:hover .previewTall {
	display: block;
	position: absolute;
	top: -200px;
	left: 100px;
	z-index: 1;
}
.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;

	vertical-align: top;

	/*width: 100px;
	padding: 2px;
	height: 75px;*/
}
.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
/*	margin: 3px;
	padding: 5px;*/
	
	position: relative;
}
.hoverbox img.preview {
	border-color: #000;
	width: 300px;

	/*height: 150px;*/
}
.hoverbox img.previewTall {
	border-color: #000;
	height: 300px;

	/*height: 150px;*/
}






/* -------- Tables on Profile, Registration, etc. -------- */
.actTable {
	margin: auto;
	width: auto;
}
.actTable th {
	font-weight: normal;
	text-align: left;
	padding-right: 1em;
}
.actTable th.required {
	/* font-weight: bold; */
}
.actTable th.required:after {
	content: ' *';
}
.actTable td {
	text-align: left;
}

.requiredField {
	color: #00c;
	font-weight: bold;
}

/* -------- Transaction History table for Account page -------- */
.transTable
{
	width:100%;
	margin:0px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
	.transTable th, .transTable td
	{
		text-align: left;
		color: black;
		padding: 3px;
		vertical-align: top;
		margin: 0px;
	}
	.transTable th
	{
		font-weight: bold;
		white-space: nowrap;
		border-bottom: 1px solid #ccc;
	}
	.transTable td
	{
		font: 8pt arial;
		/*border:solid #ddd 1px;*/
	}

/* -------- Point Transfer Table on Account page -------- */
#sendPointsTable {
	margin: auto auto;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}
	#sendPointsTable th {
		border: 1px solid #cccccc;
		background-color: #eeeeee;
		text-align: center;
		padding: 5px;
	}
	#sendPointsTable td {
		text-align: center;
		padding: 5px;
	}
	#sendPointsTable .mainHeader {
		font-size: 110%;
		text-decoration: underline;
		border: 1px solid #cccccc;
		background-color: #dddddd;
		text-align: center;
	}
	#sendPointsTable .spacer {
		border: 1px solid #cccccc;
		background-color: #eeeeee;
	}
	#sendPointsTable .spacer td {
		height: 2px;
		padding: 0px !important;
	}
	.transferSuccess, .transferError {
		border: 1px solid #000;
		border-top-color: #ccc;
		padding: 3px;
		color: #000;
		background-color: #ddd;
	}
	.transferSuccess {
		background-color: #9f9;
	}
	.transferError {
		background-color: #f99;
	}

/* boxes that appear across the VIP Site */
.miniBox {
	padding:8px 3px;
	width:auto;
	margin:5px auto 5px auto;
}
.loginBox {
	padding:3px;
	margin:auto;
	width:250px;
	text-align:center;
}
.miniBox, .loginBox {
	border: solid black 1px;
}
.miniBox h3, .loginBox h3 {
	margin: 3px auto;
	font-weight: normal;
}
.miniBox p, .loginBox p {
	margin: 8px auto 8px auto;
}
/*
.pageBox
{
	border: solid #ccc 1px;
}
	.pageBox .header
	{
		padding: 3px 10px;
		font-weight: bold;
		border-bottom: solid #ccc 1px;
		background: #eee;
		font-size: 1.5em;
		height: 1.5em;
	}
	.pageBox .close
	{
		float: right;
	}
	.pageBox .title
	{
		float: left;
	}
	.pageBox .inner
	{
		padding: 5px;
	}
*/

.closeButton
{
	float: right;
	font-size: 150%;
}

.pageWidget
{
/*	float: left;
	width: 50%;
*/
}
	.widgetInner
	{
		border: solid #cccccc 1px;
		margin: 2px;
		padding: 5px;
	}



/* -------- Generic Message Banners -------- */

.error {
	background-color: #ff3333;
	background: url(/images/i_error.gif) no-repeat top left;
	color: red;
	text-indent: 25px;
	font-weight: bold;
	padding: 5px;
}
.errorMsg {
	background: url(/images/i_error.gif) no-repeat #ff3333;
	background-position: 6px center;
	color: #fff;
	/*text-indent: 25px;*/

	font-weight: bold;
	padding: 10px;
	padding-left: 35px;
	margin-right: 0px;
}
.actionMsg {
	background: url(/images/i_check.gif) no-repeat #dbfccd;
	background-position: 6px center;
	/*border: 1px solid #6fac54;*/
	/*text-indent: 25px;*/
	
	/* color: #1b5f13; */
	color: green;
	padding: 10px;
	padding-left: 35px;
	margin-right: 0px;
}
.infoMsg {
	background: url(/images/i_info.gif) no-repeat #ffe178;
	background-position: 6px center;
	/*text-indent: 25px;*/
	/*border: 1px solid #6fac54; */
	color: #875f00;
	padding: 10px;
	padding-left: 35px;
	margin-right: 0px;
}



/* -------- LI's for card selection -------- */
#yourCards
{
	list-style-type: square;
	padding-left: 20px;
	font-size: 12pt;
	margin-right: 30px;
}

#yourCards li
{
	padding: 5px;
}

#yourCards .cardTitle
{
	font-size: 14pt;
}

/* -------- Put this stuff into templates!!! -------- */

/*fieldset.accountForm*/
.accountForm {
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: solid #ccc 1px;
	border: solid #0059a5 1px;
}
.accountForm legend {
	font-size: 14pt;
	font-weight: bold;
	color: #046;
}



.promoBox {
	border: dashed gray 2px;
	padding:0px;
	width:auto;
	height: auto;
	margin:15px auto 15px auto;
}

.promoBox h2 {
	margin: 5px;
	text-align: center;
}

.promoMain {
	padding: 5px;
}

.promoDetails {
	padding: 5px;
	color: black;
	background-color: #eee;
}

.promoActive {
	background-color: #efe;
	padding: .5em;
}


.navSpacer {
	visibility: hidden;
	height: 10px;
}

.fieldSubtitle {
	font-size: 10px;
}
/* ----- Put that stuff in templates! ------ */



/************* PRINTING CSS ***********/
@media print
{

/* I've heavily used the IMPORTANT tag
 * because this stylesheet can be overwritten
 * by each template. If you want to change
 * this REALLY bad, use the tag in the template's
 * CSS, jerk.
 * 
 * -ADJ 
 */


	body
	{
		margin: 0px !important;
	}
	
	div
	{
		display: none !important;
	}
	
	#container, 
	#content, 
	#content div
	{
		display: block !important;
	}
	
	#container, #content
	{
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		border: none !important;
	}
	
	.noPrint
	{
		display: none !important;
	}
}