﻿#header a, #footer a{color:#669900;text-decoration:none;}
#header a:hover, #footer a:hover{text-decoration:underline;cursor:pointer;}
#header h1, #footer h1{	color:#999;	font-size:26px;	font-weight:bold;text-align:left; letter-spacing:-1px; margin:5px 0 5px;}
#header h2, #footer h2{color:#666666;font-size:16px;font-weight:bold;margin:0;padding:0;}
#header h3, #footer h3{color:#1D1D21;font-size:14px;font-weight:bold;margin:0;padding:0;}
#header h5, #footer h5{font-size:12px;}
#header h6, #footer h6{font-size:11px;}
p.Exp{ color:#666; font-size:12px;}

#header input[type="radio"], #header input[type="checkbox"], #footer input[type="radio"], #footer input[type="checkbox"]{border:solid 0px;}
#header input [type="file"], #footer [type="file"]{	border:solid 1px #77777A;height:20px;}
#header button[disabled], #footer [disabled] {display: none;color:Black;}
/* Color Schema */
.Sunset { color:#FA3218; }
.Forest { color:#4BA901; }
.Citrus { color:#92CE0A; }
.Shark { color:#1D1D21; }
.Jumbo { color:#77777A; }
.SunsetPastel { color:#FD4D37; }
.ForestPastel { color:#5ED64B; }
.DarthGray{ color:#666666; }
.Fog{color:#999999;}
/* Color Schema */
img{border-width:0px;}
#site{background: #F1F3E9 url(bg.jpg) repeat-x scroll center top;}
#header{position:relative;width:980px;	margin:0px auto;}
#header .SubLinks{float:right;margin-top:5px;clear:both; font-size:11px;color:#9c9c9c;}
#header .SubLinks a{color:#9c9c9c;}
#header .BigSearchBox{background:url(search-c.jpg) repeat-x; height:27px;width:200px;float:right;margin-top:10px;}
#header .BigSearchBox .Left{background:url(search-l.jpg) no-repeat top left; height:27px; float:left;}
#header .BigSearchBox .Right{background:url(search-r-btn.jpg) no-repeat; height:27px;width:34px; float:right; }
#header .BigSearchBox .Right:hover{background:url(search-r-btn-over.jpg) no-repeat;cursor:pointer;}
#header .BigSearchBox .InputTxt{ margin:2px 6px;width:150px; background-color:#000; border:medium none;color:#777777;font-size:15px}
#mainNav{height:33px; margin-top:7px; margin-left:1px;}
#headerTop{height:60px;}
#header a:hover{background-color:transparent;}
#header ul{padding:0px;margin:0px;list-style-position:inside; line-height:32px;list-style-type:none;width:100%;background: url(green_divider.gif) right top no-repeat;}
#header li{ text-align:center; float:left;display:block; height:32px; padding:0px 18px;background: url(green_divider.gif) left top no-repeat;}
#header ul a{color:#fff;font-size:14px;text-decoration:none;display:block;}
#header ul a:hover{color:#333; background-color:transparent; }
#header ul .Selected{background:url(tab-l.gif) left top no-repeat;height:37px;line-height:37px;padding:0 0 0 5px;position:relative;top:-4px; padding-right:0px;}
#header ul .Selected a{color:#9C9969;height:37px;background:url(tab-r.gif) right top no-repeat;padding-right:7px; display:block;float:left; text-align:center;}
#header ul .Selected b{background:url(tab-c.gif) repeat-x; display:block;float:left;}

#fb_content
{
	margin:0;
	padding:0;
	width:auto;
}

#UI_Container
{
	margin:0 auto;
	width:980px;
	background:#fff url(bg-c.gif) repeat-y;
}
#GoalWin_Container
{
	margin:0 auto;
	width:970px;
	background-color:#fff;
}
#mainContent
{
	background: url(bg-t.gif) no-repeat top left;
	padding-top:10px;
	
}

#mainContentClean
{
    background-color:#F1F3E9;
}


#mainPlaceHolder
{
	padding:0 10px 10px;
	background: url(bg-b.gif) no-repeat bottom left;
	min-height:470px;
}

#mainPlaceHolderClean
{
	min-height:470px;
	background-color:#F1F3E9;
}

.smallCol
{
	width:264px;
	float:left;
	overflow:hidden;
	min-height:400px;
}

.largeCol
{
	width:684px;
	float:left;
	overflow:hidden;
	min-height:400px;
	margin-right:10px;
}

.middleCol
{
	width:400px;
	float:left;
	overflow:hidden;
	min-height:400px;
	margin:0 10px;
}
.splitMiddleCol
{
	width:400px;
	float:left;
	overflow:hidden;
	min-height:400px;
	margin-left:10px;
}

.smallWideCol
{
	width:320px;
	float:right;
	overflow:hidden;
	min-height:400px;
}

.largeWideCol
{
	width:610px;
	float:left;
	overflow:hidden;
	min-height:400px;
	margin-right:10px;
}

.TopBlob
{
	margin-bottom:10px;
}

.clearfix
{
	display:block;
}

.DefaultFont
{
    font-family:Arial;
    font-size: 12px;
}

.clear
{
	clear:both;
}

.DivSeperatorNoHeight
{
    line-height: 0px; 
    font: normal 0px arial; 
    height: 0px; 
    margin: 0px; 
    padding: 0px;
    float: none;
    clear: both;
}

.DLoader
{
	color:#77777A;
	padding:40px 0;
	margin:40px 0;
	border:dotted 1px #77777A;
	text-align:center;
	background-color:#F0F0F0;
}

.FootboHyperLink
{
    color:#4BA901;
    text-decoration:none;
    cursor:pointer;
}

.FootboControlTitle
{
	border-bottom:solid 2px #1D1D21;
	margin-bottom:14px;
}
.FootboControlTitleNoGap
{
	border-bottom:solid 2px #1D1D21;
}

.IFootboControlBody
{
	margin-bottom:30px;
}
.IFootboControlBody .IFootboControlBody
{
	margin-bottom:5px;
}
.blackBGgames .IFootboControlBody
{
	margin-bottom:0px;
}
.ControlWrapper
{
    margin-top:10px;
}

.DottedSeperator
{
    height:1px;
    width:100%;
    background-color:Aqua;
}

.PageHeading
{
	font-size:20px;
	font-weight:bold;
	color:#77777a;
	border-bottom: solid 2px #77777a;
	width:800px;
	height:25px;
	line-height:20px;
	margin-bottom:10px;
}

.WizardMenu
{
	width:100%;
}

.WizardMenu .WizardItem
{
	float:left;
	color:#E5E5E8;
	border-bottom: solid 2px #E5E5E8;
	width:200px;
	margin-right:3px;
}

.WizardMenu .activeWizardItem 
{
	float:left;
	color: #4BA901;
	border-bottom: solid 2px #4BA901;
	width:200px;
	margin-right:3px;
}
.WizardMenu .Number
{
	font-size:24px;
}

.WizardContent
{
	padding-left:30px;
	width:670px;
}

.WizardControls
{
	padding-left:147px;
}

.InputBackground
{
	background-color:#ECF9E9;
	border: solid 1px #CBF2C3;
	padding: 10px 10px 10px 10px;
}

.InputBackgroundGray
{
	background-color:#F7FCF6;
	border: solid 1px #D6D8D3;
	padding: 10px 10px 10px 10px;
}

#twoCulLeft
{
    width:680px;
    float:left;
}

#twoCulMiddle
{
    width:10px;
    float:left;
}

#twoCulRight
{
    width:245px;
    float:left;
}

#twoCulLeft .LeftCulSubs
{
    width:335px;
    float:left;
}

#twoCulLeft .LeftCulSpace
{
    width:10px;
    float:left;
}

.FootboControlHeader
{
    height:25px;
    width:100%;
    color:#FFFFFF;
}

.FootboControlHeader .HeaderLeft
{
    float:left;
    width:10px;
    height:100%;
    background:url(LeftTopGray.gif) repeat-x bottom;
}
.FootboControlHeader .HeaderMain
{
    float:left;
    height:100%;
    padding-left:10px;
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    background:url(MiddleTopGray.gif) repeat-x bottom;
}
.FootboControlHeader .HeaderRight
{
    float:left;
    height:100%;
    width:10px;
    background:url(RightTopGray.gif) repeat-x bottom;
}

.FootboControlBody
{
    width:100%;
    height:100%;
}

.FootboControlBody .Separator
{
    width:100%;
    height:1px;
    background:url(SeparatorGray.gif) repeat-x bottom;
}
.FootboControlBody .VerticalPad
{
    width:94%;
    height:100%;
    margin-left:10px;
}

.FootboControlBody .Content
{
    width:100%;
    height:100%;
}

.FootboControlFooter
{
    height:20px;
    width:100%;
    color:Black;
}

.FootboControlFooter .FooterLeftLightGrayBorder
{
    float:left;
    width:10px;
    height:100%;
    background:url(left_l_grey_border.gif) repeat-x bottom;
}
.FootboControlFooter .FooterMainLightGrayBorder
{
    float:left;
    height:19px;
    background-color:#F5F5F5;
    border-bottom:solid 1px #C5C5C5;
}
.FootboControlFooter .FooterRightLightGrayBorder
{    
    float:left;
    height:100%;
    width:10px;
    background:url(right_l_grey_border.gif) repeat-x bottom;
}
.FootboControlFooter .FooterLeftLightGray
{
    float:left;
    width:10px;
    height:100%;
    background:url(LeftBottomLGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterMainLightGray
{
    float:left;
    height:100%;
    background-color:#D3D3D2;
}
.FootboControlFooter .FooterRightLightGray
{    
    float:left;
    height:100%;
    width:10px;
    background:url(RightBottomLGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterLeftLightGray2
{
    float:left;
    width:10px;
    height:100%;
    background:url(BottomLeftLightGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterMainLightGray2
{
    float:left;
    height:100%;
    background: #6A6A6A url(MiddleBottomGray.gif) repeat-x bottom;

}
.FootboControlFooter .FooterRightLightGray2
{    
    float:left;
    height:100%;
    width:10px;
    background:url(BottomRightLightGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterLeftDarkGray
{
    float:left;
    width:10px;
    height:100%;
    background:url(LeftBottomDGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterMainDarkGray
{
    float:left;
    height:100%;
    background-color:#1E1E1E;
}

.FootboControlFooter .FooterRightDarkGray
{    
    float:left;
    height:100%;
    width:10px;
    background:url(RightBottomDGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterLeftGray
{
    float:left;
    width:10px;
    height:100%;
    background:url(LeftBottomGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterMainGray
{
    float:left;
    height:100%;
    background-color:#3B3B3B;
}

.FootboControlFooter .FooterRightGray
{    
    float:left;
    height:100%;
    width:10px;
    background:url(RightBottomGray.gif) repeat-x bottom;
}

.FootboControlFooter .FooterLeftBlack
{
    float:left;
    width:10px;
    height:100%;
    background:url(bottomBlackLeft.gif) repeat-x bottom;
}

.FootboControlFooter .FooterMainBlack
{
    float:left;
    height:100%;
    background-color:#202020;
}

.FootboControlFooter .FooterRightBlack
{    
    float:left;
    height:100%;
    width:10px;
    background:url(bottomBlackRight.gif) repeat-x bottom;
}

.InviteAFriend 
{
	color:#ff6006;
	font-weight:bold;
	text-decoration:none;
}

.RowSpacer
{
    height:1px;
    /*background-color:#000000;*/
}

.PredictionPageContainer
{
	float:left; 
	margin-top:10px; 
	margin-right:5px;
}
/**** Endof General CSS ****/
.NAFItem{line-height:25px;clear:both;}
.NAFImage{width:30px; float:left;}
/**** FootboForm ****/

.FootboForm
{
}

.FootboForm input
{
	height:20px;/*this translate to 26px with padding and border*/
	padding-top:5px;
	border:solid 1px #77777A;
}
.FootboForm input[type="radio"], input[type="checkbox"]
{
	border:solid 0px;
	height:auto;
}

.FootboForm input[type="file"]
{
	border:solid 1px #77777A;
	height:20px;	
}
/**** Endof FootboForm ****/

.FootboHeaderContainer{
	color:#1D1D21;
	font-family:'arial',helvetica,sans-serif;
	font-size:12px;
	width:100%;
	margin:0px auto;
}

/**********************************Start of Main Classes***************************************************/
.wrapproj
{
    margin: auto;
    background-color: #ffffff;
    font:12px arial;
    color:#000000;
    width:100%;
}
.innerWrap
{
    margin: 0px auto;
    width: 100%;
    border-collapse: collapse;
    /*border: solid 1px #000000;*/
} 
.innerWrap td
{
    /*border: solid 1px #000000;*/
} 
.maintable
{
    width: 999px;
    text-align: center;
    max-height: 395px;
}
/**************************************************************************************************************************/
.Footer
{
	background: transparent url(fade_bottom.gif) repeat-x top left;
    font-family:arial;
    text-decoration:none;
    font-size:12px;
    height:20px;
    vertical-align:bottom;
    text-align: center;
    height: 40px;
    padding: 10px 0px 0px 0px;
}
.FooterLeft
{
	background: transparent url(fade_left_bottom.gif) no-repeat top right;
}
.FooterRight
{
	background: transparent url(fade_right_bottom.gif) no-repeat top left;
}

.FooterCopyright
{
	FONT-WEIGHT: normal;	
	COLOR: #9a9a9a;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	margin: 20px 0px 0px 10px;
}
.FooterCopyright
{
	FONT-WEIGHT: normal;	
	COLOR: #9a9a9a;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	margin: 20px 0px 0px 10px;
}

.logo
{
    width: 157px; 
    height: 69px; 
    border: solid 0px #000000; 
    margin: 0px 0px 0px 10px;
    text-align: left;
    float: left;
}
.firefoxHeaderCorrection
{
    width: 0px;
    height: 69px;
    font: normal 0px arial;
    line-height: 0px;
}


#login_bar
{
	height:30px;
	font-size: 11px;
	color: #383838;
}
#login_bar a
{
	color:#9C9C9C;
	font-weight:bold;
}
#login_bar a:hover
{
	color:#91CC0E;
}
#login_bar .divfb
{
	float:right;
	padding-top:0px;
	margin:2px 0 0 10px;
}
#login_bar .line
{
	float:right;
	line-height:30px;
	text-align:right;
}
#login_bar .line span
{
	margin:0 0 0 10px;
}
#login_bar .line input[type="text"], #login_bar .line input[type="password"]
{
	height:13px;
	font-size:11px;
}

#footer{margin:0px auto 0 auto;height:322px;background:url('footer-bg.jpg');width:100%;color:#1D1D21;font-family:'arial',helvetica,sans-serif; font-size:12px;}
#footer .footer_middle{height:270px;margin:0px auto;width:980px;}
#footer .footer_bottom{text-align:right;color:#999999;margin:0px auto;width:980px;height:45px;line-height:45px;}
#footer .col{width:230px;float:left;}
#footer .c1{background:url(footer-myfb-c.jpg) repeat-y;position:relative;top:-23px;visibility:hidden;}
#footer .c2{padding-top:25px}
#footer .c3{padding-top:25px}
#footer .c4{padding-top:25px}
#footer h3{color:#a9a9a9;}
#footer .c1 .content{ background:url(footer-myfb.jpg) no-repeat top left; padding:35px 0px 0px 20px; min-height:230px; }
#footer .c1 .content_end{background:url(footer-myfb-b.jpg) no-repeat bottom left; width:230px;height:13px;}

#footer a{font-weight:normal;color:#999;text-decoration:none;display:block; padding:0 0 3px 0;}
#footer ul{padding:0;margin:0;min-height:195px;}
#footer li{list-style-image:none;list-style-type:none;min-height:15px; line-height:15px;}
#footer li a {padding-left:4px;} 
#footer li h3 {padding-left:4px; color:#ccc; margin-bottom:10px;}
#footer ul:hover h3, #footer ul.hover h3{color:#669900;}
#footer ul li a:hover{color:#9BCC01;background-color:#7a7a7a;}
#footer ul:hover a, #footer ul.hover a, #footer ul:hover h3, #footer ul.hover h3{color:#fff;}
#footer .c1 ul{width:190px;}
#footer .c1 ul li a:hover{color:#9BCC01;background-color:#eeeeee;}
#footer .c1 ul:hover a, #footer ul.hover a {color:#a9a9a9;}
#footer .c1 h3{color:#6A6A6A;}
#footer .c1:hover h3{color:#9BCC01;}
#footer .invite{background:url('btn01.jpg') no-repeat;width:303px;height:39px;line-height:39px;text-align:center;}
#footer .invite:hover{background:url('btn01-over.jpg');}
#footer .invite a{color:#92CE0A;font-size:16px;}
#footer .c1 input[type="password"] {margin-right:10px;}
#footer .not_logged_in{margin-left:10px; width:180px;}
#footer .not_logged_in .lost{font-size:11px;margin:5px 0;}
#footer .not_logged_in .lower{text-align:center;margin-left:-10px;}
#footer .not_logged_in a{display:inline;color:#9BCC01}
#footer .not_logged_in h3{margin-bottom:10px;}
#footer .not_logged_in table{width:165px;}
#footer .not_logged_in td{height:24px;}
#footer .social a {display:inline;margin-right:10px;}
#footer .social a:hover{background-color:transparent;}



