﻿
	* { margin: 0 auto;font-style: normal;font-family:Arial, sans-serif; }

	body { background:#22272E; }

	.clear { clear: both; }
	.Left {float:left}
	.Right {float:right}
		
	.bullet-list h2 {font-weight: bold;font-size: 16px;color: #fff;padding-bottom:10px;text-transform:capitalize}
	.bullet-list ul {color:#FFF;margin-bottom: 10px;padding-left:10px}
	.bullet-list.shift ul {color:#FFF;margin-bottom: 10px;padding-left:20px}
	.bullet-list li {     
	    background-image: url(/images/brochure/chrome/ulImg.gif);
        background-repeat: no-repeat;
        background-position: 0pt 3px;
        list-style-type: none;
        padding: 0 8px 10px 1.0em;
        font-size:13px
    }
	
	.feature-list {width:97%;margin:auto}
	.feature-list h3 {color:#fff;font-size:20px;text-transform:uppercase;border-bottom:dotted 1px #fff;margin-bottom:10px}
	.feature-list .bullet-list {float:left;width:50%}
	.feature-list .bullet-list.long {clear:both;}
	.feature-list .bullet-list ul {color:#FFF;margin-bottom: 10px;padding-left:30px}
	
	
	
	#container{
		margin: 0 auto;
		width:800px;
		background-color:#050F19;
	}
	
	#tzLogin {
		width: 800px;
		height: 76px;
		background-image: url(/images/brochure/chrome/tzLogin_background.png); }		
    
	.textbox {
		background:url(/images/brochure/chrome/textboxbackground.png) no-repeat; 
		height:20px; 
		border:0px; 
		color:white;
		margin-left:5px;
		padding-left:5px;
		padding-top:2px; }
	
	#bgWrap {
		width: 800px;
		height: 100%;
		background-image: url(/images/brochure/chrome/TZS_bg.png);
		background-repeat: no-repeat; }

	#topThird {
		width: 100%;
		float: left;
		margin: 0 auto; }

	#navItems {
		width: 381px;
		height: 200px;
		float: right;
		margin-right: 20px; }

	#pageName {
		width: 122px;
		height: 20px;
		float: right;
		margin-bottom: 25px; }

		#pageName h1 {
			font-size: 18px;
			color: #ffffff;
			text-transform: uppercase; }
	
	#textBoxWrap{
		width:780px;
		height:180px;
		margin:0 auto;
	}
	
	.itemBoxes {
		height: 180px;
		width: 250px;
		float: left;padding:0;margin:0}

	.itemBoxesP {
		color: #444;
		font-size: 12px;
		font-weight:bold;
		margin: 0 2px;
		padding-top:5px;
		}

		.itemBoxes p { padding: 3px 2px; }
		.itemBoxes ul {padding-left:15px}
		.itemBoxes ul li {float:left;width:49%;margin:0;padding:0;}
		
	.itemText{
		margin-top:5px;
		width:220px;
		height:100px;
	}
	
	.itemBoxes > a {}
	.itemBoxes > a img {border:none;margin:3px 10px}
	
	.teams, .clubs, .leagues {
		background-image: url(/images/brochure/chrome/items_bg.png);
		background-repeat: no-repeat;
		background-color:inherit }


	.tmm {
		width: 220px;
		height: 23px;
		bottom: 0px;
		margin-top:-1px;
		background-image: url(/images/brochure/chrome/tmm1.png);
		background-repeat: no-repeat;
		background-position: center top;}
		
		.tmm a{
			display:block;
			width:200px;
			height:20px;
		}
		
	#midThird {
		margin:0;
		padding:0;
		width: 800px;}

	#midTopBar {
		width: 763px;
		height: 58px;
		background-image: url(/images/brochure/chrome/midTopBar.png);
		background-repeat: no-repeat; }

	#textLinks {
		text-decoration: none;
		color: #aec8ee;
		font-size: 11px;
		float: left;
		margin-left: 100px;
		margin-top: 28px; }

		#textLinks a {
			font-size: 11px;
			text-decoration: none;
			color: #aec8ee; }

			#textLinks a:hover {
				font-size: 11px;
				text-decoration: none;
				color: #53729d; }

	#titleText h1 {
		padding-top: 18px;
		margin-left: 15px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		color: #fff;
		width: 450px;
		float: left; }

	#midConRepeat {
		width: 763px;
		padding-top: 30px;

		background-image: url(/images/brochure/chrome/midConRepeat.png);
		background-repeat: repeat-y; }


	#btmConRepeat {
		margin:auto;
		width: 763px;
		height: 52px;
		background-image: url(/images/brochure/chrome/btmConRepeat.png);
		background-repeat: repeat-y; }

	#midConRight {
		width: 232px;
		height: 217px;
		margin-left: 55px;
		float: left;
		background-image: url(/images/brochure/chrome/midConRight.png);
		background-repeat: repeat-y; }

	#footer {
		margin:0;
		padding:0;
		width: 800px;
		height: 34px;
		background-image: url(/images/brochure/chrome/ftbg.png);
		background-repeat: no-repeat; }
		
    .Footer p, .Footer a {font-size:11px;text-align: center;line-height: 1.5em;color:#fff;text-decoration:none}		
	
	form.login {padding-top:5px;margin-left:410px;}
    form.login div label {display:block;margin-left:5px;margin-bottom:2px;color:#fff;font-size:11px;font-variant:small-caps;font-weight:bold;}
    form.login input[type=image] {margin-top:15px}
    form.login a {color:#fff;font-size:11px;margin-left:5px;margin-bottom:10px}
    form.login .Left {margin-top:5px}   
    
    .role {}
    .role div {width:33.33%;float:left}
    .role a.text {color:#fff;text-decoration:none;width:85%;display:inline-block;float:right;font-size:15px;text-align:right;margin-right:20px}
    .role a.action {color:#fff;text-decoration:none;width:85%;display:inline-block;float:right;text-align:right;margin-top:10px;font-weight:bold}
    .role a.action:hover {text-decoration:underline}
    
    .buttons {}
    .buttons .Left {float:left;margin-left:10px}
    .buttons .Right {float:right;margin-right:10px}
    