#page {
	width: 730px;
	margin: 0px auto;	
	text-align: left;
}

#content {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}

#home_page_container {
	background:  url('/images/homepage_background.png') no-repeat;
	height: 350px;
	margin-left: 40px;
	margin-top: 100px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 70px;
}

#home_left_panel {
	float: left;
	margin-top: 10px;
	font-size: 80%;
	width: 280px;
}

#home_left_panel h1 {
	font-size: 130%;
	margin: 0px;
}

#home_left_panel h2 {
	font-size: 160%;
	margin: 0px;
	color: #DDD;
}

#home_left_panel label {
	color: #FFF;
	font-size: 90%;
}

#home_left_panel input {
	border: 1px solid #AAA;
	padding: 4px;
}

#home_right_panel {
	float: left;
	margin-left: 190px;
	margin-top: 80px;
}
#home_right_panel div.status{
	position:relative;
	left:-40px;
	top:-80px;
	color: white;
	font-size:25px;
	margin-bottom:-60px;
}



#header {
	margin-top: 20px;
	background:  url('/images/page_header.png') no-repeat;
	height: 94px;
} 

#mascot-header {
	margin-left: 15px;
	float: left;
}


#footer {
	background:  url('/images/page_footer.png') no-repeat;
	height: 100px;
	padding: 20px;
}

#home_footer {
	font-size: 80%;
	color: #555;
	margin-left: 60px;
}

#content {
	background:  url('/images/page_background.png') repeat-y;
	padding: 20px;
}
/* ============================================================================================================ */
/* = Added by Snow to make about-us, user-agreement, privacy-policy and faq displayed in a single column page = */
/* ============================================================================================================ */
div.single_column #content{
	background: url('/images/page_background_single_column.png') repeat-y;
}

#main_column {
	float: left;
	width: 430px;
}

#right_column {
	float: left;
	width: 220px;
	margin-left: 10px;
}
#announcement{
	margin:10px;
	padding:10px;
	background-color:yellow;
}

/* ======================================== */
/* = Styles for single column pages BEGIN = */
/* ======================================== */
dl.faq{
	padding-left:1em;
}
dl.faq dt{
	font-weight:bold;
	margin-top:1em;
}
dl.faq dd{
	margin-top:0.6em;
	margin-bottom:1em;
	margin-left:0px;
}
dl.faq dt:before{
	content: 'Q:    ';
}
dl.faq dd:before{
	content: 'A:    ';
}
/* ======================= */
/* = User menu bar begin = */
/* ======================= */
ul#user_menu{
	color: #FFF;
	float: right;
	margin-right: 20px;
	margin-top: 12px;
	background: #FF6600;
	padding: 5px;
	list-style: none;
	width: 270px;
	height:25px;
	line-height:25px;
}
ul#user_menu li{
	float:left;
  	position: relative;
}
ul#user_menu li.nav{
	float:left;
	width:33%;	
	text-align:center;
}
ul#my_teams{
	position: absolute; 
	top: 1.5em;
  	left: 0;
	background-color:#FF6600;
	list-style: none;
	display:none;
	width:136px;
/*	margin-left:10px !important;*/
}
li.nav:hover ul#my_teams, li.over ul#my_teams{
	display:block;
	margin-left:10px;
}
ul#my_teams li{	
	margin-left: -25px;
	width:100%;	
	text-align:left;
}

ul#login_menu{
	color: #FFF;
	float: right;
	margin-right: 20px;
	margin-top: 12px;
	background: #FF6600;
	padding: 5px;
	list-style: none;
	width: 60px;
	height:25px;
	line-height:25px;
}
ul#login_menu li{
	text-align:center;
}
/* ===================== */
/* = User menu bar end = */
/* ===================== */

