/**************************************************************************************************/
/*** Main body classes																			***/
/**************************************************************************************************/

body
{
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-size: 0.8em;
    background-color:#ccc;
    padding-left: 4px;
	padding-right: 4px;	
	text-align: left;
}

.centre
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

img 
{
	border: 0px;
}

.halfheight 
{
	line-height: 50%;
}

.container
{
	width: 740px;
	border: 0px;
	padding: 0;
	margin-left: 10px; 
}

h1
{
	height: 1px;
	width: 1px;
	text-indent: -9999em;
	line-height: 1%;
	margin-top: -50px;
}

html>body h1
{
	margin-top: -30px;
}

.clearfix
{
	display:inline-block;
}

.clearfix 
{
	DISPLAY: block
}

.mainTableHeader
{
    height: 48px;
    background-image: url(/Images/header.jpg);
    background-repeat: no-repeat;
    background-position: 0px 100%;
    background-color: transparent;
}

html>body .mainTableHeader
{
    height: 34px;
}

/**************************************************************************************************/
/*** Hyper link setup        																	***/
/**************************************************************************************************/

a, a:link, a:active
{
    Color: #000;
    Text-decoration: underline;
    cursor:pointer;
} 

a:hover 
{
    Color: #000;
    Text-decoration: underline;
    cursor:pointer;
} 

a:visited
{
    Color: blue;
    cursor:pointer;
}

a.venueLink:visited
{
	Color: #000;
}

/**************************************************************************************************/
/*** Header table     																			***/
/**************************************************************************************************/

.header
{
	width: 90%; 
	padding-left: 30px;
}

html>body .header
{
	width: 95%;
	margin-left: 2px;
}

td .forms 
{
	/*v-align: middle;	*/
}

