/* Universal Selectors 
----------------------------------------------------------------------------- */
html {
	background:url(../images/template/body_bg.jpg) center #00629c repeat-y;
}

body {
    min-width: 960px;
	height: 100%;
    color: #fff;
    background:url(../images/template/body_bg.jpg) center #00629c repeat-y;
}

a{outline:none;}

/*
#main a {
	background:#0D3B5B none repeat scroll 0 0;
	cursor:pointer;
	padding:0 3px;
}
*/

a:link, a:visited {
	color: #b1f7ff;
	text-decoration: underline;
}

a:hover, a:active {
    text-decoration: none;
}


/* Strutural Elements
----------------------------------------------------------------------------- */
#wrapper {
    width: 1050px;
	/*height: 100%;*/
	padding: 0 10px;
	margin: 0 auto;
	background:url(../images/template/header_logo.jpg) no-repeat;
	
}
#wrapper.blank{background-image:none;}

#container{width: 980px;
	height: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

#header{
	display:block;
	width:100%;
	height:140px;
}

#header #navigation{
	display:block;
	float:right;
}


#sidebar {
	width: 250px;
	float: left;
	margin-top:30px;
}

#content {
	width: 700px;
	float: left;
}

#content p, #content ul { margin-right: 20px;}

#footer {
	clear: both;
	text-align: right;
	overflow:hidden;	
    margin-top:20px;
    width:100%;
}

.clr {
	clear: both;
	line-height: 0;
	height: 0;
}

/* Footer
----------------------------------------------------------------------------- */

#footer ul{
	width:100%;
	float:left;
	padding-top:20px;
}


#footer ul li{
    float:left;
    width:auto;
    display:block;
    padding: 0 10px 0 0;
    margin-right:10px;
    border-right:1px solid #fff;
}

#footer ul li.brankHubLink{
    float:right;
    border:none;
}

#footer ul li a{color:#fff; text-decoration:none;font-size:80%;}
#footer ul li a:hover{text-decoration:underline;}

#footer ul li.bda{border:0;margin-top:-8px;}
#footer ul li.brankHubLink a{
	background:url(../images/template/brandHubLogo.gif) 210px  0px no-repeat;
	display:block; width:205px; height:45px;
	color:#fff;font-size:16px; font-weight:bold; padding-right:80px; padding-top:10px; text-decoration:none; margin-top:-10px; width:190px;}

#footer ul li.brankHubLink a:hover{color:#ccc; }




/* Member Login
----------------------------------------------------------------------------- */

#memberLogin a.login{background:url(../images/template/navigation/btnLoginNav.gif) 0 0 no-repeat; display:block; width:21px; height:24px; text-indent:-999px;}
#memberLogin a.login:hover{background-position:bottom;}

#memberLogin a.register{background:url(../images/template/navigation/btnRegisterNav.gif) 0 0 no-repeat; display:block; width:34px; height:24px; text-indent:-999px;}
#memberLogin a.register:hover{background-position:bottom;}

#memberLogin a.teamProfile{background:url(../images/template/navigation/btnTeamProfile.gif) 0 0 no-repeat; display:block; width:56px; height:24px; text-indent:-9999px;}
#memberLogin a.teamProfile:hover{background-position:bottom;}

#memberLogin a.logout{background:url(../images/template/navigation/btnLogoutNav.gif) 0 0 no-repeat; display:block; width:22px; height:24px; text-indent:-9999px;}
#memberLogin a.logout:hover{background-position:bottom;}

/**Login Form **/
form#navLogin{display:none; float: left;}

ul#memberArea.guest li#logout,ul#memberArea.guest li#profile,ul#memberArea.guest li#welcome{display:none;}
ul#memberArea.user li#register,ul#memberArea.user li#login{display:none;}
ul#memberArea li#welcome{color:#fff; margin-top:6px; font-size:100%;}


ul#memberArea{display:block;overflow:hidden;margin-top:10px; display:block;
height:30px;
margin-top:10px;
overflow:hidden;
width:550px;

}
ul#memberArea li{float:right; margin-left:10px;}

div#memberLogin{display:block; height:40px; width:600px; overflow:hidden; float:right;}

div#navigation ul#nav{margin-top:10px; float:right; width: 600px;}
div#navigation ul#nav li{margin:0;padding:0 10px; background:transparent url(../images/template/navDivider.gif) no-repeat scroll right center;}
div#navigation ul#nav li a{color:#fff; font-size:14px; text-transform:none;padding: 5px;}
div#navigation ul#nav li a:hover {background:#0D3B5B!important; text-decoration: none;}

div#navigation ul#nav li.last{border:none; background: none;}


input#loginPassword{display:none;}

.formoptions { width: 100%; clear: both;}

/* Sidebar
----------------------------------------------------------------------------- */
ul#sidebarMenu{margin:0;padding:0;overflow:hidden;width:100%; display:block;}
ul#sidebarMenu li{display:block;float:left;width:100%;color:#ffffff;}
ul#sidebarMenu li a{color:#ffffff; text-decoration: none; padding:0;margin:0; cursor: pointer;}
ul#sidebarMenu li a:hover{color:#ffffff; text-decoration: none;}
ul#sidebarMenu li.promo span{
	background:url(../images/template/sidebar/sidebar_Promo.jpg) 0 0 no-repeat; 
	display:block; 
	width:120px;
    padding:21px 110px 0 19px;
	height:74px;
}
ul#sidebarMenu li.enterHere span{
	background:url(../images/template/sidebar/sidebar_EnterHere.jpg) 0 0 no-repeat; 
	display:block; 
	width:230px;
    padding:27px 0 0 20px;
	height:70px;
}
ul#sidebarMenu li.theRewards span{
	background:url(../images/template/sidebar/sidebar_TheRewards.jpg) 0 0 no-repeat; 
	display:block; 
    text-align:right;
    width:238px;
    padding:49px 12px 0 0;
	height:76px;
}
ul#sidebarMenu li.shareThis span{
	background:url(../images/template/sidebar/sidebar_EmailMates.jpg) 0 0 no-repeat; 
	display:block; 
	padding:49px 0 0 19px;
	width:231px;
	height:74px;
}
ul#sidebarMenu li.tips span{
	background:url(../images/template/sidebar/sidebar_Tips.jpg) 0 0 no-repeat; 
	display:block;  
	text-align:right;
        width:157px;
        padding:42px 13px 0 80px;
	height:69px;
}

ul#sidebarMenu li.socceroos span{
	background:url(../images/template/sidebar/sidebar_socceroos.jpg) 0 0 no-repeat; 
	display:block;  
	text-align: left;
    width:217px;
    padding: 43px 13px 0 20px;
	height: 94px;
	font-size: 11px;
}


/* Lists
----------------------------------------------------------------------------- */
#navigation {
	list-style: none;
}

#navigation li {
	list-style: none;
	float: left;
	font-size: 1.5em;
	text-transform: lowercase;
}


/* Links
----------------------------------------------------------------------------- */
#navigation li a:link, #navigation li a:visited {
	display: block;
	float: left;
	color: #8c9399;
	text-decoration: none;
	padding: 0 16px 0 11px;
}

#navigation li.first a:link, #navigation li.first a:visited {
	padding-left: 0;
}

#navigation li.last a:link, #navigation li.last a:visited {
	background: none;
	padding-right: 0;
}

#navigation li a:hover, #navigation li a:active {
	text-decoration: underline;
}


/* Typography
----------------------------------------------------------------------------- */
h1 {
	font-size: 2.9em;
	color: #fff;
	background:transparent url(../../../images/subpage/bg-border.gif) no-repeat scroll 0 100%; border:0 none; padding-bottom: 10px;
}

h2 {
	font-size: 1.9em;
	font-weight:bold;
}

h3 {
}

p {
}

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


/* Images
----------------------------------------------------------------------------- */

div.line {background: url(../../../images/subpage/bg-border.gif) 0 0 no-repeat; width:712px; height:18px; display:block; clear:both; border:0;  margin: 50px 0 30px -20px; }

hr {clear:both; border:0;}


/* Form Elements
----------------------------------------------------------------------------- */

@CHARSET "ISO-8859-1";

form{display:block; float:left;}

select{color:#0078bc; font-weight:bold; padding:4px 10px 4px 10px;}

input,textarea,select,option{font-size:13px; }

input.medium,textarea.medium,input.small{ width:373px; border: none; }
input.medium { background:url(../images/template/form/text-input.gif) no-repeat; padding: 6px 10px; }
textarea { background:url(../images/template/form/textarea.gif) no-repeat; padding: 6px 10px; width: 372px; height: 122px;}

textarea.medium{background: #fefefe url(../images/template/form/textareaBg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; line-height:26px; height:178px; padding-left: 20px; width:363px;}

padding:4px 10px;}

input.small{width:250px;}
select.small{width:250px; margin-bottom: 0px; font-size:13px; color:#0078BC; }

label.radio{float:none;margin-left:-10px;}

input.checkbox{float:left;}

ul.form li{display:block;float:left; width:100%; overflow:visible;}

ul.form li.nolabel{width:560px; float:left;}

ul.form li.otherCategory{display:none;}

ul.form li span.instruction{display:block; padding-left:5px;float:left; width: 395px;}

ul.form li span.wordCount{display:block;}

#loginEmail, #tempPassword, #loginPassword { background:transparent url(../images/template/form/text-input02.gif) no-repeat scroll 0 0; padding:6px; margin:0 5px; width:131px; border: none; color: #0078bb;}
input.small {  background:transparent url(../images/template/form/text-input02.gif) no-repeat scroll 0 0; padding:6px; margin:0 5px; width:131px; border: none; font-size: 1em; line-height:1em;}

/*Error handling*/
.confirm{background:url(../images/template/form/tick.gif) top left no-repeat; padding-left:20px; font-weight:bold; display:block; padding: 7px 0 10px 40px;}

.errorMessage{background:url(../images/template/form/errorCross.gif) top left no-repeat; padding-left:20px; font-weight:bold; display:block; padding: 7px 0 10px 40px; }
input.error{}

ul.form li span.error{background:url(../images/template/form/errorbg.gif) left no-repeat #fff; color:#e50000;
 padding:9px 10px 10px 32px; font-size:11px; margin-left:10px; display:inline; }
ul.form li span.multiliine span.error{float:right; height:18px; margin-right:-150px; width:120px; overflow:visible; padding-top:5px;}
ul.form li.uploader span.error{margin-left:200px;  width:200px; display:inline; }

ul.form li.contacttype span.error{margin-left:160px; width:200px; display:inline; }
ul.form li.teamsummary span.error{margin-left:370px; float:left; margin-top:-80px; height:14px; width:200px; display:inline-block; overflow:hidden;  }

input.error{border:1px solid #cc0000}

textarea.error{border:1px solid #cc0000}

select.error{border:1px solid #cc0000}

ul.form li.errorlist span{color:#cc0000; font-weight:bold; background:#fff; padding:10px; display:inline-block; }

.textareamsg{margin-bottom:100px;}

/*Styling*/


ul.form li.step{font-weight:bold; margin:20px 0; height:18px;}
ul.form li hr{margin-top:50px; margin-bottom:30px}

ul.form li.one{background:url(../images/template/form/step1.gif) left top no-repeat; padding:4px 0 0 30px;}
ul.form li.two{background:url(../images/template/form/step2.gif) left top no-repeat; padding:4px 0 0 30px;}
ul.form li.three{background:url(../images/template/form/step3.gif) left top no-repeat; padding:4px 0 0 30px;}
ul.form li.four{background:url(../images/template/form/step4.gif) left top no-repeat; padding:4px 0 0 30px;}
ul.form li.five{background:url(../images/template/form/step5.gif) left top no-repeat; padding:4px 0 0 30px;}

div.list{display:block; float:right; width:610px;  padding:5px 0}

div.list label{width:auto; margin-left:10px;}

ul.form li.nolabel div.list{float:left; margin-left:0px;}

ul.form li.nolabel input{margin-left:90px}

/*Navigation form*/

#navLogin{display:none;}

#navLogin{margin:0;padding:0;}
#navLogin ul.form{margin:0;}

#navLogin ul.form li{width:auto; }

/*SORT THIS CSS*/

li.error{}

option.default{
	color:#CCCCCC;}

ul.form{margin:0;padding:0;display:block; width: 700px;}

ul.form li{padding:10px 0;display:block;list-style:none;}

input{display:inline;}

label{display:inline-block;width:80px; text-align:right;float:left; margin-right:20px; padding-top:5px;}
li.radio hr{float:left}
#main div.list{float:left;}
.list label{float:none; width:auto; padding-top:3px}


ul#updateForm li.nolabel{margin-left:130px}

ul li.contacttype.list{margin-left:90px;diplay:block;width:100%;}


/* Tables
----------------------------------------------------------------------------- */

/* Video Player
----------------------------------------------------------------------------- */
div#videoPlayerContainer{
background:url(../images/template/videoPlayerBg.jpg) 0 0 no-repeat; 
display:block;
padding:11px 0 0 13px; 
width:432px; 
height:328px;}

div#carouselContainer{
display:block;
width:448px;
margin-top:20px;
margin-left:-15px;
}


/* reusables */

.mar-bot {margin-bottom: 10px; display: block;}
.mar-top0 {margin-top: 0 !important;}
.no-bg { background: none; margin-bottom: 0; }
.intro { margin: 30px 0!important;}
.flt-right { float: right;}


/* winners */
.winners {overflow:hidden; background:transparent url(../../../images/subpage/teams/sortBg.gif) no-repeat scroll 25px 0;
display:block; height:53px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 20px 0; padding:32px 0 0;
width:667px;}
.winners li { width:94px; float: left; padding:3px 3px 3px 5px; }
.winners li a {text-decoration: none;}
.winners li:hover { background:url(../images/subpage/winners/btn-white.gif) 0 0 no-repeat; display:block; height:28px;
display:block; height:28px; padding:3px 3px 3px 5px; width:94px;}
.winners li:hover a { color:#0077BB; text-decoration:none; background: none;}
.winners li.active { background:url(../images/subpage/winners/btn-white.gif) 0 0 no-repeat; display:block; height:28px;
display:block; height:28px; padding:3px 3px 3px 5px; width:94px;}
.winners li.active a { color:#0077BB; text-decoration:none; }
.rounds-box {clear: both;}
.rounds-box .left-box {width: 265px; float: left;}
.rounds-box .right-box {width: 420px; float: left;}
.rounds-box .left-box h2 { margin-left: 20px;}
#first-round { background:url(../images/subpage/winners/1st-round.gif) 0 0 no-repeat;  padding-top:120px; overflow:hidden; }
#second-round { background:url(../images/subpage/winners/round2.gif) 0 0 no-repeat; padding-top:120px; overflow:hidden; }
#third-round { background:url(../images/subpage/winners/round3.jpg) 0 0 no-repeat; padding-top:120px; overflow:hidden; }
#content .right-box .details p { margin: 0 0 10px 0; font-size: 0.9em;}	
#profileDetails { width:450px; height: auto; }
#profileDetails img { float: left;}
#profileDetails .image { background:transparent url(../../../images/subpage/teams/teamPicBg02.jpg) no-repeat scroll 0 0; display:block;
float:left; height:108px; padding:4px 0 0 12px; width:109px; margin-right:5px; }
#profileDetails .details { float: left; width: 250px;}
#profileDetails .details  strong { font-size: 1em; }
#profileDetails .details  span { color: #fff; }
ul.gridlist { width: 190px; float: left; margin-left: 0; margin-bottom:50px;}
ul.gridlist  li { line-height: 2em; font-size:1.1em;}
#content a.btn-view-profile { background:url(../images/subpage/teams/btn-view-profile.gif) 0 0 no-repeat; text-indent: -9999px; display:block;
height:28px; width: 84px; float:left; margin-right:10px; padding: 0; overflow: hidden; }
#content a.btn-view-profile:hover { background:url(../images/subpage/teams/btn-view-profile-hover.gif) 0 0 no-repeat; text-indent: -9999px; display:block; height:28px; width: 84px; overflow: hidden; padding: 0; }
.link-box { width: 100px; float:left;}
.winners .right-box #profileDetails { height: 100px;}

/* email mates */
.mates label { width:120px; }
.mates input { background:transparent url(../images/template/form/text-input.gif) no-repeat scroll 0 0;
padding:6px; border: none; width:390px;}

.mates input.error { background:transparent url(../images/template/form/text-input-error.gif) no-repeat scroll 0 0;}
 
.mates .submit {width: auto; background: none; }
ul.form li.hidden { display: none; }
ul.form li.mate-detail { background:transparent url(../images/subpage/emai-mates/bg-mate.gif) no-repeat scroll 0 0; border: none; width:687px; height: 230px;}
ul.hidden strong { display:block; float:left; font-weight:bold; margin-left:20px; margin-top:10px; width:200px; margin-bottom:20px; font-size: 1.2em; }
.btn-add-mate { background:transparent url(../images/subpage/emai-mates/btn-add-friend.gif) no-repeat scroll 0 0;
display:block; height:17px; text-indent:-9999px; width:115px; padding: 0; overflow: hidden; float: right; margin-right: 30px; }

a.btn-add-mate:hover, a.btn-add-mate:focus { background:transparent url(../images/subpage/emai-mates/btn-add-friend.gif) no-repeat scroll 0 0; }

.btn-close { background:transparent url(../images/subpage/emai-mates/btn-close.gif) no-repeat scroll 0 0;
display:block; height:28px; text-indent:-9999px; width:28px; padding: 0; overflow: hidden; float: right; margin-right: 20px; margin-top:5px;}
a.btn-close:hover, a.btn-close:focus { background:transparent url(../images/subpage/emai-mates/btn-close.gif) no-repeat scroll 0 0; }
/*TEAMS*/
a.visitProfile{background:url(../images/subpage/register/thanks/link-visitYourProfile.gif) 0 0 no-repeat; display:block; width:152px; height: 36px; text-indent:-999px; float:left;}
a.visitProfile:hover{background-position:1px 1px;}

a.visitGallery{background:url(../images/subpage/register/thanks/link-visitGallery.gif) 0 0 no-repeat; display:block; width:200px; height: 36px;  text-indent:-999px; float:left;}
a.visitGallery:hover{background-position:1px 1px;}

a.moreTeams{text-indent:-999px; background:url(../images/subpage/teams/link-moreTeams.gif) 0 0 no-repeat; display:block; width:87px; height:18px;}
a.moreTeams:hover{background-position:1px 1px;}

a.lessTeams{text-indent:-999px; background:url(../images/subpage/teams/teamsortBack.gif) 0 0 no-repeat; display:block; width:87px; height:18px;}
a.lessTeams:hover{background-position:1px 1px;}