/* global ----------------------------------*/

body { 
        background:#bbbbbb url(images/ci_background.gif) no-repeat top left; 
        margin-top: 1px; 
        margin-left: 0px; 
        margin-right: 0px; 
        padding: 0; 
        }
        
        A               { color: #999999; text-decoration: none; font-family: arial,helvetica,sans-serif; } 
        A:link          { color: #ff0000;} 
        A:visited       { color: #ff0000;} 
        A:active        { color: #ff0000;} 
        A:hover         { color: #ff0000; } 

popup {
	background:#ffffff url(images/ci_background.gif) no-repeat top left;
}

/* -- standard elements we'll use for text on the site */
.txt, td, p, input, select, textarea { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; color: #333; }
.txtb { font-family: geneva, arial, helvetica, sans-serif; font-size: 11px; color: #333; font-weight: bold;}
.header { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #333; font-weight: bold;}
.headerHighlight { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; background: #dd0000; color: #fff;}
.headingRed { font-family: geneva, arial, helvetica, sans-serif; font-size: 16px; color: #999999; font-style: italic;  font-weight: bold;}
.headingRedLarge { font-family: geneva, arial, helvetica, sans-serif; font-size: 20px; color: #999999; font-style: italic;  font-weight: bold;}
.headingRedReally { font-family: geneva, arial, helvetica, sans-serif; font-size: 16px; color: #dd0000; font-style: italic;  font-weight: bold;}
.navCommon { font-family: geneva, arial, helvetica, sans-serif; font-size: 11px; color: #999;}
.leftnavheader { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #dd0000; font-style: italic; background: #efefef}
.footer { font-family: geneva, arial, helvetica, sans-serif; font-size: 10px; color: #999;}
.footersmall { font-family: geneva, arial, helvetica, sans-serif; font-size: 9px; color: #999;}
.footersmallred { font-family: geneva, arial, helvetica, sans-serif; font-size: 9px; color: #ee0000;}
.footersmallblack { font-family: geneva, arial, helvetica, sans-serif; font-size: 9px; color: #000000;}
.subtitlered { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; font-style: italic; color: #ff0000;}
.subtitle { font-family: geneva, arial, helvetica, sans-serif; font-size: 10px; color: #777777;}
.bodytextlarge { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #777777;}
.bodytext { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; color: #777777;}
.subsectionheading { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #dd0000; font-weight: 500;}
.subsectionheadingsmall { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; color: #dd0000; font-weight: 500;}
.bodytextmedium { font-family: geneva, arial, helvetica, sans-serif; font-size: 11px; color: #777777;}
.bodytextsmall { font-family: geneva, arial, helvetica, sans-serif; font-size: 10px; color: #777777;}
.titletext { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #444444;}
.titletext2 { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #444444;}
.titletextred { font-family: geneva, arial, helvetica, sans-serif; font-size: 14px; color: #ff0000;}



.smallitalictext { font-family: geneva, arial, helvetica, sans-serif; font-size: 11px; color: #777777; font-style: italic; }
.smallitalictextred { font-family: geneva, arial, helvetica, sans-serif; font-size: 11px; color: #dd0000; font-style: italic; }

.noAnchorUnselected { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; color: #777777;}
.noAnchorSelected { font-family: geneva, arial, helvetica, sans-serif; font-size: 12px; color: #ee0000;}

.blueAnchorSmall { font-family: geneva, arial, helvetica, sans-serif; font-size: 10px; color: #0000ee;}

.textTan {color: tan}
.textPurple {color: purple}


.breadcrumbs { font-family: geneva, arial, helvetica, sans-serif; font-size: 9px; color: #aaaaaa;}



/* -- colors --------------------------------------------------------------- */
.grey { background:#999999; }
/*.lightgrey { background:#DFDFDF; }*/
.lightgrey { background:#FFFFDD; }
.blue { background:#8DB0D3; }
.darkblue { background:#336699; }
.lightblue { background:#DEE6EF; }
.medblue { background:#6699CC; }
.yellow { background:#FFFFDD; }
.error { background:#FF9999; }
.approval { background:#CCFF99; }
.button { background:#FFCC33; }


/* -- objects --------------------------------------------------------------- */
#columnHeadLogin  { background: #aaaaaa;position:relative; color: white }
#columnHeadCards  { background: #aaaaaa;position:relative; color: white }
#columnHeadMagic  { background: #aaaaaa;position:relative; color: white }
#columnHeadWeird  { background: #aaaaaa;position:relative; color: white }
#contentpad { margin: 10px 20px 20px 20px; }
#contentpad2 { margin: 0px 20px 0px 0px; }
#bottompad2 { margin: 0px 0px 2px 0px; }
#bottompad5 { margin: 0px 0px 5px 0px; }
#top10bottompad5 { margin: 10px 0px 5px 0px; }
#top5bottompad5 { margin: 5px 0px 5px 0px; }
#topbottompad10 { margin: 10px 0px 10px 0px; }
#toppad10 { margin: 10px 0px 0px 0px; }
#rightpad5 { margin: 0px 5px 0px 0px; }
#leftpad5 { margin: 0px 0px 0px 5px; }
#leftpad20 { margin: 0px 0px 0px 20px; }
#boxpad { margin: 5px 5px 5px 5px; }
#listpad { margin: 2px 5px 2px 5px; }
#listpad2 { margin: 10px 10px 10px 10px; }
#listpad3 { margin: 2px 0px 2px 0px; }
#leftnav { margin: 5px 2px 10px 20px; }
#form { margin: 0px 0px 4px 0px; }
#formtextr { margin: 0px 0px 0px 10px; text-align: right; font-weight: bold;}
#formtextrnb { margin: 0px 0px 0px 10px; text-align: right;}
#formtextl { margin: 0px 0px 0px 10px; font-weight: bold;}
#formtextlnb { margin: 0px 0px 0px 10px; } 

.dashes {
border-top: 2px dashed #777777;
*border-bottom: 0;*
margin-top: 3px;
}


#sitemapcontainer	{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	padding: 0;
	border-style: solid:
	
}


#popupcontainer	{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	padding: 0;
	border-style: solid:
	
}


.xxx {
        font-family: arial,helvetica,sans-serif;
        color: #000000;
        font-size: 12px;
        line-height:12px;
        font-weight: bold;
        font-style: italic;
        text-align: right;
        text-align: center;
        text-indent: -10px;
        padding: 0px 0px 0px 0px;
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 6px; 
        margin-bottom: 0px;
        background:#FFF;
        text-transform:uppercase;
        }
	

.progClear {
        background:#f4f4f4;
	}

.progActive {
        background:#ffffff;
	}

.progComplete {
        background:#00ff00;
	}

.progCorrect {
        background:#00ee00;
	}

.progWrong {
        background:#ee0000;
	}

.clueHighlight {
        background:#eeee00;
	font-size: 11px; 
	}

.noHighlight {
        background:#ffffff;
	font-size: 11px; 
	}

.crossedOut { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: #777777; 
	text-decoration:line-through;
	background:#dddddd;
	}

.crossedHighlight { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: #777777; 
	text-decoration:line-through; 
	background:#eeee00;
	}

.virgin { 
	font-family: geneva, arial, helvetica, sans-serif;  
	font-size: 11px; 
	color: #333333; 
	background:#ffffff;
	}

.remaining { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	background:#ff7f00;
	}

.rollover { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 11px;
	background:#ffff7f;
	}

.rolloverCrossOut { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 11px;
	text-decoration:line-through; 
	background:#ffff7f;
	}

.finalClue { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	//color: #777777;  
	color: #ffffff;  
	background:#55ee11;
	}

.blockOut { 
	font-family: geneva, arial, helvetica, sans-serif; 
	background:#aaaaaa;
	}

.linkHighlightOn {
        font-family: arial,helvetica,sans-serif;
        color: #ff0000;
        font-size: 11px;
        line-height:11px;
        font-style: italic;
        text-align: right;
        text-align: center;
        text-indent: -10px;
        padding: 0px 0px 0px 0px;
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 6px; 
        margin-bottom: 0px;
        background:#FFF;
        text-transform:uppercase;	
	}

.linkHighlightOff { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #777777;
	}