.logo
{
	height: 120px; 
	background-image: url(/Images/header_fullname.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 0px; 
	background-color:Transparent;
	padding-top: 10px; 	
	padding-left: 15px; 
	padding-bottom: 0px;
	text-align: left;
}

.maincontent
{
	margin-top: 0px;
	width: 93.5%;
}

html>body .maincontent 
{
    padding-left:23px;    
    *padding-left:8px;
}

.login
{
    padding-right:25px;
}

html>body .login
{
    
}

.navigation
{	
	padding-bottom: 0px;
}

html>body .navigation
{
    padding-left:11px;
    /*padding-right:20px;*/
 
    *padding-left:27px;
}

/**************************************************************************************************/
/*** User Status                                                                                ***/
/**************************************************************************************************/

.userStatus
{
    padding-bottom:0px;
    padding-right: 10px;
}

html>body .userStatus
{
    padding-left:10px;
    padding-right:9px;
 
    *padding-left:25px;
    *padding-right:24px;
}

DIV.UserStatus
{
   text-align:center; 
   
   /*background-color:#3333CC;
   color:#FFF;*/
   
   background-color:#FFF;
   color: #3333CC;
   
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   margin: 5px 0px;
   padding: 5px 0px;
}

/**************************************************************************************************/
/*** Tabs                                                                                       ***/
/**************************************************************************************************/

.Tabs ul 
{
	padding: 0;
	margin: 0 auto;	
}

.Tabs ul li 
{
	list-style-type: none;
	display: inline;
}

/*.Tabs ul li a 
{
	float: left;
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #3333ff;
	background-image: url(/Images/Menu_BG.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	width:87.9px;
	text-align:center;
}

html>body .Tabs ul li a 
{
    width:87px;
}*/

.Tabs ul li a 
{
	float: left;
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #3333ff;
	background-image: url(/Images/Menu_BG.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	width:5.66em;
	text-align:center;
}

html>body .Tabs ul li a 
{
    width:72px;
}

.Tabs ul li a.selectedLink
{
	color: #ffffff;
	background-image: url(/Images/Menu_BG_selected.gif);
}

/**************************************************************************************************/
/*** Footer                                                                                     ***/
/**************************************************************************************************/

.footerinfo
{
	color: #999;
	text-align: center;
}

/**************************************************************************************************/
/*** Master styles                                                                              ***/
/**************************************************************************************************/

#MainDiv
{
	text-align:left;	
}

#contentTop
{
    background: url(/Images/contentTop.gif) no-repeat left bottom;
    height: 10px;
}

#contentMid
{
    background: url(/Images/contentMid.gif) repeat-y left top;
    padding: 1em 1.5em;
}

#contentBottom
{
    background: url(/Images/contentBottom.gif) no-repeat left top;
    height: 11px;
}
/*
.maintopleft
{
	background-image: url(/Images/steeltopleft.gif);
	background-position:left top;
	background-repeat:no-repeat;	
}

.maintopright
{
	background-image: url(/Images/steeltopright.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.mainbottomleft
{
	background-image: url(/Images/steelbottomleft.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.mainbox
{
	background-image: url(/Images/steelbottomright.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	
	padding-right: 1.5em;	
	padding-left: 1.5em;	
	padding-bottom: 1em;	
	padding-top: 1em
}
*/

.mainbox hr
{
	margin-right:7px;
}


/**************************************************************************************************/
/*** Home page styles                                                                           ***/
/**************************************************************************************************/

.HomeDiv h3
{
	text-align:center;
	color: #3333CC;
}

/**************************************************************************************************/
/*** Events page styles                                                                         ***/
/**************************************************************************************************/

.EventsDiv h2
{
	text-align: center;
	font-size:1.5em;
	color: #3333CC;
}

.EventsDiv h3
{
	font-size: 1.35em;
	/*margin: 1.5em 0px 0px;*/
	color: #3333CC;
}

.eventItem
{
    
}

.eventAlternatingItem
{
    
}

/**************************************************************************************************/
/*** Fixtures page styles                                                                       ***/
/**************************************************************************************************/

.FixturesDiv
{
    text-align:center;
}

.FixtureTable
{
    text-align:center;
    border: solid 1px #3333CC;
    margin-bottom: 10px;
}

.FixtureTable .tableHeader
{
    background-color:#3333CC;
    color:#FFF;    
}

.FixtureTable .tableRow
{    
    color:#000;
}

.FixtureTable .tableRow TD
{
    border: solid 1px #3333CC;
}

.ourTeam
{
    /*background-color:#99CCFF;*/
    font-weight:bold;
}

.opponent
{
    
}

/**************************************************************************************************/
/*** Add Result page                                                                            ***/
/**************************************************************************************************/

.AddResultDiv
{
    text-align:center;
}

.ViewResultDiv
{
    text-align:center;
    padding-bottom: 20px;
}

#addResultPlayersTable tr th, #addResultPlayersTable tr td
{
    border: solid 1px black;
    text-align:center;    
}

#addResultPlayersTable
{
    width:100%;
    padding:10px;
}

#addResultPlayersTable .colPair
{
    width: 10%;
}

#addResultPlayersTable .colPlayer
{
    width:20%;
}

#addResultPlayersTable .colSelector
{
    width: 30%;
}

#addResultPlayersTable .colSeparator
{
    width: 10%;
}

.playerSelector .block
{
    margin-left:auto;
    margin-right:auto;
    display: block;
    width: 147px;
}

.playerSelector input.block
{
    margin-left:auto;
    margin-right:auto;
    display: block;
    width: 140px;
}

.resultsTable
{
    width:100%;
    padding:10px;
    margin-top: 20px;    
}

.resultsTable tr th, .resultsTable tr td
{
    border: solid 1px black;
    text-align:center;        
}

.gameCell
{
    vertical-align:top;
}

input.score
{
    width: 30px;
}

.overallScore
{
    font-size:large;
    font-weight:bold;
}

.ViewResultDiv
{
    margin-top: 15px;
}

/**************************************************************************************************/
/*** Leagues Div                                                                                ***/
/**************************************************************************************************/

.LeaguesDiv
{
    text-align:center;
    margin-bottom:20px;
}

.league
{
    width:90%;
    padding:10px;
    margin: 20px 20px 0px 20px;
}

html>body .league
{
    
    
}

.league tr td
{
    border: solid 1px black;
    text-align:center;    
}

.league .tableHeader
{
    background-color:#3333CC;
    color:#FFF;    
}

.league .tableRow
{    
    color:#000;
}

.league .tableRow TD
{
    border: solid 1px #3333CC;
}

.number
{
    text-align:right;
    width:10%;
}

.divLeagueFixtureGrid
{
    
}

.divLeagueFixtureGrid table
{
    width: 90%;    
    margin: 20px 20px 0px 20px;
}

.divLeagueFixtureGrid table tr td
{
    border: solid 1px black;
}

.divLeagueFixtureGrid a
{
    display:block;
}

.divLeagueAverages a
{
    color:White;
}

/*.divLeagueAverages img
{
    padding-left:10px;
    vertical-align:middle;
    text-align:right;
}*/

.divLeagueAverages tr td.asc
{
    background-image:url(/images/asc.gif);
    background-repeat:no-repeat;
    background-position:right center;
    margin-right:10px;
}

.divLeagueAverages tr td.desc
{
    background-image:url(/images/desc.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:10px;
}

.divLoadingImage
{
    background-image:url(/images/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:center;
    height:100px;
    width: 100%;
}

/**************************************************************************************************/
/*** League Header                                                                              ***/
/**************************************************************************************************/

#divLeaguesHeader
{
	text-align:center;
	padding-top: 10px;
}

#divLeaguesHeader p a, #divLeaguesHeader p a:visited
{
	padding: 10px 50px 0px;
	color: Blue;
}

#divLeaguesHeader p a:hover, #divLeaguesHeader p a:active
{
	background-image:url('/images/shuttlecock_transparent.gif');
	background-position:left;
	background-repeat:no-repeat;
}

/**************************************************************************************************/
/*** Gallery page styles                                                                        ***/
/**************************************************************************************************/

.GalleryDiv
{
    text-align:center;
}

/**************************************************************************************************/
/*** Members page styles                                                                        ***/
/**************************************************************************************************/

.MembersDiv
{
    text-align:center;
}

.loginDetails
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
}

.MembersDiv h2
{
	font-size:1.5em;
	color: #3333CC;
}

.loginDetails h3
{
	font-size: 1.35em;
	margin: 1.5em 0px -5px 0px;
	color: #3333CC;
}

.loginDetails label
{
    float:left;
    position:relative;
    margin:9px 0px;
    text-align:right;
    width:80px;
    top: -5px;
    font-weight:700;
}

.loginText
{
    width: 180px;
}

.loginDetails .clear
{
    clear:both;
    display:block;   
    margin: 0 auto;
}

.labelMargin
{
    margin-bottom: 6px;
}

/**************************************************************************************************/
/*** New User                                                                                   ***/
/**************************************************************************************************/

.NewUserDiv
{
    text-align:left;
}

.NewUserDiv h2
{
    text-align:center;
    font-size:1.5em;
	color: #3333CC;
}

.newUserDetails h4
{
    background-color:#3333CC;
    color:#FFF;
    padding-left:10px;
}

.newUserDetails label
{
    float:left;
    position:relative;
    margin:9px 0px;
    text-align:left;
    width:160px;
    top: -5px;
    font-weight:700;
}

.newUserDetails p
{
    padding-left:20px;
}

.divVenue
{
    text-align:center;
}

/**************************************************************************************************/
/*** Required Summary controls                                                                  ***/
/**************************************************************************************************/

.requiredSummary
{
    color:Red;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.errorText
{
    color:Red;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/**************************************************************************************************/
/*** Secure Div                                                                                 ***/
/**************************************************************************************************/

.SecureDiv
{
    text-align:left;
    margin-bottom:20px;
}

#divContactDetails p
{
    padding-left: 8px;
}

.contactDetails
{
    width:90%;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
}

html>body .contactDetails
{
    width:97%;
}

.contactDetails tr td
{
    border: solid 1px black;
    text-align:center;    
}

.contactDetails .tableHeader
{
    background-color:#3333CC;
    color:#FFF;   
    font-weight:bold; 
    text-align:center;
}

.contactDetails .tableRow
{    
    color:#000;
}

.contactDetails .tableRow TD
{
    border: solid 1px #3333CC;
}

.number
{
    text-align:right;
    width:10%;
}

/**************************************************************************************************/
/*** Contact page styles                                                                        ***/
/**************************************************************************************************/

.ContactDiv
{
	text-align:center;		
}

.contactUs
{
    text-align:center;
	margin-left:auto;
    margin-right:auto;	
    width:400px;
}

.ContactDiv h2
{
	font-size:1.5em;
	color: #3333CC;
}

.contactUs h3
{
	font-size: 1.35em;
	margin: 1.5em 0px -5px 0px;
	color: #3333CC;
}

.contactUs label
{
    float:left;
    position:relative;
    margin:9px 0px;
    text-align:right;
    width:80px;
    top: -5px;
    font-weight:700;
}

.contactUs .clear
{
    clear:both;
    display:block;   
    margin: 0 auto;
}

/**************************************************************************************************/
/*** Admin page styles                                                                          ***/
/**************************************************************************************************/

.EditFixtureDiv
{   
    text-align:center;        
}

*>.EditFixtureDiv
{
    text-align:-moz-center;
}

.EditFixtureDiv table
{   
    border-collapse:collapse;
}

.EditFixtureDiv table tr td
{
    border: solid 1px black;
    text-align:left;
}

.buttonSave
{
    margin-top: 20px;
}

.EditFixtureDiv .val
{
    padding: 10px;
    vertical-align:middle;
}

/**************************************************************************************************/
/*** Leagues page styles                                                                        ***/
/**************************************************************************************************/

.leagueTable tr td
{
    border: solid 1px black;
}

.Centre
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/**************************************************************************************************/
/*** Controls                                                                                   ***/
/**************************************************************************************************/

.Combo
{
    margin-left:10px;
    width: 180px;
}

.textBox
{
    /*margin-left:10px;*/
    width: 300px;
}

.textBoxMultiline
{
    /*margin-left:10px;*/
    width: 300px;
    height:64px;
}

.button
{
    margin-left:10px;
}

.checkBox
{
    margin-left: 10px;
}

.labelText
{
    margin-left: 10px;
}

.PlayerImage
{

}

.requiredField
{
    color:Red;    
}

/**************************************************************************************************/
/*** Login control                                                                              ***/
/**************************************************************************************************/
    
.loginTable
{
    width:400px;
    margin-left:auto;
    margin-right:auto;
    border:solid 1px black;
    border-collapse:collapse;
}

.loginHeader
{
    text-align: center;
    padding: 6px;
    font-weight: bold;
    text-transform: uppercase;
    border:solid 1px black;
}

.txtLabel
{
    display:inline-block;
    width: 70px;
}
    
    
/**************************************************************************************************/
/*** Error summary           																	***/
/**************************************************************************************************/

#errorsummary 
{   
	background-image:url(/images/errorsummary/topleft.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:0.5em;
}

.errsumtopright 
{   
	background-image:url(/images/errorsummary/topright.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.errsumbotleft 
{   
	background-image:url(/images/errorsummary/bottomleft.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.errsumbotright 
{   
	background-image:url(/images/errorsummary/bottomright.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0.7em 1em 1em 1em;
}

.errsumbotright h3
{   
	margin-top:0.3em;
}

.errsumbotright ul 
{   
	background-image:url(/images/errorsummary/exclaim.gif);
	background-repeat:no-repeat;
	background-position:0.5em center;
	padding:0 0 0 6em;
	margin:0;
	margin-left:0;
}

.errsumbotright ul li 
{   
	list-style-type:none;
	padding:0 0 0 1.3em;
	margin-left:0;
	margin-bottom:0.3em;
	background-image:url(/images/errorsummary/listdot.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

/* Min height rules not run on Win IE */
*>.errsumbotright ul
{   
	padding-top:40px;
	min-height:1px;
}

*>div.errsumbotright ul li.first
{   
	margin-top:-40px;
}

/* Rules just for Win IE */

* html .errsumbotright ul
{   
	/* Apply mac filter \*/
	height:40px;
	/* end mac filter */
}

.avResults
{
    border: solid 1px black;   
    border-collapse:collapse 
}

.avResults tr td
{
    border: solid 1px black;
    text-align:center;
}

.hoverDiv
{
    padding:10px 0px;
}

#map
{
    border:solid 1px gainsboro;
}

.gameNumber
{
    text-align:left;
    font-size:smaller;
}

/**************************************************************************************************************/
/***  Player league points popup styles                                                                     ***/
/**************************************************************************************************************/

.MatchesList
{
    max-height: 400px;
    overflow: auto;
}

/**************************************************************************************************************/
/***  Cups                                                                                                  ***/
/**************************************************************************************************************/

.CupsDiv h2
{
    text-align: center;
}

.CupsDiv h4
{
    margin: 5px 0;
}

.cups
{
    width:95%;
    margin: 1em;
    border-collapse:collapse;
}

html>body .cups
{
    
    
}

.cups tr td
{
    border: solid 1px black;
    text-align:center;    
    padding: 5px;
}

.cups .tableHeader
{
    background-color:#3333CC;
    color:#FFF;    
    font-weight: bold;
    font-size: 110%;
}

.cups .tableRow
{    
    color:#000;
}

.cups .tableRow TD
{
    border: solid 1px #3333CC;
}

.cups .DateCol
{
    width: 20%;
}

.cups .TeamCol
{
    width: 35%;
}

.cups .ResultCol
{
    width: 10%;
}

.cups .winner
{
    font-weight: bold;
}

/* Result Dumper */
.DataGrid
{
	font-size: small;
	background-color: White;
	border-width: 0px;
	border-style: none;
	width: 100%;
}

.DataGridFooter
{
	background-color: #CCCCCC;
	color: Black;
}	

.DataGridSelectedItem
{
	background-color: Yellow;
	color: White;
	font-weight: bold;
}

.DataGridAlternatingItem
{
	background-color: #DCDCDC; /*Gainsboro*/
}

.DataGridItemStyle
{
	color: Black;
	background-color: #EEEEEE;
}

.DataGridErrorItem
{
	color: Red;
}

.DataGridHeaderStyle
{	
	font-weight: bold;
	color: White;
	background-color: 	#696969; /*DimGray*/
}

.DataGridHeaderStyle A
{	
	color: White;
}

.restring p
{
    text-align:center;
}