/* base font specs for main containers */
BODY {
	background-color: #2F2103; FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
}

DIV {
	FONT-WEIGHT: normal; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
P {
	FONT-WEIGHT: normal; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
TH {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
} 
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 85%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
LI {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
H1 {
	FONT-SIZE: 140%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
H2 {
	FONT-SIZE: 110%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
H3 {
	FONT-SIZE: 105%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
.onBlack {
	COLOR: #FEF5CA; FONT-SIZE: 90% 
}
.onBlack a {
	COLOR:  #FEF5CA; FONT-SIZE: 90%
}
.song {
	FONT-WEIGHT: bold; FONT-SIZE: 120%
}

/* main anchor selector */
a {
	text-decoration: underline;
	color: #333333;
}
/* anchor pseudoclasses */
a:link {
	
}
a:visited {
	
}
a:hover {

}
a:active {
	
}

	/*** navigation-related classes and IDs ***/
.pageHeader {
	BACKGROUND-COLOR: black
}
.breadcrumbBar {
	FONT-SIZE: 80%; BACKGROUND-COLOR: #ffe54e; border: 0px solid #cccccc;
}
.breadcrumbBar A {
	text-decoration: underline;	
}
.Instruction {
	FONT-SIZE: 80%;
}

.Action {
	FONT-SIZE: 80%; color: #672505;
}

.Action a {
	color: #672505;
}




/*** navigation bar at bottom of page header, above page content ***/
.navbar {
	background-color: #99CC00;
}
.navbar a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.navbarRight {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; WIDTH: 45%; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.navbarLeft {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; WIDTH: 45%; PADDING-TOP: 2px; TEXT-ALIGN: left
}

/* page sidebars */
.rightSidebar {
	MARGIN: 2px; WIDTH: 195px; BACKGROUND-COLOR: black
}
.leftSidebar {
	VERTICAL-ALIGN: top; WIDTH: 195px; COLOR: #999999; BACKGROUND-COLOR: black; TEXT-ALIGN: center
}

/* pagelet for Help box */
.HelpBox {
	BACKGROUND-COLOR: #d4d4d4
}
.HelpHead {
	TEXT-ALIGN: center; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
.HelpBox P {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px; FONT-SIZE: 80%; 
}

/* pagelet for right sidebar boxes */
.pageletHeader {
	background-color: #99CC00; 
}
.pageletHeader P {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.pageletHeader A {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.pageletBox {
	BACKGROUND-COLOR: #D4D4D4
}
.pageletBox A {
	TEXT-DECORATION: none
}
.pageletBox H1 {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
.pageletBox H2 {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
.pageletBox P {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px; FONT-SIZE: 70%;
}

/*** WJ info for interior pages ***/
.WJname {
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	FONT-SIZE: 120%;
	text-align: left;
	padding: 7px 0px 0px 5px;
}	
.WJname a {
	font-weight: normal;
	TEXT-DECORATION: none;
}
.WJtext, .WJtext p, p .WJtext, .review {
	FONT-SIZE: 80%;
	padding: 7px 5px 5px 5px;
}
.WJlists {
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.WJlists a {
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

/*** tabs for interior pages ***/
.tabOn {
	FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #cc6600; TEXT-ALIGN: center
}
.tabOnRow {
	FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
.tabOnRow {
	VERTICAL-ALIGN: bottom; HEIGHT: 25px; TEXT-ALIGN: left
}
.tabOff {
	BACKGROUND-COLOR: #ffe54e; TEXT-ALIGN: center
}
.labelBox {
	BORDER-RIGHT: #2F2103 1px solid; BORDER-TOP: #2F2103 1px solid; BORDER-LEFT: #2F2103 1px solid; BORDER-BOTTOM: #2F2103 1px solid; BACKGROUND-COLOR: #E7D571; FONT-SIZE: 65%; FONT-WEIGHT: bold; COLOR: 2F2103; padding: 3px 3px 3px 3px;
}
.labelBox A {
	COLOR: #3300ff; HEIGHT: 25px; TEXT-DECORATION: none
}
.controlBox {
	BACKGROUND-COLOR: #99CC00
}

.about {
	BACKGROUND-COLOR: #E2D69C; padding: 7px 11px 7px 11px;
}

.aboutText {
	
}

.PageTop {
	BACKGROUND-COLOR: #ffe54e
}
.PageBottom {
	BACKGROUND-COLOR: #000000
}

/* Top an bottom of search results lists; apply to table rows */
.resultsTop {
	BACKGROUND-COLOR: #ffe54e; 	
	padding: 10px 10px 10px 10px;
}
.resultsBottom {
	BACKGROUND-COLOR: #ffe54e; 
	padding: 10px 10px 10px 10px;
}
.resultsHead {
		vertical-align: middle;
		color: #FEF5CA;
		height: 50px;
		padding-left: 20px;
		width: 100%;
		font-size: 90%;
}
.resultsText {
	TEXT-DECORATION: italic;
}
.resultsBreak {
	BACKGROUND-COLOR: #CCCCCC; HEIGHT: 0px; 
}
.hint {
	 FONT-SIZE: 50%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-WEIGHT: normal; text-decoration: none;
}
.hint2 {
	 FONT-SIZE: 75%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-WEIGHT: normal; text-decoration: none;
}
.listTop {
	BACKGROUND-COLOR: #FEF5CA; 
}
.legalText {
	FONT-SIZE: 80%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-WEIGHT: normal; text-decoration: none;
	margin: 7px 0px 7px 0px;	 
}
.explicitFlag {
	COLOR: RED;
	FONT-SIZE: 75%;
	FONT-WEIGHT: bold;
}	
.listTop p {
	COLOR: BLACK; 
}	
.listBottom {
	BACKGROUND-COLOR: #ffe54e;
}
.listName {
	FONT-SIZE: 120%; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; padding: 7px 7px 7px 7px;
}
.BodyRow {
	BACKGROUND-COLOR: #FEF5CA; padding: 7px 7px 7px 7px;
}
/* TD def added for Firefox for all row tags 02/06 */
.BodyRow TD {
	padding: 7px 7px 7px 7px;
}
.SortRow {
	BACKGROUND-COLOR: #e8e8d1; padding: 7px 7px 7px 7px;
}
.SortRow TD {
	padding: 7px 7px 7px 7px;
}
.SortHead {
	FONT-SIZE: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
	COLOR: BLACK; padding: 7px 7px 7px 7px;
}
.listRowOdd {
	background-color: #E2D69C; 
}
.listRowOdd TD {
	padding: 7px 7px 7px 7px;
}
.listRowEven {
	background-color: #FEF5CA; 
}
.listRowEven TD {
	padding: 7px 7px 7px 7px;
}
/* added tight row tags Firefox for 02/06 */
.tightSortRow {
	BACKGROUND-COLOR: #e8e8d1; padding: 0px 7px 0px 7px;
}
.tightSortRow TD {
	padding: 0px 7px 0px 7px;
}
.tightRowBody {
	background-color: #FEF5CA; padding: 0px 7px 0px 7px; 
}
.tightRowBody TD {
	padding: 0px 7px 0px 7px; 
}
.tightRowOdd {
	background-color: #E2D69C; padding: 0px 7px 0px 7px;
}
.tightRowOdd TD {
	padding: 0px 7px 0px 7px;
}
.tightRowEven {
	background-color: #FEF5CA; padding: 0px 7px 0px 7px; 
}
.tightRowEven TD {
	padding: 0px 7px 0px 7px; 
}
.TableText {
	FONT-SIZE: 70%;
}
.sortButton {
	border: 1px solid #cccccc; FONT-SIZE: 70%; 
	background-color: #ffffdd;
}
.sortButton A {
	text-decoration: none; 
}
.sortButton A:link {
	text-decoration: none;
}
.sortButton A:visited {
	
}
.sortButton A:hover {
	
}
.sortButton A:active {
	text-decoration: none;	
}
 INPUT.text {
	border: #cccccc 1px solid;
}
INPUT.btn {
	CURSOR: hand
}
INPUT.arrowBtn {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; CURSOR: hand; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "Wingdings"
}
INPUT.listBox {
	
}
INPUT.checkbox {
	
}
INPUT.radio {
	
}
TEXTAREA {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.formTable {
	padding: 2px 2px 2px 2px;
}
/* FONT-SIZE reduced 02/06 */
.formLabel {
	font-weight: bold;
	padding-right: 5px;
	FONT-SIZE: 80%;
}
.h2Form {
	margin-bottom: 5px;
}
.h3Form {
	margin-bottom: 4px;
}
label {
	font-size: 90%;
}
.formHint {
	font-size: 80%;
}
.optionLink {
	font-size: 80%;
}
.autoFilledData {
	padding: 2px 0px 2px 0px;
}

.footer, .footer p {
	color: #FEF5CA;
	text-align: center;
	font-size: 75%;
}

.footer a {
	color: #FEF5CA;
	text-align: center;
	font-size: 100%;
}

.footerHighlight {
	COLOR: #ffe54e
}
.legend, .legend p {
	COLOR: #FEF5CA;
	font-size: 90%;
}
.legend A {
	COLOR: #FEF5CA
}
.legendcenter {
	COLOR: #FEF5CA; TEXT-ALIGN: center
}
	#iframesBorder {
		background-color: #2f2103; 
		margin: 0px 5px 0px 5px;
		padding: 3px 3px 1px 3px;
		text-align: center;
	}
	.iframeWebjockeyHeading {
		background-color: #6C69D0;
		color: #ffffff;
		padding: 2px 4px 2px 2px;
		font-size: 100%;
		font-weight: bold;
	}
	.iframeWebjockeyRecommendsHeading {
		background-color: #E7D571;
		color: #000000;
		padding: 2px 4px 2px 2px;
		font-size: 100%;
		font-weight: bold;
	}
	.iframeText, .iframeText .iframeText {
		font-size: 95%;
		margin: 5px 0px 5px 0px;
	}
	.iframe {
		margin-bottom: 5px;
	}
	
	.adsDiv {
		background-color: #ffffff;
		padding: 0px 0px 3px 0px; 
		text-align: left;
	}
	
	#divMsgCtrHeading {
		background-color: #939F1B;
		color: #ffffff;
		padding: 2px 4px 2px 2px;
		font-size: 100%;
		font-weight: bold;
	}
	#divMsgCtr {
		background-color: #ffffff;
		text-align: left;
		padding: 3px 0px 3px 0px;
		font-size: 90%;
	}
	.whereYouveBeen {
		background-color: #93A109;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		color: #ffffff;
		font-size: 70%;
		width: 150px;
		text-align: center;
	}
	.breadCrumbTrail {
		background-color: #FEF5CA;
		padding: 2px 0px 2px 5px;
		font-size: 70%;
	}
	#breadCrumbTrailContainer {
		margin-bottom: 0px;
		width: 100%;
	}
	.yellowText {
		color: #FEF5CA;
		font-size: 80%;
	}
	.yellowText a {
		color: #FEF5CA;
		text-decoration: none;
	}
	#notAWebjockey {
		margin-left: 25px;
	}
	#riffinLinksDiv {
		margin: 3px 0px 10px 10px;
		vertical-align: top;
	}
	.riffinLinks {
		color: #FEF5CA;
		text-decoration: none;
	}
	#mainContentTable {
		margin-top: 0px;
		width: 100%;
		/* minimum height of main contetn table */
		height: 500px;
	}
	.topBannerBullets {
		margin-top: 5px;
		margin-bottom: 5px;
		list-style-image: url(../images/whiteBullet.gif);
	}
	.topBannerBullets li {
		font-size: 10px;	
	}
	.topBannerLinks, .topBannerLinks a {
		font-size: 10px;
		color: #000000;
		text-decoration: none;
	}
	#becomeWebjockeyLinkArea {
		padding-left: 10px;
		vertical-align: middle;
	}
	#leftAreaCurveTable {
		margin-left: 10px;
	}
	#pageHeadingArea {
		vertical-align: middle;
		color: #FEF5CA;
		height: 50px;
		padding-left: 20px;
		width: 100%;
		font-size: 110%;
	}
	#myRifffinLinksLine {
		margin-top: 5px;
		height: 1px;
		width: 100%;
		background-color: #FEF5CA;
	}
	
	.offTab {
		background-color: #FFFFBB;
		margin: 0px 2px 0px 2px;
		float: left;
	}
	.offTabText {
		text-align: center;
		vertical-align: top;
		color: #2F2103;
		font-weight: bold;
		font-size: 70%;
		TEXT-DECORATION: none
	}
	.offTabText A {
		TEXT-DECORATION: none
	}
	.onTab {
		background-color: #2F2103;
		margin: 0px 2px 0px 2px;
		float: left;
	}
	.onTabText {
		text-align: center;
		vertical-align: top;
		color: #FFFFBB;
		font-weight: bold;
		font-size: 70%;
	}
	
	#infoAreaTable {
		background-color: #e8e8d1;
	}
	.infoAreaHeader {
		font-size: 10px;
		margin: 0px 0px 0px 0px;
	}
	.infoAreaContent {
		font-size: 9px;
		margin: 5px 0px 5px 0px;
	}
	
	#mainLoginTable {
		margin-top: 50px;
	}
	#loginFormCornersTable {
		background-color: #E8E8D1;
	}
	#loginImageAndContentArea {
		width: 291px;
		padding: 0px 20px 0px 20px;
	}
	#loginFormArea {
		width: 291px;
		padding: 0px 10px 0px 20px;
	}
	.whiteText {
		color: #ffffff;
	}
	.whiteText a {
		color: #ffffff;
	}
	
	/* ADS AREA BLOCKS */
	/* margins are set: top right bottom left */
	#rightAdsArea {
		width: 200px;
		margin: 0px 5px 0px 5px;
		text-align: center;
	}
	#leftAdsArea {
		margin: 40px 5px 2px 5px;
		text-align: left;
	}
	#topAdsArea {
		vertical-align: top;
		text-align: center;
	}
	
	.adsDivText {
		font-size: 90%;
		margin: 5px 0px 5px 0px;
		padding: 0px 2px 0px 2px;
	}
	
	.adsDivListAll {
		font-size: 80%;
		margin: 5px 0px 5px 0px;
		padding: 0px 2px 0px 2px;
		text-align: right;
	}
	
	.formNoteText {
	 font-size: 90%;
	}
	
	#recordHalfCell {
		vertical-align: top;
		padding-top: 40px;
	}

	/* BANNER */		
	#spinListEarnArea {
		text-align: center;
		width: 250px;
	}
	#riffinLogoArea {
		text-align: left;
		width: 250px;
	}
	#logoutHelpLinksArea {
		text-align: center;
	}
	
	/* SEARCH */
	#searchToolsDiv {
		width: 500px;
		vertical-align: middle;
	}
	 #searchDiv {
		float: left;
		padding-top: 3px; /* necessary to keep search forms centered vertically in orange bar */
	 }
	 #advSearchButtonDiv {
		float: right;
	 }
	 
	 .onTab672505 {
		background-color: #672505;
		margin: 0px 2px 0px 2px;
		float: left;
	}
	.offTabe2d69c {
		background-color: #e2d69c;
		margin: 0px 2px 0px 2px;
		float: left;
	}
	.offTabd59710 {
		background-color: #d59710;
		margin: 0px 2px 0px 2px;
		float: left;
	}
	
	.sideLists
	{
		font-size: 70%;
		Margin-top: 3px; 
		Margin-Bottom: 6px;
	}