/* 
-----------------------------------------------
	Global CSS
	Project: UrbanRec.ca
	Version: 1.0
	Date: January 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headers
		- Structure
		- Navigation
		- Forms
		- Standard + Misc
 ----------------------------------------------- */


/* =BASE
----------------------------------------------- */
* {margin:0; padding:0;}  /* removes default padding/margins */

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
	background-position: center;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6;
	color: black;
	}

img { border: 0; }
h3 { font-size: 11px; line-height: 15px; color: #000; }

/* -- Global Font Information -- */
body, h1, h2, h3, h4, h5, div, table, tr, th, td, blockquote, input, form, fieldset { font-family: Arial, Helvetica, San-serif; }


/* =HEADERS
----------------------------------------------- */	
h1 {
 font-size: 18px; line-height: 20px; font-weight: normal; color: #666; padding-top: 0; margin-top: 0;
}

/* homepage */
.homeTitle_social {
 display:block;  
	width:478px; 
	height:23px; 
	background:url(../_img/hdr_homeSocial.gif); 
}

.homeTitle_sport {
 display:block;  
	width:478px; 
	height:23px; 
	background:url(../_img/hdr_homeSport.gif); 
}

.homeTitle_bulletin {
 display:block;  
	width:478px; 
	height:40px; 
	background:url(../_img/hdr_bulletin.gif); 
}

.homeTitle_welcome {
 display:block;  
	width:478px; 
	height:40px; 
	background:url(../_img/hdr_welcome.gif); 
}

/* dashboard */
.dashTitle_sport {
 display:block;  
	width:478px; 
	height:23px; 
	background:url(../_img/sport/hdr_dash.gif); 
}

.dashTitle_social {
 display:block;  
	width:478px; 
	height:23px; 
	background:url(../_img/social/hdr_dash.gif); 
}

.dashTitle_bulletin {
 display:block;  
	width:478px; 
	height:40px; 
	background:url(../_img/hdr_dashBulletin.gif); 
}

.dashTitle_account_social {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/social/hdr_account.gif); 
}

.dashTitle_account_sport {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/sport/hdr_account.gif); 
}

.dashTitle_photo_social {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/social/hdr_photo.gif); 
}

.dashTitle_photo_sport {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/sport/hdr_photo.gif); 
}

.dashTitle_teams, .dashTitle_leagues {
 display:block;  
	width:655px; 
	height:23px; 
	background:url(../_img/sport/hdr_dash_teams.gif); 
}

.dashTitle_tournaments {
 display:block;  
	width:655px; 
	height:23px; 
	background:url(../_img/sport/hdr_dash_tournaments.gif); 
}

.dashTitle_parties {
 display:block;  
	width:655px; 
	height:23px; 
	background:url(../_img/social/hdr_dash_parties.gif); 
}

.dashTitle_events {
 display:block;  
	width:655px; 
	height:23px; 
	background:url(../_img/social/hdr_dash_events.gif); 
}

/* quicklinks */
.quickLinksTitle_leagues {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/hdr_leagues.gif); 
}

.quickLinksTitle_tournaments {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/hdr_tournaments.gif); 
}

.quickLinksTitle_events {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/hdr_events.gif); 
}

.quickLinksTitle_parties {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/hdr_parties.gif); 
}

.quickLinksTitle_benefits {
 display:block;  
	width:165px; 
	height:23px; 
	background:url(../_img/hdr_benefits.gif); 
}

/* =STRUCTURE
----------------------------------------------- */	
#wrapper {
 margin:0 auto;
	width: 995px;
}	

/* Structure - Header Area (login, etc)
----------------------------------------------- */
#sponsors {
 position: absolute;
	margin: 0 0 0 33px;
	width: 300px;
	height: 70px;
}

#loginArea {
	height: 51px;
	padding: 0 10px 0 0; 
}

#login {
 float: right;
	margin: 19px 4px 0 0;
	padding: 0;
	width: 555px;
	height: 24px;
	text-align: right; 
}

#login img, #loginInput { margin-bottom: -5px }  

.loginButton {
	padding: 0; margin: 0;
}

#logout {
	text-align: left;
	margin-top: 3px;
	background-image: url(../_img/login_signedInAs.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#logout img{
 float: right;
	margin-top: -18px;
}

.membername { 
 padding-left: 80px; 
}

.loginSplit {
 padding: 0 4px;
}

#header {
	height: 161px;
}