/* ================================= */
/* = Calendar related styles begin = */
/* ================================= */
.calendar_day_events{
	text-align:left;
}
.calendar_day_events li a{
	color:black;
}
div.calendar{
	width:240px;
	font-size: 1.0em;
	text-align: center;	
}
div.team_calendar{
}
div#event_container{
	font-size: 0.8em;
	margin-top: 1em;
	width:100%;
}
div#event_container .date{
	width:100%;
	font-weight:bold;
	text-align:left;
}
.team_0{
	background-color: #d10a21;
}
.team_1{
	background-color: black;
}
.team_2{
	background-color: green;
}
.team_3{
	background-color: #a8a8a8;
}
.team_4{
	background-color: purple;
}
/* =============================== */
/* = Calendar related styles end = */
/* =============================== */

/* =========================== */
/* = Styles for autocomplete= */
/* =========================== */
div.auto_complete{
	width: 350px;
	background: #fff;	
}
div.auto_complete ul{
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li{
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected{
	background-color:#ffb;	
}
div.auto_complete ul strong.hightlight{
	color:#800;
	margin:0;
	padding:0;
}

/* =========================================== */
/* = Styles for change logs at the team page = */
/* =========================================== */
ul#change_logs{
	background-color:black;
	color:white;
}
ul#change_logs li{
	list-style:none;
}

/* ======================= */
/* = Styles of team page = */
/* ======================= */
ul.tm_menu{
	float:left;
	list-style:none;
	margin-left:-40px;
}
ul.tm_menu li{
	background-color:#FF6600;
	margin-top:3px;
	text-align:left;
	padding:5px;
}
ul.tm_menu li a{
	color:white;
	font-weight:normal;
	text-decoration:none;
}
div.desc_and_map{
	float:left;
	margin-left:10px;
}
div.desc_and_map ul{
	list-style:none;
	margin-left:-40px;
}
div.desc_and_map ul li{
	float:left;
	background-color:black;	
	padding:5px;
	margin-right:5px;
}
div.desc_and_map ul li a{
	text-decration:none;
	color:white;
}
div.desc_and_map ul li a.selected{
	color:#FF6600;
}

div.next_event div.label{
/*	float:left;*/
	padding:5px;
	display:inline;
	clear:right;
}
div.next_event div.content{
	margin-left:100px;
	margin-top:-17px;
/*	float:left;*/
}
div.container{
	width:300px;
	margin-top:50px;
}
div#email_team_report{
	clear:both;
	margin-bottom:8px;
}

div#attendances_container, div#changelogs_container{	
	clear:both;
	border: 4px gray solid;
	padding:5px;
}
div#attendances table{
	width:100%;
}
div#attendances table tr.in a{
	color:green;
}
div#attendances table tr.out a{
	color:red;
}
div#attendances table th, div#attendances table td{
	padding:5px 0px 5px 5px;
}
div#attendances table th.player{
	background-color:#FF6600;
	color:white;
	width:110px;
}
div#attendances table th.statics{
	background-color:black;
	color:white;
}
div#attendances table tr.status{
	background-color:#EDEDED;
}
div#attendances table tr.comment{
	background-color:#C2C2C2;
}
div#attendances table tr.in{
	color:green;
}
div#attendances table tr.out{
	color:red;
}

div#attendances table tfoot tr td{
	background-color:black;
	color:white;
	padding:5px;
}
div#attendances table tfoot a{
	color:#FF6600;
}


div.activate a{
	color:#FF6600;
}

div.alert{
	float:left;
	width:100%;
}
div.red{
	background:  url('/images/redicon.png') no-repeat 0 20%;
}
div.yellow{
	background: url('/images/yellowicon.png') no-repeat 0 20%;
}
div.green{
	background: url('/images/greenicon.png') no-repeat 0 20%;
}
div.alert_message{
	width:80%;
	margin-left:60px;
	border:2px solid black;
}
div.alert_message .title{
	padding:5px;
	color:white;
}
div.alert_message .details{
	background-color:white;
	padding:5px;
}

div.red div.alert_message{
	background-color:red;
}
div.green div.alert_message{
	background-color:green;
}
div.yellow div.alert_message{
	background-color:yellow;
}

#showtimeticket_ads {
	font-family: verdana;
	font-size: small;
}

#showtimetickets_table {
	border: 1px black solid;
}