﻿/*
	DimGray		#696969
	Silver		#c0c0c0
	Gainsboro	#dcdcdc

	Black		#000000		primary
	MediumBlue	#0000cd		secondary	
	Orange		#e66e00		tertiary   e66e00
	White		#ffffff		primaryAnti
*/

	body {
		background-color: #696969;
		background-image: url(/images/bg.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		color: #000000;
		font-family: Arial, Geneva, Helvetica; 
		font-size: 12px;
		margin: 0px 0px 0px 0px;
	}

	img {
		display: block;
	}
	
/* Classes */

	/* for the banner (email notification page) */

	.bannerBody {
		background-color: #696969;
		background-image: url(/images/header_bg.gif);
		margin: 0px;
		overflow: hidden;
	}

	/* for pseudo links */
	
	.leftTop {
		background-image: url(/images/lefttop.gif);
		background-repeat: no-repeat;
		height: 25px;
		width: 6px;
	}
	
	.middleTop {
		background-image: url(/images/bgtop.gif); 
		width: 100%;
	}
	
	.rightTop {
		background-image: url(/images/righttop.gif);
		background-repeat: no-repeat;
		width: 15px;
	}
	
	/*  generic text size classes */

	.smText {
		font-size: 10px;
		text-decoration: none ; 
	}

	a.smText, .smText:Link, a.smText:Link {
		text-decoration: underline;
	}
		
	.medText {
		font-size: 11px;
		text-decoration: none ; 
	}

	a.medText, .medText:Link, a.medText:Link {
		text-decoration: underline;
	}
	
	.text {
		font-size: 12px;
		text-decoration: none ; 
	}

	a.text, .text:Link, a.text:Link {
		text-decoration: underline;
	}

	.title { 
		font-size: 14px; 
		font-weight: bold;
		text-decoration: none;
	}

	.lgTitle { 
		font-size: 16px; 
		font-weight: bold;
		text-decoration: none;
	}

	.hugeTitle { 
		font-size: 18px; 
		font-weight: bold;
		text-decoration: none;
	}
		
	.massiveTitle {
		font-family: Verdana;
		font-size: 36px;
		text-decoration: none;
	}	
		
	/* generic font decorations */
		
	.b {
		font-weight: bold;
	}
	
	.i {
		font-style: italic;
	}
  	
	.u {
		text-decoration: underline;
	}
			
	/* generic text color sizes */

	.error {
		color: #ff0000;
	}
	
	.success {
		color: #008000;
	}
	
	.primary {
		color: #000000;
	}

	.secondary {
	color: #0000cd;
	}
	
	a.hoverSecondary:Hover, .hoverSecondary:Hover {
		color: #0000cd;
	}
	
	.tertiary {
		color: #e66e00;
	}
	
	a.hoverTertiary:Hover, .hoverTertiary:Hover {
		color: #e66e00;
		cursor: pointer;
	}

	.primaryAnti {
		color: #ffffff;
	}

	a.hoverPrimaryAnti:Hover {
		color: #ffffff;
	}

	/* classes for list pages */
	
	.borderCell, .BorderCell {
		border: solid 1px #0000cd;
		border-left: none;
		border-top: none;
	}
	
	.dataCell {
		padding: 0px 5px 0px 5px;
	}
	
	.headerCell {
		background-color: #c0c0c0 !important;
	    padding: 3px 0px 6px 0px;		
	}

	.hiliteRow {
		background-color: #f5f5f5;
	}
	
	.listTab {
		border: solid 1px #0000cd;
		border-bottom: none;
		border-right: none;
	}
	
	.unHiliteRow {
		background-color: #dcdcdc;
	}
	
	.spanLink { 
		text-decoration: underline ; 
		font-weight: bold;
	}
	
	.bottomPager {
		background-color: #c0c0c0;
		padding: 4px 0px 4px 0px;
	}

	/* used on old pictures page for captions */

	.pictureText {
		background-color: #ffffff;
		padding-bottom: 2;
		padding-top: 2;
	}

	/* for calendar *as of 2007.01.04 applied only on the beta calendar page */
	
	.calendar {
		background-color: #ffffff;
		border: solid 1px #0000cd; 	
	}
	
	.calendarDay {
		font-weight: bold;
	}
	
	.calendarDayHeader {
		background-color: #dcdcdc;
		color: #0000cd; 	
	}
	
	.calendarNextPrev {
		background-color: #dcdcdc;
		color: #0000cd !important;
	    font-weight: bold;	
	}
	
	.calendarOtherMonth {
		background-color: #696969;
		color: #ffffff;
	}
	
	.calendarSelectedDay {
		background-color: #0000cd;
		color: #ffffff;
		font-weight: bold;
	}
	
	.calendarTitle {
		background-color: #dcdcdc;
		border: none;
		color: #0000cd;
		font-size: 14px;
		font-weight: bold;
	}

	.calendarToday {
		border: solid 1px #e66e00;
	}
		
	/*  */
	
	.errorBox {
		background-color: #ffeeee; 
		background-image: url(/images/forbidden48.png);
		background-position: left center;
		background-repeat: no-repeat;
		border: solid 2px #ff0000; 
		padding: 16px 8px 8px 56px; 
		text-align: left;
		width: 480px; 
	}	
		
		
	.successBox {
		background-color: #dcdcdc; 
		border: solid 2px #008000; 
		margin: 60px auto 0 auto;
		padding: 16px 8px 8px 56px; 
		text-align: left;
		width: 480px; 
	}			
		
	/* For the main tab on pages */	
		
/* Named */

	/* mast is for the username and date on standard.master */
	
	#mast {
		color: #ffffff;
		font-weight: bold;
		font-size: 8pt;
		height: 20px;
		left: 6px;	
		position: absolute;
		top: 72px;
		width: 400px;
		z-index: 0;
	}		
	
	.tab {
		background-color: #dcdcdc;
		border: solid 1px #c0c0c0;		
	}

	.tabHeader {
		background-color: #c0c0c0;
	}

	/*  used on the card generator page */
	
	.CardAffiliateId {
		font-size: 32px;
		font-family: Courier;
		font-weight: bold;
	}

	.CardItem {
		font-size: 14pt;
		font-weight: bold;
	}

	.CardUserName {
		font-size: 28px;
		font-weight: bold;
	}
	
	
	/* for more robust hiding of things */
	
	.hidden 
	{
		visibility: hidden;
	}
	
	.unHidden 
	{
		visibility: visible;
	}
	
	/* for imagemap on trip */
	
	.hand {
		cursor: crosshair;
	}
	
	/* for ajax watermark extender control */
	
	.watermark {
		color: #808080;
		font-family: Verdana, Arial, Sans-Serif;
	}
	
	/* new paging classes for list page */
	
    .pagingCurrent {
		background-color: #f8ab1d; 
		border: solid 1px #0000cd;
		color: #ffffff; 
		font-weight: bold; 
		margin-bottom: 2px; 
		margin-left: 1px; 
		margin-top: 2px; 
		position: relative; 
		padding: 4px 7px 4px 7px; 
	}	
	
	.pagingDisabled {
		border: solid 1px #aaaaaa; 
		color: #aaaaaa; 
		margin-bottom: 2px; 
		margin-left: 1px; 
		margin-top: 2px; 
		position: relative; 
		padding: 4px 7px 4px 7px; 
	}
    
    .pagingEnabled {
		background-color: #ebeaea; 
		border: solid 1px #0000cd; 
		color: #0000cd;
		font-weight: bold; 
		margin-bottom: 2px; 
		margin-left: 1px; 
		margin-top: 2px; 
		position: relative; 
		padding: 4px 7px 4px 7px; 
	}
	
    span.pagingEnabled a {
		color: #8a2be2; 
	}

	.modalMask {
		position:absolute;
		top:0px;
		left:0px;
		background-color: #000000;
		z-Index:5;
		opacity:0.8;
		-moz-opacity: 0.8;
		filter:alpha(opacity=80);
	}   