/***********************************************

Colors - do a global find and replace to change these

background of main content:  #f8f8f8
(also background of selected tab)
snazzy menus outline:  #ccc
snazzy border outline: #999
unselected tab background: #e0e0e0
hovering tab background: #e8e8e8
available/beta pool background: #A9D9BB
available/beta pool border: #90B99F
your pools background: #96B9D9
your pools border: #87A6C3
error message text: #FF0000
snazzy border text h2:  #06a
snazzy border text h3: #005A97
snazzy border text background: #dddddd
snazzy border background for finished pools: #96B9DA 
snazzy border background for orphaned pools: #A9D9BC
snazzy menu text: #000
background of secondary content: #E1E1E1
your pools divider background: #96B9Da 




******************************************/
body{
	background-color: #FFD5EA;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header {
	width: 100%;
/*	text-align: center;*/
	position: relative;
	background-image: url(../images/bgheader.png);
	background-repeat: repeat-x;
	background-color: #DBDBDB;
}
#header h1 {
	margin-top: 0;
	margin-bottom: 3px;
}

#foplogo{
	position: absolute;
	left: 5px;
	top: 5px;
}


#googletop {
/*	top: 20px;
	position: absolute;
	left: 220px;
*/
	padding-top: 10px;
	padding-bottom: 10px;
	height:60px;
	width:468px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
/*	display:inline;*/
     
}

#Error_Msg, #Error_Msg a{
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	color: #FF0000;
}

#login {
	position: absolute;
	right: 0%;
	top: 0%;
	padding-top: 0px;
	padding-right: 5px;
	margin-top: 0px;
	font-size: 10px;
	width: 250px;
	height: 38px;
	text-align: right;
	background-image: url(../images/bgimage_login.gif);
	background-repeat: no-repeat;
}

#maincontent {
	text-align:center;
	border-top: 1px solid #000000;
}

.highlightRed {color: #FF0000}



/************************/
/* Content area styles  */
/************************/
/*
#googleads {
	width: 728px;
	height: 0px;
	border: thin none #FF0000;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
  padding-top: 50px; 
}
*/

/***************************/
/* Specific Content styles */
/***************************/
#upcoming {
	background-color: #999999;
	border: thin solid #000000;
}
#currentpools {
	background-color: #9999CC;
	border: thin solid #000000;
}
#welcome{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#welcome h2{
	text-align:center;
}
#poolicons{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/pool_logos/bg_welcome.png);
	background-repeat: repeat;
}
#poolicons h3{
	text-align:center;
	background-color: #191919;
	color:#FFFFFF;
}

#index_poolicons .xb2, #index_poolicons .xb3, #index_poolicons .xb4 
{
	background-color: #191919;
}



#leaderboard {
	float: left;
	width: 50%;
	background-color: #9966FF;
	border: thin solid #000099;
	min-height: 120px;
}
#forum {
	float: right;
	width: 49%;
	background-color: #CCCCFF;
	border: thin solid #000066;
	min-height: 120px;
}
.poolbuttons {
	float: left;
	display: block;
	background-color: #99FF99;
	text-decoration: none;
	width: 150px;
	height: 80px;
	text-align: left;
	list-style-type: none;
	padding: 5px;
	margin: 5px;
	border-style: ridge;
	border-color: #99CC00;
}
.AvailPool {
	float: left;
	display: block;
	background-color: #A9D9BB; 
	text-decoration: none;
	width: 150px;
	height: 200px;
	text-align: left;
	list-style-type: none;
	padding: 2px;
	margin: 2px;
	border-style: ridge;
	border-color: #90B99F;
	border-width: thick;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.YourPoolsUL {
	float: left;
	display: block;
	background-color: #96B9D9;
	text-decoration: none;
	width: 150px;
	height: 200px;
	text-align: left;
	list-style-type: none;
	padding: 2px;
	margin: 2px;
	border-style: ridge;
	border-color: #87A6C3;
	border-width: thick;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.BetaPool {
	float: left;
	display: block;
	background-color: #A9D9BB; 
	text-decoration: none;
	width: 150px;
	height: 200px;
	text-align: left;
	list-style-type: none;
	padding: 2px;
	margin: 2px;
	border-style: ridge;
	border-color: #90B99F;
	border-width: thick;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;	
}
.BetaPool li, .YourPoolsUL li, .AvailPool li {font-size:1em; text-decoration: none;}
.clear {
	clear: both;
}

.nflbon07 { background-image:url(../images/bgimage_nflbon07.gif); }
.nflpre07 { background-image:url(../images/bgimage_nflpre07.gif);}
.nflsur07 { background-image:url(../images/bgimage_nflsur07.gif);}
.presur07 { background-image:url(../images/bgimage_presur07.gif);}
.ncaafw07 { background-image:url(../images/bgimage_ncaafw07.gif);}
.cbssur07 { background-image:url(../images/bgimage_cbssur07.gif);}
.dance07 { background-image:url(../images/bgimage_dance07.gif);}

#flashad {
	height: 600px;
	border: thin double #000000;
/*	background-color: #2AA2C9; */
	text-align:center;
}
#flashad2{
	height: 600px;
	border: thin double #000000;
	text-align: center;
}
#yourpoolinfo {
	height: 240px;
	border: thin double #000000;
	background-color: #99FFCC;	
}
#leftads {
/*	background-color: #FFFF33;
	border: thin ridge #FF0000;
*/
}
.ButtonText {
	color: #000;
	text-decoration: none;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ButtonText a { text-decoration: none; }

#suggestions {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: bold;
	text-align: left;
	padding: 10px 50px 10px 50px;
}

#suggestions ul {
	align:left;
	margin: 10px 10px;
}
#suggestions ul ul {
	margin: 10px 30px;
}

#suggestions {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: bold;
	text-align: left;
	padding: 10px 50px 10px 50px;
}

#faqs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	text-align: left;
	padding: 10px 50px 10px 50px;
}


.actionstable  {
	width: 1px;
	text-align: left;
}
/************************/
/* Navigation Styles    */
/************************/
/*
#navmenu{
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	background-color: #99CC66;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

#ulMainNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#ulMainNav li{
	background-color: #009966;
	float: left;
	padding: 0 1em;
}
#ulMainNav li a{
	text-decoration: none;	
}

#home #ulMainNav .home a, 
#yourpools #ulMainNav .yourpools a, 
#createpoolmaster #ulMainNav .createpoolmaster a {
	background-color: #FFFFCC;
}
*/




#managemenu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	border-top: 1px solid gray;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
	border-right: 1px solid gray;
	margin: 0;
	padding: 8px 6px 8px 17px;
	background-color: #f6f6f6;
	width: 95px;
}

#managepoolname
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#005A97;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
	border-right: 1px solid gray;
	margin: 0;
	padding: 0px 6px 8px 17px;
	background-color: #f6f6f6;
	width: 95px;
}

#ulManagePoolsMenu
{
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 120px;
/*	background-color: #87A6C3;*/
}

#ulManagePoolsMenu li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
border-right: 1px solid gray;
text-align: left;
}

.return {
	border-bottom: 1px solid gray;
}

#ulManagePoolsMenu li a
{
	display: block;
/*	padding: 0.25em 0.5em 0.25em 0.75em;*/
	padding: 4px 6px 4px 8px;
	text-decoration: none;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #A9D9BB;
	background-color: #DDDDDD;
	width: 95px;
}

#message .message, #members .members, #parameters .parameters, #invite .invite, #address .address, #delete .delete {
	background-color: #FFFFFF;
	border-left-color: #96B9D9;
}



#ulManagePoolsMenu li a:link { color: #000; }
#ulManagePoolsMenu li a:visited { color: #000; }

#ulManagePoolsMenu li a:hover
{
border-color: #87A6C3;
color: #FFF;
background: #332;
}


/*******************************/
/* Command Styles              */
/*******************************/
#commandmenu{

}

#footer{
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:  10px;
	margin-right: 10px;
	margin-left: 10px;
}

#footer p {
	margin-bottom: 0;
	margin-top: 0;
}

/************************
*
* snazzy borders 
* 
***********************/

.xsnazzy h1, .xsnazzy h2, .xsnazzy h3, .xsnazzy h4 {margin:0 0px; padding:0 10px 5px  10px; 
border-bottom:1px solid #000; }
.xsnazzy table {padding: 0 10px 0 10px; }
.xsnazzy h1 {font-size:2.5em; color:#000;}
.xsnazzy h2 {font-size:2em; color:#06a;  background-color:#dddddd; }
.xsnazzy h3 {font-size:1.5em;   text-align:center; }
.xsnazzy p {padding:0.5em 0; margin:0 10px;}
.xsnazzy h4 {margin: 0 10px; }
.xsnazzy table, .xsnazzy form {margin-top:0; margin-bottom:0; }
.xsnazzy h2 {padding-top:0em;}
.xsnazzy {background: transparent; margin: 10px 0.5% 1px 0.5%; width: 97% }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/*  COLORS */
.color_fop_orange { background-color: #FFA53C;  color:#005A97;/* color: #fff;*/ }
.color_fop_blue { background-color: #448cc0; color:#ffffff; }
.color_fop_green { background-color: #96be36; color: #005A97; }

#manageAdmin {display:block;  border:solid #999; border-width:0 1px;}
#manageMessage {display:block; border:solid #999; border-width:0 1px;}
#welcome {display:block; border:0 solid #999; border-width:0 1px; padding: 0 0.5em; margin: 0;}
#news, #play, #partner, #playavail_content {display:block; border:0 solid #999; border-width:0 1px; padding: 0; margin: 0;}

#upcomingpoolscontent, #upcomingpoolscontent2 {display:block; border:0 solid #999; border-width:0 1px; padding: 0; margin: 0;}
#upcomingpoolscontent h4, #upcomingpoolscontent2 h4 {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #000; 
}
#upcomingpoolscontent li, #upcomingpoolscontent2 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0;
	text-indent: -3px;
	padding-bottom: 5px;
}
#upcomingpoolscontent ul, #upcomingpoolscontent2 ul {
	margin:  0 1em;;
	padding-left: 1em;
}
#upcomingpoolscontent ul ul, #upcomingpoolscontent2 ul ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0;
	padding-left: .7em;
}
#upcomingpoolscontent p, #upcomingpoolscontent2 p {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #005A97;
	margin:0 10px;
}

#play, #playavail_content, #partner{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#play h3, #parnter h3{
	text-align:center;
/*	background-color:#A9D9BB;*/
}
#play td, #partner td{
	font-size: 1em;
}

#play h4, #partner h4{
	font-size: 1.25em;
}
	


#news{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#news h3{
	text-align:center;
/*	background-color:#dddddd; */
}

#news em{
	color:#FF0000;
}
#news td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-top:4px;
}
#news td h4 {
	font-size: 1.25em;
}


#playingpools {display:block; border:0 solid #999; border-width:0 1px; margin: 0;}
#runningpools {display:block; border:0 solid #999; border-width:0 1px;  margin: 0;}
#finrunningpools {display:block; border:0 solid #999; border-width:0 1px;  margin: 0;}
#finplayingpools {display:block; border:0 solid #999; border-width:0 1px;  margin: 0;}
#orphplayingpools {display:block; border:0 solid #999; border-width:0 1px;  margin: 0;}
#playingpools table, #runningpools table, #finplayingpools table, #finrunningpools table, #orphplayingpools table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

#index_yourpools_content, #index_trash_content {display:block; border:solid #999; border-width:0 1px;  margin: 0; height: 100%;}
#index_yourpools_content td, #index_trash_content td {padding: 0 5px;  }
#index_yourpools_content table, #index_trash_content table {font-family: Verdana, Arial, Helvetica, sans-serif;}
#index_yourpools_content h4, #index_trash_content h4 {font-family:Verdana, Arial, Helvetica, sans-serif;  font-size: 1.2em; text-align: center;}
.yourpooldivider, .trashdivider {background-color: #96B9Da; font-size: 1em; }
.yourpoolcontent, .trashcontent {font-size: 1em; }
.yourpoolheader, .trashheader{font-size: 1.2em; }	


#index_yourpools,  #index_news { width: 51%; float:left; margin: 0 0.5% 0 0.5%; }
#index_createpools_content {display:block; border:solid #999; border-width:0 1px; padding: 0 0.5em; margin: 0; height: 100%;}
#index_createpools, #index_trash, #index_play, #index_partner { width: 47%; float:right; margin: 0 0.5% 0 0.5%; }
#playavail { width: 350px; float: right; margin: 3px; }
#index_signup_content {display:block; border:solid #999; border-width:0 1px; padding: 0; margin: 0; height: 100%; }
#index_signup_content_small {font-size: 1em;  }
#index_signup_pad { padding: 0 0.5em; }
#index_signup_content_small p {margin: 0.45em 0; padding: 0;}
#index_signup { width: 51%; float:left; margin: 0 0.5% 0 0.5%; }
#index_signup {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#index_signup h3{
	text-align:center;
} 

#logintable {
	/*	background-color: #FFDC87;
*/	border:  ridge thick #666666;
	float:left;
	width:48%;
	margin: 0 2px;
	height: 350px;
	background-image: url(../css_images/orange_gradient.png);
	background-repeat: repeat-x;
}
#createtable {
	/*	background-color:#79C7DF;
*/	border:  ridge thick #666666;
	float:right;
	width:48%;
	margin: 0 2px;
	height: 350px;
	background-image: url(../css_images/blue_gradient.png);
	background-repeat: repeat-x;
}
.createtext { font-size: 1em; 
	float: left;
	text-align:left;
	width:98%;
	border:  ridge thick #666666;
	background-color:#CCFFCC;
	margin: 10px 2px 10px 2px;
	padding: 2px;
}

#joinpoolspecialtext {
	margin: 20px 15% 0 20%;
	text-align: left;
	border:  ridge thick #666666;
	background-color:#CCFFCC;
	padding: 0 8px;
	background-image: url(../css_images/green_gradient.png);
	background-repeat: repeat-x;	
}

/*************
*
*  snazzy menu classes and ids
*
*************/

#outer ul {margin:0 ; padding:0; list-style-type:none; background:transparent; }
#outer li {display:block; float:left; }
#outer {display:block; position:relative; background:transparent; padding:0; margin:0px; width: 700px; margin-left:auto; margin-right:auto; }
#outer2 ul {margin:0 ; padding:0; list-style-type:none; background:transparent; }
#outer2 li {display:block; float:left; }
#outer2 {display:block; position:relative; background:transparent; padding:0; margin:0px; width: 900px; margin-left:auto; margin-right:auto; }
#outer3 ul {margin:0 ; padding:0; list-style-type:none; background:transparent; }
#outer3 li {display:block; float:left; }
#outer3 {display:block; position:relative; background:transparent; padding:0; margin:0px; width: 800px; margin-left:auto; margin-right:auto; }


.xsnazzymenu {background:transparent;}
.xsnazzymenu span {text-align:center; color:#000; margin:0; font-weight:bold; padding-bottom:0.5em;}

.xmtop, .xmbottom {display:block; background:transparent; font-size:1px;}
.xmb1, .xmb2, .xmb3, .xmb4 {display:block; overflow:hidden;}
.xmb1, .xmb2, .xmb3 {height:1px;}
.xmb2, .xmb3, .xmb4 {background:#e0e0e0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xmb1 {margin:0 5px; background:#ccc;}
.xmb2 {margin:0 3px; border-width:0 2px;background-image: url(../images/nav_bgimage.png);}
.xmb3 {margin:0 2px;background-image: url(../images/nav_bgimage.png);}
.xmb4 {height:2px; margin:0 1px;background-image: url(../images/nav_bgimage.png);}

.xmboxcontent {
	display:block;
	background:#e0e0e0;
	border:solid #ccc;
	border-width:0 1px 0px 1px;
	height: 1em;
	text-align:center;
	padding-top: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/nav_bgimage.png);
	color: #FFF;
 }
 
.xmboxcontent em {
	color: #FF3300;
}


#home .home .xmboxcontent, #home .home .xmb2, #home .home .xmb3, #home .home .xmb4,
#yourpools .yourpools .xmboxcontent, #yourpools .yourpools .xmb2, #yourpools .yourpools .xmb3, #yourpools .yourpools .xmb4,
#joinpool .joinpool .xmboxcontent, #joinpool .joinpool .xmb2, #joinpool .joinpool .xmb3, #joinpool .joinpool .xmb4,
#createpoolmaster .createpoolmaster .xmboxcontent, #createpoolmaster .createpoolmaster .xmb2, #createpoolmaster .createpoolmaster .xmb3, #createpoolmaster .createpoolmaster .xmb4,
#forum .forum .xmboxcontent, #forum .forum .xmb2, #forum .forum .xmb3, #forum .forum .xmb4,
#help .help .xmboxcontent, #help .help .xmb2, #help .help .xmb3, #help .help .xmb4,
#pools .pools .xmboxcontent, #pools .pools .xmb2, #pools .pools .xmb3, #pools .pools .xmb4,
#links .links .xmboxcontent, #links .links .xmb2, #links .links .xmb3, #links .links .xmb4,
#admin .admin .xmboxcontent, #admin .admin .xmb2, #admin .admin .xmb3, #admin .admin .xmb4,
#expert .expert .xmboxcontent, #expert .expert .xmb2, #expert .expert .xmb3, #expert .expert .xmb4,
#stats .stats .xmboxcontent, #stats .stats .xmb2, #stats .stats .xmb3, #stats .stats .xmb4

 {
	background-color: #f8f8f8;
	background-image: url(../images/nav_bgimage_hover.png);
	color: #FFF;
}



a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:100px; font-size:12px;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xmboxcontent  {
	background:#e8e8e8; border-color:#888; border-bottom:0px solid #cc6;
	background-image: url(../images/nav_bgimage_hover.png);
	color: #FFF;

	}
a.xmenu2:hover .xmb1 {background:#888; }
a.xmenu2:hover .xmb2, a.xmenu2:hover .xmb3, a.xmenu2:hover .xmb4{background:#e8e8e8; border-color:#888;background-image: url(../images/nav_bgimage_hover.png);}

/* *********************************** Table Classes ************************************************** */
/* odd items 1,3,5,7,... */
th {
    font-weight:        bold;
    color:              #000000;
    background:         #D3DCE3;
}

table tr.odd th,
.odd {
    background: #E5E5E5;
}

/* even items 2,4,6,8,... */
table tr.even th,
.even {
    background: #D5D5D5;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align: left;
}

/* marked tbale rows */
table tr.marked th,
table tr.marked {
    background:   #FFCC99;
    color:   #000000;
}

/* hovered items */
.odd:hover,
.even:hover,
.hover {
    background: #CCFFCC;
    color: #000000;
}

/* hovered table rows */
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th {
    background:   #CCFFCC;
    color:   #000000;
}/* *********************************** Table Classes ************************************************** */


.buttonlink a {
border: 4px outset;
padding: 2px;
text-decoration: none;
}
.buttonlink a:link {
border-style: solid;
text-decoration : none;
padding : 4px;
border-color : #69f #00f #00f #69f;
}
.buttonlink a:hover { border-color: #ccc; }
.buttonlink a:active {
border: 4px inset;
}

.pageinstructions {
	background-color:#FFF896;
	border:thin solid #FF001C;
	color:#0050FF;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:small-caps; 
	font-weight:bold;
	width:50em;
	}