#breadcrumb {
 border-bottom: 1px solid #eee;
	padding: 0 0 3px 0;
	margin: 0 0 11px 0;
}

#breadcrumb {
 border-bottom: 1px solid #eee;
	padding: 0 0 3px 0;
	margin: 0 0 11px 0;
}

#breadcrumb p {
 margin: 0; padding: 0;
}

/* Structure - Dashboard
----------------------------------------------- */
.dashboard {
 width: 661px;
	margin: 0;
	padding: 0;
 float: left;
}

.sport-header {
	background-color: #c80402;
	color: #fff;
	font-weight: bold;
/*	position: relative;
	z-index: 2; */
	width: 655px;
}

.social-header {
 background-color: #5274A2; 
	color: #fff; 
	font-weight: bold; 
/*	position: relative; 
	z-index: 2;		*/
}

ul.boxy { list-style-type: none;  }
		#myParties { margin-bottom: 0em; }
		#myParties li { margin: 0px;  }
		#myEvents { margin-bottom: 0em; }
		#myEvents li { margin: 0px;  }

/*div around each block - team, etc */
.dashboard_teams, .dashboard_parties {  
 width: 650px;
margin-bottom:18px;
}

.dashboard_tournaments, .dashboard_events {  
 width: 100%;
/*	margin-top: 18px; */
margin-bottom:18px;
}

.draggable { cursor:move; }

.splitLine {
 /*border-right: 1px solid #eee;*/
}

.padCell {
 padding: 6px;
}

.tabCell {
 padding: 7px 7px 0 7px;
}

.tableBorder { border: 1px solid #ddd; margin: 0px 0 1px 0;}

.dragIcon { margin: 2px 0px 5px 0px }

.rosterTable td { margin: 0px 5px; padding: 7px; background: white; border-bottom: 1px solid #e5e5e5 } 

.rosterHeader { background: #E5E5E5 }

.teamInfo { border:1px solid #666; width: 641px; background: #ddd; padding: 5px; margin: 0px }


/* Structure - Content area
----------------------------------------------- */
#contentArea {
 background-image: url(../_img/bkgd_content.gif);
	background-repeat: repeat-y;
	padding: 0px 8px 0 10px;
	margin: 0;
 text-align: left;	
}

#content {
 width: 650px;
	margin: 0;
	padding: 0 0 0 4px;
 float: left;
}

#content p {
 margin: 10px 0;
	line-height: 1.6;
}

/* Columns
----------------------------------------------- */
#adLeft { /* left col */
 width: 133px;
	padding: 0 0 0px 6px;
	margin: 0;
 float: left; 
	border-bottom: 1px solid white; /* forces div width if empty */
}

#adLeft img {
 padding-bottom: 10px;
}

#contentHome {  /* left-middle col */
 width: 478px;
 margin: 0;	
	padding: 0 5px 0 0;
 float: left;
	text-align: left;
}

.contentBlock {
 padding: 0px 6px 16px 6px;
	margin-top: 0px;
}
  
#quickLinks {  /* right-middle col */
 width: 165px;
 margin: 0;
	padding: 0 5px 0 8px;
	text-align: left;
 float: left;
}

.quickLinksBox {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0 0 5px 0;
}

* html .quickLinksBox { padding-bottom: 0px; }  /* IE6 doesn't like the bottom padding */

.quickLinksBox li {
 list-style: none;
	border-bottom: 1px solid #ddd;
	padding: 2px 4px;
	margin: 0px 3px;
}

.bottomShadow {
 background-image: url(../_img/quicklinks_bottom.gif);
	background-repeat: no-repeat;
	height: 16px;
}
 
#adRight {  /* right col */
 width: 160px;
	padding: 0 9px 5px 1px;
 float: right;
	text-align: center;
}

/*.clear { 
 float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html 
}  
*/

#button-feature {
	margin:12px 0 16px;
}
#button-feature img {
	border:medium none;
	float:left;
	margin:3px 1px 0 0;
}

/* Footer
----------------------------------------------- */
#footer {
	background-repeat: no-repeat;
	background-position: left top;
	width: 994px;
	height: 200px;
	margin: 0;
}

#footer p {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;	
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
}

.footLinks {
 padding: 70px 0 8px 0; 
 border-bottom: 1px solid #28292B;	
} 

.footSection {
 font-weight: bold;
	margin: 0 0 0 8px;
	padding-left: 28px;
}

