body {
/*	font:	12px/1.2 sans-serif;*/
	font-family: Tahoma, sans-serif;
	font-size: small;
	/*background:#FF0000;*/
	background-image: url(/pics/bb-back.gif);
	background-repeat: repeat-y;
	padding:0;
	margin:0;
}

#content {
	margin-right:60px;
	margin-left:60px;
	margin-top:2em;
  	margin-bottom: 3em;

	/*border:1px dashed #ccc;*/
	/*text-align:left;*/
	/*min-width:500px;*/
}
a {
	text-decoration:none;
	color:#00c;
}

a:hover {
	text-decoration:underline;
	/*color: #c00;*/
}

pre {
	font-size:small;
	color:blue;
}


#title 
{
	font-size: x-small ;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-right:1.3em solid #c00;
	border-left:1.3em solid #c00;
	
	margin-top:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom: 1em;
	
	background: #eee;
	background-image: url(/pics/ball6.gif);
	background-repeat:  no-repeat;
	background-position: 95% center;
	
}

#title h1
{
	font-size: 350%;
	font-style: italic;
	font-variant: small-caps;
	
}
#title h2
{
	text-align: center;
	font-size: 170%;

}

#menu_toggle
{
	text-align: right;
}


#main_box 
{
	padding: 0.2em;
	padding-left: 3em;
	
	margin-right: 16em; /* should be the same as #menu width + margin-left. this value must also equal the one used in the toggleMenus() javascript function in layout.php*/
	
	
}




#footer 
{
	clear: right;
	font-size: x-small;
	border-top: 1px solid  #ccc;
	font-style: italic;
	margin-top: 2em;
	
	/*
	margin-right: -6px;
	margin-left: -6px;
	padding: 0;
	float: right;
	
	*/
}


#menu
{
	width:15em;
	padding:0;
	margin-left:1em;
	margin-right:0px;
	margin-top: 0;
	float:right;
	overflow: hidden;
	
	/*voice-family:	"\"}\"";
	voice-family:	inherit;*/
}

/*
html>body #menu
{
	margin-right:-6px;
}
*/
/*#menu ul{
	margin-left:15px;
	padding-left:0px;
}*/


/*

#menufooter  {
	margin-bottom:20px;
	
}

#menusitelinks
{
	font-size:12px;
}
*/
.menus
{
	border-left: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1.3em solid #c00;
	background:#eee;
	color:#000;
	padding: 1em;
	padding-right: 0;
	margin-bottom:1em;
	text-align:left;
	font-size:x-small;
	
}

.menus h1
{
	
	font-size:110%;
	font-weight: bold;
	margin:0;
	margin-top: 0.5em;
	padding:0;
	border-bottom: solid 1px #c00;
}

.menus ul
{
	list-style-type: none;
	padding: 0;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0.5em:
	/*border: solid thin blue;*/
}

.menus li
{
	padding: 0em;
	
	margin: 0em;
	
	

	
	/*border: solid thin red;*/

}

/*.menus li:hover
{
	background : #c00;
	padding: 0em;
	margin: 0em;

}*/

.menus li a
{
	display: block;
	width: 100%;
	padding-left: 0em;
	padding-right: 0.5em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	/*margin: 0;*/
	/*background : #c00;*/


}
#hof_submenu ul {
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#hof_submenu li {
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
}

#hof_content  {
	
	
}

#last_matches_menu A {
	display:inline;
	width: auto;
	padding: 0;
}

.menus  .your_team A {
	display:inline;
	width: auto;
	padding: 0;
}

#last_matches_menu LI {
	padding-right: 0.5em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

.menus li a:hover
{
	background : #c00;
	color: #fff;
	text-decoration: none;

}


.NEWS_MSG {
	margin-top:0px;
	margin-bottom:10px;
	/*padding-left: 20px;*/
}


#main_box h1 {
	/*text-align: center;*/

}

h2
{
	font-size:16px;
	padding-top:0px;
	margin-bottom:0px;
}

h3
{	
	font-size:14px;
	color: #c00;
}
h4{
	font-weight: bold;
	margin:0;
	padding:0;
	
}


h5 {
	text-align: right;
	color: #999;
	font-size: x-small;
	font-weight: normal;
	margin-bottom: 0;
}

hr 
{
	background: #c00;
	border: none;
	height: 0.2em;
}

img {
	border: none;
}
/* TABLE layouts */

table {
	border-collapse: collapse;
	
}

