﻿* 
{
    padding:0;
    margin:0;
    }
body 
{
    background:#ccc;
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    padding:10px 0;
}

* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions */
}


#wrap 
{
    width:999px;
    background:#000;
    margin:0px auto;
    padding:5px;
    border:1px solid #ccc;
    }

/* All Links */

a:link    {
  text-decoration:  none;
	
  } 
  
a:visited {
  text-decoration:  none;
  } 
  
a:hover   {
  text-decoration:  none;
  } 
  
a:active  {
  text-decoration:  none;
  } 
  
/* Home */

.home1-left 
{
    float:left; 
    width:664px;
    /* background:#999; */
    }

.home1-right 
{
    float:right; 
    width:330px;
    /* background:#999; */
    }

.home1b-left 
{
    float:left; 
    width:330px;
    /* background:#999; */
    }

.home1b-right 
{
    float:right; 
    width:330px;
    /* background:#ccc; */
    }

.home2b-left 
{
    float:left; 
    width:660px;
    /* background:#999; */
    }

/* FS Home */

.fshome1-left 
{
    float:left; 
    width:664px;
    /* background:#999; */
    }

.fshome1-right 
{
    float:right; 
    width:330px;
	text-align:center;
    /* background:#999; */
    }

.fshome1b-left 
{
    float:left; 
    width:330px;
	text-align:center;
    /* background:#999; */
    }

.fshome1b-right 
{
    float:right; 
    width:330px;
	text-align:center;
    /* background:#ccc; */
    }

.fshome2b-left 
{
    float:left; 
    width:660px;
	height:30px;
    /* background:#999; */
    }
	
.fshome2b-right 
{
    float:right; 
    width:330px;
	height:30px;
    /* background:#ccc; */
	}
	
	
label
{display:block}
	
/* ------ Banner ----------------------------------- */

.bannerWrap { width:100%; float:left;}

.banner1-left 
{
    float:left; 
    width:664px;
    /* background:#999; */
    }

.banner1-right 
{
    float:right; 
    width:330px;
    /* background:#999; */
    }

.banner1b-left 
{
    float:left; 
    width:330px;
    /* background:#999; */
    }

.banner1b-right 
{
    float:right; 
    width:330px;
    /* background:#ccc; */
    }
  
  
  
    
/* HomeText Padding */

.homeText
{
    padding:0 3%;
    padding-bottom:10px;
    }

.homeText h1 
{
    font-size:18px;
    margin-top:10px;
    font-weight:normal;
	color:#000000;
    }
    
.homeText p
{
    padding:8px 0;
    }
    
.homeText ul { padding:8px 15px; list-style-type:square; }
.homeText li { font-size:12px; }



/* FORMS*/
.table {
vertical-align: top;
}
.form1
{
    padding:0 0;
    padding-bottom:10px;
    }

.form1 h1 
{
    font-size:18px;
    margin-top:10px;
    font-weight:normal;
	color:#445d71
    }
    
.form1 p
{
    padding:8px 0;
    }
    
.form1 ul { padding:8px 15px; list-style-type:square; }
.form1 li { padding:0 0; font-size:12px; list-style-type:none;}

.form2 createGame{
width: 270px;
height: 200px;
align:center;
}

.form2 acceptGame{
width: 100%;
height: 200px;
}

table.game{
color:#FFFFFF;
background-color: #000000;
border:1px solid #ff0000;
font-size:12px;
width:199px;
}



.gameRow{
width:100%;
height:20px;
}


.gameCellLeft{
width:50%;
align:center;
vertical-align:top;
padding-left:8px;
border-bottom:1px solid #052852;
}
.gameCellRight{
width:50%;
border-left:1px solid #052852;
border-left-spacing:10px;
border-bottom:1px solid #052852;
align:center;
vertical-align:top;
padding-left:8px;
}

table.Inbox{
width:  495px;
background-color: #CCCCCC;
border:1px solid #052852;
font-size:12px;
}

.inboxRow{
width:495px;
height:20px;
}
.inBoxCell{
width:50%;
border-left:1px solid #052852;
border-left-spacing:10px;
border-bottom:1px solid #052852;
align:center;
vertical-align:top;
padding-left:8px;
}

/* Header */

#header
{
    width:100%;
    float:left;
    position:relative;
    margin-bottom:0px;
    }
#headerhome { background:transparent; }

#header { /*background-image:url(../_img/headerBG.jpg); */
background-color:#000000;


}
 
#header1 
{
    float:left;
    width:30%;
    background:transparent;
    }
 
#header1 a img 
{
    margin:5px 15px;
    border:0;
    }
    
#header2 
{
    float:right;
    width:65%;
    margin-right:.5%;
	background:transparent;
    text-align:right;
	/*background-image:url(../_img/fieldhockey5.jpg);*/
	height:73px;
	color:#fff;
    }
	
#header3 
{
    float:right;
    width:55%;
    margin-right:1%;
    background:transparent;
    text-align:right;
    }

.headerSearch 
{
    margin-top:10px;
    font-size:70%;
    }


/* Member Section */

.memberContent 
{
    width:80%;
    float:left;
    background:transparent;
    border:0px solid #e7e6e6;
    padding:15px 0;
    }

.member3 
{
    float:right;
    width:19.9%;
    /* background:#999; */
    padding:15px 0;
	color:#fff;
    }
    
.member2 
{
    float:right;
    width:62%;
    margin:0 2%;
color:#fff;
    /* background:#ccc; */
    }
	
.member2 h1 {
    height:25px;
	background: #ff0000;
	font-size:14px; 
	color:#fff;
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
}

.member2 hl a {
	font-size:14px;
	color: #fff;
}

.member2 hl a:hover{
	font-size: 14px;
	color: #CCC;
}

.member2 h2 {
    height:15px;
	background: #dee7f9;
	font-size:12px; 
	color:#fff;
	text-align:center;
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
	align: right;
}

.member2 h2 a {
	font-size:12px;
	color: #000;
}

.member2 h2 a:hover{
	font-size: 12px;
	color: #fff;
}

.member2 ul {
	font-size:12px; 
	color: #052852;
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
}
.member1 
{
    float:left;
    width:27.9%;
	vertical-align:top;
    /* background:#999; */
    }
    


/* Footer */
#clearFooter { clear:both; }

#footer
{
    width:950px;
    position:relative;
    color:white;
    margin:10px auto;
background-color:#ff0000;
    }

#footer p
{
    color:#fff;
    font-size:70%;
    padding:0;
    margin:0;
    text-align:center;
    }

#footer a
{
    color:#6cbce8;
    padding:0 12px;
    border-right:1px solid #6cbce8;
    }

#footer a:hover
{
    color:#666;
    text-decoration:none;
    }
    

#footer a.noBorder { border:0; }

h1 { font-size:125%; padding:0; margin-bottom:10px; line-height:1.5em; }
p { font-size:85%; padding:8px 0; line-height:1.5em; }
a:link { color:#fff; }
a:visited { color:#fff; }
a:hover { color:#fff; }
a:active { color:#fff; }

/* Forms */
.login { margin:5px 0; padding:0; font-size:10px; }
.login label { display:block; margin-top:8px; }
.login .btn { font-size:10px; }

/* SideBar */
.sideBarLeft 
{
    background:#000;
    /*border-top:0px solid #ccc;
    border-bottom:1px solid #666;*/
    margin:0 0 10px 0;
    padding:6px 0;
    font-size:80%;
    color:#fff;
    }

.sideBarLeft h1 {
    background:#ff0000;
	font-size:12px; 
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
}
.sideBarLeft ul {
	font-size:12px; 
	color: #052852;
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
}
.sideBarRight 
{
    background:transparent;
    border-top:0px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:6px 0;
    font-size:80%;
    color:#fff;
	font-weight:bold;
    }

.sideBarRight h1 
{
    background:#ff0000;
	font-size:12px; 
    padding:0; 
    margin:0; 
    margin-bottom:0px; 
}
    
/* Main Table */

table.main {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: none;
	border-bottom: 1px outset #052852;
	border-right: 1px outset #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	background: #FFF;
	}

table.main th {
	padding: 0 0;
	text-align: left;
	}
	
table.main a:link {
	color: #cc0000;
	font-weight:bold;
	}
	
table.main a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.main a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}
	

table.main td {
	border-bottom: 1px solid #CCC;
	border-left: 1px dotted #CCC;
	padding: 0 0;
	text-align: center;
	}
	

tr.yellow td {
	border: collapse;
	background: #e3e3e3;
	}
	
tr.rowsnone td {
	border-top: none;
	border-bottom: none;
	background: #ffffff;
	}
	
tr.yellowrow:hover {
	border-top: 1px solid #052852;
	border-bottom: 1px solid #052852;
	background: #fbfcd2;
	}
	
td.tdyellow {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #052852;
	border-right: 1px dotted #052852;
	background: #e3e3e3;
	}

table.mainsub {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	background: #FFF;
	}

table.mainsub th {
	padding: 0 0;
	text-align: left;
	}

table.mainsub td {
	border-bottom: 1px solid #CCC;
	border-left: 1px dotted #CCC;
	padding: 0 0;
	text-align: center;
	}
	
tr.yellow td {
	border: collapse;
	background: #e3e3e3;
	}
	

	
/* Table With Row Lines No Colums*/

table.rows {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: none;
	border-bottom: 1px outset #052852;
	border-right: 1px outset #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	background: #FFF;
	}

table.rows th {
	padding: 0 0;
	text-align: left;
	}
	
table.rows a:link {
	color: #4362b2;
	font-weight:bold;
	}
	
table.rows a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.rows a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}
	
	
table.rows td {
	border-top:none;
	border-bottom: 1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding: 0 0;
	text-align:center;
	}
	



/* Table With No Cell Lines */

table.none {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: none;
	border-bottom: 1px outset #052852;
	border-right: 1px outset #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	background: #FFF;
	}

table.none th {
	padding: 0 0;
	text-align: left;
	}
	
table.none a:link {
	color: #4362b2;
	font-weight:bold;
	}
	
table.none a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.none a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}

table.none td {
	border-bottom: none;
	border-left: none;
	padding: 0 0;
	text-align: center;
	}
	
table.none ul { padding:8px 15px; list-style-type:square; align="right" }
table.none li { font-size:12px; }

/* Main Table Left Align*/

table.mainleft {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: none;
	border-bottom: 1px outset #052852;
	border-right: 1px outset #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	background: #FFF;
	}

table.mainleft th {
	padding: 0 0;
	text-align: left;
	}
	
table.mainleft a:link {
	color: #4362b2;
	font-weight:bold;
	}
	
table.mainleft a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.mainleft a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}
	

table.mainleft td {
	border-bottom: 1px solid #CCC;
	border-left: 1px dotted #CCC;
	padding: 0 0;
	text-align: left;
	}
	
/* Table With Row Lines No Colums Left Align*/

table.rowsleft {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: none;
	border-bottom: 1px outset #052852;
	border-right: 1px outset #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
	background: #FFF;
	}

table.rowsleft th {
	padding: 0 0;
	text-align: left;
	}
	
table.rowsleft a:link {
	color: #4362b2;
	font-weight:bold;
	}
	
table.rowsleft a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.rowsleft a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}
	
	
table.rowsleft td {
	border-top:none;
	border-bottom: 1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding: 0 0;
	text-align:left;
	}
	
/* Table With Nothing Left Align*/

table.nothingleft {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-top: collapse;
	border-bottom: collapse;
	border-right: collapse;
	border-left: collapse;
	width: 100%;
	background: #FFF;
	}

table.nothingleft th {
	padding: 0 0;
	text-align: left;
	}
	
table.nothingleft a:link {
	color: #4362b2;
	font-weight:bold;
	}
	
table.nothingleft a:visited {
	color:#4362b6;
	font-weight:bold;
	}
	
table.nothingleft a:hover {
	text-decoration:underline;
	color:#4362b6;
	font-weight:bold;
	}
	
	
table.nothingleft td {
	border-top:none;
	border-bottom: 1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding: 0 0;
	text-align:left;
	}