.copyright {
 font-size: 10px;
	margin: 0 0 0 15px;
	padding-left: 20px;
	color: #c8dffe;
	line-height: 1.7;
}

.copy {
 float: left; 
	width: 600px;
}

.credit {
 float: right;
	width: 212px;
}
	
.smallprint { 
 height: 58px;
 border-bottom: 1px solid #28292B; 	
	margin-top: 3px;
}

/* =NAVIGATION
----------------------------------------------- */
#navbar {
 position: relative;
	z-index: 5;
	height: 45px;
	background-image:url(../_img/bkgd_navShadow.gif);
	background-position: top;
	width: 988px;
	padding-left: 6px;
}

ul#nav { padding: 0; margin: 0; list-style: none; }
	ul#nav li { float: left; position: relative; overflow: visible; z-index: 20; }
	li.mnu { height: 33px; font-family: Arial, Helvetica, San-serif; overflow: visible; }
		li.mnu span { position: absolute; left: -9999px; font-size: small; z-index: 1000;}
		li.mnu a { display: block; height: 33px; border: 0; background-image: url(../_img/nav.gif); background-repeat: no-repeat; background-color: transparent; color: #303435; }
		li.mnu a:link		{ color: #303435; }
		li.mnu a:visited	{ color: #303435; }
		li.mnu a:hover		{ color: #cc0000; }
		li.mnu a:active		{ color: #cc0000; }

	li.mnu ul	{ display: none; position: absolute;
					border: solid 1px #000; margin: 0; padding: 2px 6px 7px 6px; width: 130px; height: auto; top: 33px; left: 1px;
					background-color: #bac2c5; list-style: none; } /* second-level lists */
	li.mnu>ul	{ top: 33px; left: 1px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	li.mnu ul li { display: block; float: none; position: relative;
					border-bottom: solid 1px #eee; padding: 3px 0 4px 0; width: 100%;}
	li.mnu ul li a { background-image: none; background-color: transparent; 
					display: block; float: none; padding: 2px 4px 1px 4px; margin: 0; height: auto;
					text-decoration: none; text-align: left; }
		li.mnu ul li a:link		{  }
		li.mnu ul li a:visited	{  }
		li.mnu ul li a:hover	{ background-color: #8c9193; color: #fff;}
		li.mnu ul li a:active	{  }

	 a#itm-set { background-color: #333333; }
		a#itm-set:link		{ color: #ccc; }
		a#itm-set:visited	{ color: #ccc; }
		a#itm-set:hover		{ color: #ccc; }
		a#itm-set:active	{ color: #ccc; }

	li:hover ul, li.over ul { display: block; }

	li#li1	 { width: 60px;}
	li#li2	 { width: 73px; }
	li#li3	 { width: 119px; }
	li#li4	 { width: 61px; }
	li#li5	 { width: 105px; }
	li#li6  { width: 81px; }
	li#li7  { width: 119px; }
	li#li8	 { width: 133px; }
	li#li9	 { width: 77px; }
	li#li10	 { width: 154px; }

	li#li1 a:link, li#li1 a:visited	{ background-position: -0px 0px; }
	li#li2 a:link, li#li2 a:visited	{ background-position: -60px 0px; }
	li#li3 a:link, li#li3 a:visited	{ background-position: -133px 0px; }
	li#li4 a:link, li#li4 a:visited	{ background-position: -252px 0px; }
	li#li5 a:link, li#li5 a:visited	{ background-position: -313px 0px; }
	li#li6 a:link, li#li6 a:visited	{ background-position: -418px 0px; }
	li#li7 a:link, li#li7 a:visited	{ background-position: -499px 0px; }
	li#li8 a:link, li#li8 a:visited	{ background-position: -618px 0px; }
	li#li9 a:link, li#li9 a:visited	{ background-position: -751px 0px; }
	li#li10 a:link, li#li10 a:visited	{ background-position: -828px 0px; }


	li#li1 a:hover, li#li1 a:active	{ background-position: -0px -33px; }
	li#li2 a:hover, li#li2 a:active	{ background-position: -60px -33px; }
	li#li3 a:hover, li#li3 a:active	{ background-position: -133px -33px; }
	li#li4 a:hover, li#li4 a:active	{ background-position: -252px -33px; }
	li#li5 a:hover, li#li5 a:active	{ background-position: -313px -33px; }
	li#li6 a:hover, li#li6 a:active	{ background-position: -418px -33px; }
	li#li7 a:hover, li#li7 a:active	{ background-position: -499px -33px; }
	li#li8 a:hover, li#li8 a:active	{ background-position: -618px -33px; }
	li#li9 a:hover, li#li9 a:active	{ background-position: -751px -33px; }
	li#li10 a:hover, li#li10 a:active	{ background-position: -828px -33px; }


	li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{ background-position: -0px -66px; }
	li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{ background-position: -60px -66px; }
	li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{ background-position: -133px -66px; }
	li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited	{ background-position: -252px -66px; }
	li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{ background-position: -313px -66px; }
	li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited	{ background-position: -418px -66px; }
	li#li7 a.mnu-set:link, li#li7 a.mnu-set:visited	{ background-position: -499px -66px; }
	li#li8 a.mnu-set:link, li#li8 a.mnu-set:visited	{ background-position: -618px -66px; }
	li#li9 a.mnu-set:link, li#li9 a.mnu-set:visited	{ background-position: -751px -66px; }
	li#li10 a.mnu-set:link, li#li10 a.mnu-set:visited	{ background-position: -828px -66px; }

/* Dashboard Toggle */

#dash_toggle, #home_toggle {
 position:relative;
	top: 0px;
	left: 0;
	height: 34px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#toggle { }
	#toggle li {list-style: none; margin: 0; padding: 0; display: inline;}
	#toggle li a:link, #toggle li a:visited {display: block; position: absolute; top: 0; height: 34px;}
	#toggle li a:hover {background: transparent;}
	#toggle li a#sport_toggle {left: 0; width: 84px; }
	#toggle li a#social_toggle {left: 84px; width: 81px;}


#toggle li a:link span, #toggle li a:visited span  {
	display: block; 
	position: absolute; 
	top: 0px;  	
	background: url(../_img/dash_toggle.gif); 
	background-repeat: no-repeat; 
	overflow: hidden; 
	font-size: 1px; 
	line-height: 1px; 
	color: #222; 
	height: 0; 
	padding: 34px 0 0 0; 
	cursor: pointer;
}
	
	#toggle li a#sport_toggle span {background-position: 0 0; width: 82px; }
	#toggle li a#social_toggle span {background-position: -84px 0; width: 81px; }

	#toggle li a#sport_toggle:hover span {background-position: 0 -34px; }
	#toggle li a#social_toggle:hover span {background-position: -84px -34px; }

	#toggle li a#sport_toggle.active span {background-position: 0px -34px; }
	#toggle li a#social_toggle.active span {background-position: -84px -34px; }
	
	#toggle li a#sport_toggle.setToggle span {background-position: 0px -34px; }
	#toggle li a#social_toggle.setToggle span {background-position: -84px -34px; }


/* Dashboard Table Tabs */

.dashboard_tabs {
 position:relative;
	top: 0px;
	left: 0;
	height: 32px;
	padding: 0;
	margin: 0;
	z-index: 1;
/*	width: 185px; */
	float: right;
}

.dashTabs {  }
	.dashTabs li {list-style: none; margin: 0; padding: 0; display: inline;}
	.dashTabs li a:link, #dashTabs li a:visited {display: block; position: absolute; top: 0; height: 32px;}
	.dashTabs li a:hover {background: transparent;}
	.dashTabs li a.teamEmail {left: 0; width: 0px; }
	.dashTabs li a.teamRoster {left: 62px; width: 62px;}
	.dashTabs li a.teamDetails {left: 124px; width: 59px;}	


.dashTabs li a:link span, .dashTabs li a:visited span  {
	display: block; 
	position: absolute; 
	top: 0px;  	
	background: url(../_img/tabs_dashboard.gif); 
	background-repeat: no-repeat; 
	overflow: hidden; 
	font-size: 1px; 
	line-height: 1px; 
	color: #222; 
	height: 0; 
	padding: 32px 0 0 0; 
	cursor: pointer;
}
	
	.dashTabs li a.teamEmail span {background-position: 0 0; width: 62px; }
	.dashTabs li a.teamRoster span {background-position: -62px 0; width: 62px; }
	.dashTabs li a.teamDetails span {background-position: -124px 0; width: 59px; }	

	.dashTabs li a.teamEmail:hover span {background-position: 0 -32px; }
	.dashTabs li a.teamRoster:hover span {background-position: -62px -32px; }
	.dashTabs li a.teamDetails:hover span {background-position: -124px -32px; }	

	.dashTabs li a.teamEmail.active span {background-position: 0px -32px; }
	.dashTabs li a.teamRoster.active span {background-position: -62px -32px; }
	.dashTabs li a.teamDetails.active span {background-position: -124px -32px; }	
	
	.dashTabs li a.teamEmail.set span {background-position: 0px -64px; }
	.dashTabs li a.teamRoster.set span {background-position: -62px -64px; }
	.dashTabs li a.teamDetails.set span {background-position: -124px -64px; }


/* Graphic Buttons */

#graphicButtons {
 position:relative;
	top: 8px;
	left: 0;
	height: 80px;
	padding: 0;
	margin: 4px 0 4px -6px;
	z-index: 2;
}

#buttons{ }
 #buttons li {list-style: none; margin: 0; padding: 0; display: inline;}
 #buttons li a:link, #buttons li a:visited {display: block; position: absolute; top: 0; height: 80px;}
 #buttons li a:hover {background: transparent;}
 #buttons li a#button1 {left: 0; width: 152px; }
 #buttons li a#button2 {left: 152px; width: 163px;}
 #buttons li a#button3 {left: 315px; width: 163px;}

#buttons li a:link span, #buttons li a:visited span  {
	display: block; 
	position: absolute; 
	top: 0px;  	
	background: url(../_img/graphic_buttons.gif); 
	background-repeat: no-repeat; 
	overflow: hidden; 
	font-size: 1px; 
	line-height: 1px; 
	color: #222; 
	height: 0; 
	padding: 80px 0 0 0; 
	cursor: pointer;
}
	
#buttons li a#button1 span {background-position: 0 0; width: 152px; }
#buttons li a#button2 span {background-position: -152px 0; width: 163px; }
#buttons li a#button3 span {background-position: -315px 0; width: 163px; }

#buttons li a#button1:hover span {background-position: 0 -80px; }
#buttons li a#button2:hover span {background-position: -152px -80px; }
#buttons li a#button3:hover span {background-position: -315px -80px; }

#buttons li a#button1:active span {background-position: 0px -80px; }
#buttons li a#button2:active span {background-position: -152px -80px; }
#buttons li a#button3:active span {background-position: -315px -80px; }


/* =LINKS + LISTS
----------------------------------------------- */
#contentArea a:link   { text-decoration: none; color: #c80503;   }
#contentArea a:visited { text-decoration: none; color: #c80503;  }
#contentArea a:active  { text-decoration: none; color: #c80503;  }
#contentArea a:hover  { text-decoration: underline; color: #666;  }

#footer a:link   { text-decoration: none; color: #c8dffe; border-bottom: 1px solid #6f747a; margin: 0 5px; }
#footer a:visited { text-decoration: none; color: #c8dffe; border-bottom: 1px solid #6f747a; margin: 0 5px; }
#footer a:active  { text-decoration: none; color: #c8dffe; border-bottom: 1px solid #6f747a; margin: 0 5px; }
#footer a:hover  { text-decoration: none; color: #fff; border-bottom: 1px solid #c8dffe; margin: 0 5px; }


/* =FORMS
----------------------------------------------- */
.loginField { 	
 font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: black; 
	padding: 1px;
	width: 95px;
 margin: 0;
} 

#login label.signin	{ display: block; padding: 2px 0; font-size: 11px; }

.checkbox { 
 width: 24px;
	font-size: 12px; 
}

/* =STANDARD + MISC
----------------------------------------------- */
.hide { display: none }

/*.login { 
 background-color:#fff; 
	border:1;  
	height:18px; 
	color: black; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
} */

*{ outline:none;}

  .btnmaintenance { display:block; float:right; width:76px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif); background-position:0 0;}  
  .btnroster { display:block; float:right; width:59px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-79px 0;}     
  .btndetails { display:block; float:right;  width:59px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-141px 0;}  
  .btntournament { display:block; float:right;  width:91px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-203px 0;}  

  .btnmaintenanceset { display:block; float:right; width:76px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif); background-position:0 -64px;}  
  .btnrosterset { display:block; float:right; width:59px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-79px -64px;}     
  .btndetailsset { display:block; float:right;  width:59px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-141px -64px;} 
    .btntournamentset { display:block; float:right;  width:91px; height:32px;margin-left:3px;background:url(../_img/dashboard/tabs_dashboard.gif);background-position:-203px -64px;}