th {
	background: #c00;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin:0;
	color: white;
	border-right: solid thin #c00;
	border-left: solid thin #c00;
}



td {
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;


}

td h2 {
	text-align: center;
}

td a {
	/*display: block;*/
	color: black;
}

tr {
	
	/*margin: 1px;*/
	
}

.centered {
   margin-left: auto;
   margin-right: auto;

}

table#skill_list {
	font-size: x-small;
}

table#skill_list td {
	vertical-align: top;
}

/*.transparent TD {
	background: none;
}*/

.hover_highlight:hover 
{
	background : #bbb;	
}

tr:hover a {
	/*color: white;*/
}


.even_row { 
	background: #ddd; 
}

.even_row td {
	border-right: solid 1px #eee;
	border-left: solid 1px #eee;

}

.odd_row { 
	background:  #eee;
}

.odd_row td {
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

.skill_link {
	color: black;
}

.player_link {
	color: black;
	font-style: italic;
}

.new_skill {
	font-weight: bold;
}

/*
html>body
#title
{
	width:auto;
}

a.anchor
{
	font-size:x-small;
	font-weight:normal;
}

p.anchor
{
	text-align:right;
}

.links
{
	margin-left:50px;
	margin-right:30px;
}

#layouts
{
	font-size:x-small;
	margin-left:10px;
}
*/
/*
#red th{
	background: #c00;
}*/
/*
#blue td{
	background: #ddd;
}
#white td{
	background: #eee;
}
*/

#LoginBox  {
	/*border: solid thin black;*/
}

#LoginBox FORM {

	padding:0;
	margin: 0 0 0.5em 0;
	
}


#LoginBox TR {
	padding:0;
	margin:0;
	

}

#LoginBox TABLE{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0.2em;
	/*border: solid thin black;*/
}


#LoginBox TD {
	/*border: solid thin black;*/
	padding:0;
	margin:0;
	padding-right: 0.5em;
}

#LoginBox .textfield {
 	width: 100%;
 	height: 1.2em;
 	font-size: small;
 	border: solid 1px #c00;
}

#LoginBox .button {
 
	/* font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font: small sans-serif;
	background-color: #c00; 
	color: white; 
	border-top: solid thin #f33;
	border-left: solid thin #f33;
	border-bottom: solid thin #800;
	border-right: solid thin #800;
	width: 100%
	margin: 0;
	padding: 0em 0.3em;
	cursor: pointer;
	text-align: center;
}

#LoginBox .button:hover {
	background-color: #d00; 
	color: white;
}

.DIVIDER1{
	background: #c00;
}

.DIVIDER2{
	background: #c00;
}

.cas_result {
	color: #c00;
}

.score_result {
	/*font-weight: bold;*/
}

/*
.VTABELL {
	width: 70%;

}

.VPLASSERING {
	text-align: center;
}

.VLAG {	
	padding-left : 0.5em;
	padding-right : 0.5em;
	width:40%;
}

.VRASE {
	padding-left : 0.5em;
	padding-right : 0.5em;	
	width:15%;
}

.VTRENER {
	padding-left : 0.5em;
	padding-right : 0.5em;	
	width:30%;
}


.VVINNER {
  font-weight: bold;
  background: #eee;
}

*/

.Ball_Line
{
/*	margin-right: 15em;
	padding-right: 20em;*/
	width: 98%;
	background-image: url(/pics/ball_line_middle.gif);
	/*border: solid thin blue;*/
	padding: 0;
	margin: 0;
	margin-left: -3em;
	border: none;

}

.Ball_Line_Middle
{
	padding: 0;
	margin: 0;
	
	/*display: inline;*/
	/*float: left;*/
	/*background-image: url(/pics/ball_line_middle.gif);*/
	/*background-repeat: no-repeat;*/
	width: 50%;
	height: 30px;

	border: none;
	
	
}

.Ball_Line_Left
{
	padding: 0;
	margin: 0;
	background-image: url(/pics/ball_line_left.gif);
	
	width: 38px;
	background-repeat: no-repeat;
	height: 30px;
	text-align: right;
	border: none;
}

.Ball_Line_Right    
{
	padding: 0;
	margin: 0;
	background-image: url(/pics/ball_line_right.png);
	background-position: right;
	/*float:right;*/
	width: 250px;
	background-repeat: no-repeat;
	
	height: 30px;
	border: none;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.debug
{
	border: solid 1px black;
	background: white;
	color: red;

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */