/* ====== GENERAL APPLICATION STYLES ====== */
BODY {
	padding: 5px;
	background-color: #FFF;
    	font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif
}

div#nifty{ margin: 0;background: #9BD1FA; width: 970px;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


TD 	{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
TH 	{font-size: 12px; vertical-align: middle; height: auto; color: #ffffff; background-color: #00438c;}

IMG {border-width: 0;}
BR 	{font-size: 8px;}
HR 	{color: #2982C6;}

H2 	{font-size: 12px; font-weight: 600; color: #333333;}
H3 	{font-size: 13px; font-weight: 600; color: #333333;}


/* ====== SPECIFIC LINK STYLES ====== */
A  			{color: #2982C6; font-size: 12px; text-decoration: none;}
A:link  		{color: #2982C6; font-size: 12px; text-decoration: none;}
A:visited  		{color: #2982C6; font-size: 12px; text-decoration: none;}
A:active  		{color: #2982C6; font-size: 12px; text-decoration: none;}
A:hover  		{color: #003399; font-size: 12px; text-decoration: underline;}

A.z:link  		{color: #2982C6;}
A.z:visited  		{color: #2982C6;}
A.z:active  		{color: #2982C6;}
A.z:hover  		{color: #333333;}

A.zsmall:link  		{color: #2982C6; font-size: 9px;}
A.zsmall:visited  	{color: #2982C6; font-size: 9px;}
A.zsmall:active  	{color: #2982C6; font-size: 9px;}
A.zsmall:hover  	{color: #333333; font-size: 9px;}

A.black:link  		{color: #000000;}
A.black:visited  	{color: #000000;}
A.black:active  	{color: #000000;}
A.black:hover  		{color: #333333;}

A.whitey:link  		{color: #ffffff; font-size: 11px;}
A.whitey:visited  	{color: #ffffff; font-size: 11px;}
A.whitey:active  	{color: #ffffff; font-size: 11px;}
A.whitey:hover  	{color: #99ffff; font-size: 11px;}

A.breadcrumb:link  		{color: #ffffff; font-size: 13px; font-weight: bold;}
A.breadcrumb:visited  	{color: #ffffff; font-size: 13px; font-weight: bold;}
A.breadcrumb:active  	{color: #ffffff; font-size: 13px; font-weight: bold;}
A.breadcrumb:hover  	{color: #99ffff; font-size: 13px; font-weight: bold;}



/* ====== SPECIFIC CELL STYLES - Specify Font and Background Color ====== */
.xsmall 	{font-size: 12px; background-color: #ffffff; color: #333333;}
.xsmallgrey	{font-size: 12px; background-color: #eeeeee; color: #333333;}
.small 		{font-size: 12px; background-color: #FFEEEE; padding: 10px;}
.smalltint 	{font-size: 12px; background-color: #FFCCCC; padding: 10px;}
.rowhighlight 	{font-size: 12px; background-color: #FFFFCC;}
.displaypanel 	{background-color: #ffffff; padding: 3px; border-left: navy 1px solid; border-top: navy 1px solid; border-bottom: navy 1px solid; border-right: navy 1px solid;}



/* ====== SPECIFIC FONT STYLES - Specify Font Only ====== */
.whiteface 	{color: #ffffff;}
.white_11px 	{color: #ffffff; font-size: 11px;}
.title2 	{color: #000000; font-size: 18px; font-weight: 600;} /* Home Page Box Titles - Black */
.title1 	{color: #FFFFFF; font-size: 18px; font-weight: 600;} /* Home Page Box Titles - White */
.whitebold 	{color: #FFFFFF; font-weight: bold;}
.breadcrumb 	{color: #FFFFFF; font-size: 13px;}
.error		{color: #FF0000; font-weight: 600;}


/* ====== HEADER and LOGIN SPECIFIC STYLES ====== */
.VFCtitle 	{background-color: #FCD686;}
.VFCtitletext 	{font-size: 48px; background-color: #f9bf51; font-weight: 600; font-style: italic; color: #ffffff;}
.topbar 	{background-color: #829EC2;}
.xmenusmall 	{font-size: .8em; background-color: #f9bf51; font-weight: 600; color: #000000;}
.loginBox 	{
			font-size: 11px; 
			font-weight: 600; 
			background-color: #057AA1; 
			padding-top: 2; 
			padding-left: 10; 
			padding-right: 10; 
			padding-bottom: 2; 
}
.loginText 	{color: #FFFFFF; font-size: 11px; font-weight: 600;}
.logoutBox 	{width: 110px; margin: 0px 10px 3px 3px;}
.errorText	{color: #FFFF00; font-size: 11px; font-weight: 600;}
.toplinkback 	{background-image: url(../img/tab_back3.gif); background-repeat: repeat-x; background-color: #004488;}
.toplinkbackspace 	{background-color: #004488;}



/* TAB Menu */
.highlight 		{background-image: url(../img/tab_on_mid.gif); background-repeat: repeat-x; background-color: #E6E6E6;}
.highlightsubmenu	{background-color: #CBCBCB; height: 25px;}
.lowlight 		{background-image: url(../img/tab_off_mid.gif); background-repeat : repeat-x; background-color : #9AA8AA;}
.bhighlight 		{background-image: url(../img/tab_on_bmid.gif); background-repeat : repeat-x;}

A.tabon  		{color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
A.tabon:link 		{color: #000000; text-decoration: none;}
A.tabon:visited 	{color: #000000; text-decoration: none;}
A.tabon:hover 		{color: #000000; text-decoration: underline;}

A.taboff 		{color: #FFFFFF; font-size:11px; text-decoration: none; font-weight: normal; font-style: normal;}
A.taboff:visited	{color: #FFFFFF; font-size:11px; text-decoration: none;}
A.taboff:link 		{color: #FFFFFF; font-size:11px; text-decoration: none;}
A.taboff:hover 		{color: #FFFFFF; font-size:11px; text-decoration: underline;}


/* FORM */
INPUT 		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 1px; border: 1px solid #909090; background: #F5F5F5;}
SELECT  	{font-size: 11px; border: 1px solid #909090 ; margin-bottom: 1px; scrollbar-face-color: #D4D3D1; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #F5F5F5; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #F5F5F5;	scrollbar-arrow-color: #333333;} 
TEXTAREA  	{font-size: 11px; border: 1px solid #909090; margin-bottom: 1px; background: #F5F5F5;scrollbar-face-color: #D4D3D1; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #F5F5F5; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #F5F5F5; scrollbar-arrow-color: #333333;} 
.submit 	{
	cursor:hand;
	border:1px solid;
	border-color:#c4cccc #acb5b5 #6f7777 #acb5b5;
}


/* Program Specific */
.seltab {
	background:#004b85;
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer; /* for netscape - must come first */
	cursor:hand;
	font-size:12px;
	font-weight:bold;
	height:22;
	border-top:navy 1px solid;
	border-left:navy 1px solid;
	border-right:navy 1px solid;
}

.tab {
	background:#247dc2;
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer; /* for netscape - must come first */
	cursor:hand;
	font-size:12px;
	font-weight:normal;
	border-bottom:navy 1px solid;
	height:22;
}

.backtab {
	background-color:#99CCFF;
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer; /* for netscape - must come first */
	cursor:hand;
	font-size:12px;
	font-weight:normal;
	border-bottom:navy 1px solid;
	height:22;
}

.highlightsub 	{background-image : url(../img/menu_line.gif);background-repeat: repeat-x;/*background-color:#99FFFF;*/ font-size: 1.25em;}

.ctbaPortlet {
    margin-left: 2px; margin-top: 0px;
}

.ctbaPortletTitle {
	text-align: left;border-left: #000000 1px solid;  border-top: #000000 1px solid; border-bottom: #000000 1px solid; FONT-SIZE: 60.0%; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #5495d5;
}

.ctbaPortletArea {
        border-left: #CCCCCC 1px solid; 
        border-right: #CCCCCC 1px solid; 
        border-bottom: #CCCCCC 1px solid; 
        BACKGROUND-COLOR: #FFFFFF;
        padding: 0.75em;
}

.ctbaPortletBox {
        border-top: #CCCCCC 1px solid; 
        border-left: #CCCCCC 1px solid; 
        border-right: #CCCCCC 1px solid; 
        border-bottom: #CCCCCC 1px solid; 
        BACKGROUND-COLOR: #FFFFFF;
        padding: 0.75em;
}

.description-text { padding-left: 5px; font-family: Verdana,Helvetica, sans-serif; font-size:50.0%; background-color: #FFFFFF;}

.instruction-text { 
    font-weight:normal;
    padding-left: 2px; 
    margin-top: 2px; 
    margin-bottom: 2px; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size:70.0%; 
    background-color: #FFFFFF;
}

.des2-text { padding-left: 2px; font-family: Verdana,Helvetica, sans-serif; font-size:30.0%; background-color: #FFFFFF;}



.top_menu-text { 
    font-weight:normal;
    padding-left: 5px; 
    margin-top: 2px; 
    margin-bottom: 2px; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size:100.0%; 
    color: #ffffff;
    background-color: #5495d5;
}

.bullet-text {
    font-weight:normal;
    padding-left: 2px; 
    margin-top: 1px; 
    margin-bottom: 1px; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size:65.0%;
}

# LI { 
#    margin-left: 2px;padding-top: 1px; padding-bottom: 0px; font-size:40.0%; font-family: Verdana, sans-serif; 
# }}

# UL { 
#    margin-left: 2px;margin-bottom: 0px; margin-top: 0px; font-size:40.0%; list-style-position: outside; list-style-type: square; color: #1589FF
# ;}

LI { 
    margin-left: 0.75em;padding-top: 1px; padding-bottom: 1px;font-family: Verdana, sans-serif; 
    
}

UL { 
    margin-left: 0.75em;margin-bottom: 0px; margin-top: 0px; font-size:75.0%; list-style-position: outside; list-style-type: square; color : black;}

.nav-child {
    padding-top: 1px;
    padding-bottom:1px;
    padding-left:5px;
}

.navigation-bullet {
    font-weight:normal;
    padding-left: 5px; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size:65.0%;
}

.PopProdEa {}

.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #0E51A3;

	text-decoration:none;

}

a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {

 	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FF3300;

	text-decoration:none;

}

.framing-table { background-color: #88a4d7; background-image: none; }

.table-row {   
    font-family: Verdana,Helvetica, sans-serif; font-size:65.0%; background-color: #f7f7f7; 
}

.collection-table-text {
    border-top: 1px solid #FFFFFF; 
    border-left: 1px solid #FFFFFF; 
    padding-left: .35em; font-family: 
    Verdana,Helvetica, sans-serif;
    font-weight:normal; 
    text-align: left;
    overflow: visible; 
}



.msg {
	font-size: 8pt;
	font-weight: bold;
}

.capt1, .base, .bar {
	font-size: 10pt;
	font-weight: bold;
}

.capt2 {
	font-size: 9pt;
	font-weight: bold;
}

.capt3 {
	font-size: 8pt;
	font-weight: bold;
}

.tip {
	font-size: 9pt;
	font-weight: bold;
	color: #66ffcc;
}

.fscapt {
	font-size: 9pt;
	font-weight: bold;
	color: #aabbcc;
}

.selcapt2 {
	font-size: 9pt;
	font-weight: normal;
	margin: 4px;
	background-color: #ddffee;
	color: #666655;
}

.selcapt3 {
	font-size: 9pt;
	font-weight: normal;
	margin: 4px;
	background-color: #336666;
	color: #ffffff;
}

.selcapt {
	font-size: 9pt;
	font-weight: normal;
	margin: 4px;
	background-color: #ffffff;
	color: #006600;
}

.but {
	font-size: 8pt;
	font-weight: bold;
	height: 24px;
	background-color: #606060;
	color: #ffffff;
	background-image: url(images/butbase.gif);
	border: 0px solid #cccccc;
	border-left: none;
	border-right: none;
}

.base {
	background-color: #aaff66;
	border: 1px solid #009900;
	color: #006600;
}

.bar {
	background-image: url(jigsaw/bar.gif);
	background-color: #336633;
	color: #00330;
	text-align: center;
}

.url, .urlp, .urla {
	font-size: 8pt;
	font-weight: bold;
	color: #ffffaa
;}

.urlp {
	color: #aaffaa
;}

.urla {
	color: #66eeff
;}

.info {
	border: 2px;
	border-style: solid;
	border-color: white;
}

.bnote {
	font-size: 8pt;
	font-weight: normal;
	color: white;
}

a.notelnk, a.notelnk:visited, a.notelnk:active {
	font-size: 8pt;
	font-weight: normal;
	color: #66ffcc;
}

.bnotehead {
	font-size: 10pt;
	font-weight: bold;
	color: #66ffcc;
}

.email {
	font-size: 8pt;
	font-weight: bold;
	color: white;
}

.menubar {
	padding: 0px;
	margin: 0px;
	brder-top: 1px solid white;
	brder-bottom: 1px solid white;
	background-color: #606060;
	background-image: url(images/menu.gif);
}

.fra {
	border: 2px solid #999999;
	background-color: #606060;
}

.clsThisGame, .clsBar {
	font-size: 8pt;
	font-weight: bold;
	color: #cccccc;
}

.clsBar {
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}

.clsOtherGame {
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.help {
	font-size: 8pt;
	margin: 0px;
	font-weight: bold;
}

.left {margin:0;padding:0;float:left;}
.right {margin:0;padding:0;float:right;}
.error{text-align:center;color:#f00;padding:5px;}

.mainWidget div.widget{width:968px;margin-top:10px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0;}        
    .mainWidget .header{margin:0;padding:0;background: url(/images/header-bg.gif);height:19px;}
    .mainWidget .content {height:850px;border-left:1px solid #8D92BA;border-right:1px solid #8D92BA;background:#fff;margin:0;padding:0;}
    .mainWidget ul{text-align:left;list-style:none;padding:10px 0 0 0;margin:0 0 0 10px;}
    .mainWidget li{font:normal 11px arial;background:url(/images/dot-larger.gif) no-repeat 3px 2px;line-height:.9em;padding:0 0 11px 17px;margin:0;}
    .mainWidget li.one{width:185px;}
    .mainWidget li.two{width:165px;}
    .mainWidget li.three{width:145px;}
    .mainWidget  h4{font-size:12px;color:#17197E;padding:0 0 2px 0;margin:0;}
    .mainWidget .content1 {border-left:1px solid #8D92BA;border-right:1px solid #8D92BA;background:#fff;margin:2;padding:0 12px 0 30px;text-align:left;}

    .mainWidget .content span.right{margin:0;padding:0 10px 10px 10px;text-align:left;height:190px;}
    .mainWidget table td{margin:0;padding:2px 0 0 0;}
    .mainWidget label{white-space:nowrap;text-align:left;display:block;font-weight:bold;margin:0;padding:0 2px 0 0;}
    .mainWidget input{text-align:left;margin:0;padding:0;}
    .mainWidget .submit{margin:0;padding-top:12px;}
    .mainWidget .submit input{text-align:center;}
    .mainWidget .remember{padding-top:10px;}
    .mainWidget .remember input{margin:0 3px 0 5px;padding:0;}
    .mainWidget .notes{text-align:left;font-size:10px;margin:0;padding:0;}	
    .mainWidget .notes td,.mainWidget .top td {padding:0 0 10px 0;}
              
    .mainWidget .footer{clear:both;background:#fff url(/images/footer-bg.gif);height:19px;}

.mainBody div.widget { 
	width: 970px; 
	margin-top: 10px; 
	margin-bottom: 20px; 
	margin-left: auto; 
	margin-right: auto;
	padding:0;
}
.mainBody .header {
	margin: 0;
	padding: 0;
	background: url(/images/header-bg.gif);
	height:19px;
}
.mainBody .footer {
	clear: both;
	background: #fff url(/images/footer-bg.gif);
	height: 19px;
}
.mainBody .content {
	height: 850px;
	border-left: 1px solid #8D92BA;
	border-right: 1px solid #8D92BA;
	background: #fff;
	margin-left: 3; 
	margin-right: 0;
	padding: 0;
}
.mainBody .content span.right {
	margin: 0;
	padding: 0 10px 10px 10px;
	text-align: left;
	height: 190px;
}
.mainBody table td{
	margin: 0;
	padding: 2px 0 0 0;
}