@charset "UTF-8";
/*
BG fade colour:#f3f9ff (light blue)
Header colour: #225588 (blue)

Images-add: ?1234567890, 10-digits requests will be cached
*/ 

/***********************************/
/** General browser reset info */
html * { font-size: 100.01%; }
* { margin:0; padding: 0; }
option { padding-left: 0.4em; }
select { padding: 1px; }
html { height: 100%; margin-bottom: 1px; }

body { font-size: 12px; color: #444; background: #fff; text-align: left;
	background: #ffffff url(/images/bg-slide.jpg?1234567890) repeat-x;
	line-height: 110%; font-family: Helvetica, Arial, sans-serif;
	}
/*body { font-size: 100.01%; color: #000; background: #fff; text-align: left;
	background: #ffffff url(/images/bg-slide.jpg) repeat-x; 
	line-height: 110%;	}*/

fieldset, img { border: 0 solid; }
li { margin-left: 0.8em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }
blockquote { margin: 0 0 1em 0.8em; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

/** Fonts */
/*html * { font-size: 100.01%; }
body {font-size: 12px;}*/
textarea, pre, code, kbd, samp, var, tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }
/*body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color: #444; }*/
/*body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #444}*/

h1,h2,h3,h4,h5,h6 {
/*  font-family: "Times New Roman", Times, serif;*/
  font-weight:normal;
  color:#222;
/*  margin: 0 0 0.25em 0;*/
  margin: 0 0 15px 0;
}

h1 { font-size: 250%; }                       /* 30px */
h2 { font-size: 200%; line-height: 24px; }    /* 24px */
h3 { font-size: 18px; }                       /* 150% - 18px */
h4 { font-size: 133.33%; }                    /* 16px */
h5 { font-size: 116.67%; }                    /* 14px */
h6 { font-size: 116.67%; }                    /* 14px */

h2, h3, .topic { color: #215588;	font-weight: bold; }
h2, .topic { margin: 0 0 15px 0; padding: 0;	font-size: 24px; }

h3 .title_info { font-size: 12px; font-weight: normal; color: #222; }

p { margin-top: 10px; margin-bottom: 10px; }

h3 span { color: #222; font-size: 14px; }
h2 span.link { font-size: 14px; }

.print_only_overflow { overflow: auto; }

hr.grey { margin: 20px 0; color: #ddc; background-color: #ddc; border: none; height: 1px; }

/*****************************************/
/** Layout Properties  */

/* remember that width pixels has to be setted in ie_hacks.css also */

/*.page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }*/
.page_margins { width: 966px; margin: 0 auto; position:relative }
/*.page_margins { width: 960px; margin: 0 auto; }*/
/*#page {position:relative;}*/

#header { position:relative; }
/*#header, #main, #footer { clear:both; }*/
#header { clear:both; }

#columns_main { clear:both; padding-top: 15px /*20px*/ }

#column_left { float: left; width: 800px}
#column_right{ width: auto; margin: 0 0 0 806px}
/*#column_left_content { padding: 0 20px 0 10px }*/
#column_left_content { padding: 0 10px 0 0 }
#column_right_content { padding: 0 0 0 0 }
/*#column_right_content { padding: 0 10px 0 20px }*/
#column_left_content, #column_right_content { position:relative; }

/* for debugging 
#column_left{ background-color: #eeeeff; } 
#column_right{ background-color: #ffffaa; } */

.vertical-spacer {
	height: 20px;
}

/*****************************************************/
/** clearing infos */

/* (en) clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; } /* for safari browser */
#ie_clearing { display: none; }
.manual_clearfix { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden; }

/*****************************************************/
/** common class modifiers */

a, .link {
	color: #69c;
	background-color: transparent;
}

a:hover, a:focus, .link:hover, .link:focus {
	color: #47a;
	background-color: #def;
}

a:active, .link:active {
	color: #000;
}

.icon {
	border: none;
}

.submit, button, input[type="submit"] {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
/*	border: 1px solid #e6e6e6;*/
	color: #444;
	/*border: 1px outset #e6e6e6;*/
/*	border: 1px outset #eee;*/
	border: 1px solid #666;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 2px 10px 2px 10px;
	overflow: visible; /* some weird ie6 hack, removes that extra padding */
	background: #fff url(/images/submit.png?1234567890) repeat-x scroll left bottom;
	cursor: pointer;
}

a.submit { text-decoration: none !important; line-height: 1 !important; padding: 2px 7px !important; }

.submit[disabled], .submit[disabled]:hover {
	color: #aaa;
}

/*.submit_highlight {
	background: #fff url(/images/submit-highlight.png) repeat-x scroll left bottom;
}*/

.submit:hover, button:hover, input[type="submit"]:hover {
/*	border-color: #ccc;*/
	/*border-color: #aaa;*/
	border-color: #888;
	border-style: solid;
	color: black;
}

.submit:active, button:active, input[type="submit"]:active { border: 1px solid #000 !important; }

/*.submit_highlight:hover {
	border-color: #f96;
	border-style: solid;
}*/

input {
	-moz-border-radius: 2px;
	border: 1px solid #999;
	padding: 2px;
/*	vertical-align: text-top; /* This was added 200908124 */
	vertical-align: middle; /* This was added 200908124 */
}
input[type="radio"] { vertical-align: text-top; } /* This was added 200908124 */

table {
	border-color: #000;
}

table {
	border-collapse: collapse;
}

table.borders {
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 5px;
	margin-top: 5px;
}

.borders th {	white-space: nowrap; }

.even td, .even {
  background-color: #fff;
}
.odd td, .odd{
  background-color: #e3e9ef;
}

.borders td, .borders th {	border: 1px solid #000;
	padding: 1px 2px 1px 2px;
}

#highlight .default_div, .highlight {
	background-color: #FFFFCC;
}

.email_not_confirmed{
	color: #ff0000;
}

.emailing_not_active{
	color: #8888aa;
}

/*classes depending on javascript enablation, body is added .js_enabled if js is enabled*/
/*http://cssbeauty.com/skillshare/discussion/1303/serving-an-alternate-stylesheet-if-the-user-has-javascript-disabled/*/
.js_disp_none_inline { display: inline; }
.js_disp_show_inline { display: none; }
.js_enabled .js_disp_none_inline { display: none; }
.js_enabled .js_disp_show_inline { display: inline; }

label.overlabel {
	color:#999;
}
.js_enabled label.overlabel { display: none; }
/* to remove the flicering, this class is used when js is enabled */

label.overlabel-apply {
/*	display: inline;*/
	position:absolute;
	padding: 1px 4px 3px 4px;
	margin: 0px;
	z-index:100;
	color: #777;
	overflow: hidden;
	text-align: left !important;
	font-weight: normal !important;
}

.tooltip_js_holder{
	position: absolute;
	left: 0px; top: 0px;
	width: 100%;
}

.tooltip_js {
  background-color: #fff;
  z-index: 9900;
  border: thin solid #99c;
  opacity: 0.85;
	visibility: hidden;
/*	display: block;*/
	position: absolute;
  left: -200px; top: -200px;
	padding: 0px;
	margin: 0px;
	/* min-width: 130px; max-width: 300px; /* also handled in the js, because of ie6 */
}

.tooltip_js_body_only {
	padding: 1px 3px 2px 3px;
}

/*.tooltip_js .title, .tooltip_js .t_title {*/
.tooltip_js .tooltip_title {
/*	width: auto !important;*/
  padding: 1px 2px 1px 2px;
  background-color: #99f;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;
  font-style: oblique;
  color: #119;
	margin: 0px;
}

/*.tooltip_js .body, .tooltip_js .t_body {*/
.tooltip_js .tooltip_body {
  padding: 1px 2px 1px 2px;
  font-size: x-small;
}

.tooltip_js .tooltip_close_button {
	float: right;	width: 16px; height: 16px;
	margin: 0px 0px 0px 5px; padding: 0; border: none;
	background: url(/images/icons/cancel_grey.png?1234567890) repeat-x scroll left top;
}
.tooltip_js .tooltip_close_button:hover { background: url(/images/icons/cancel_grey.png?1234567890) repeat-x scroll left -16px; }
.tooltip_js .tooltip_close_button:active { background: url(/images/icons/cancel_grey.png?1234567890) repeat-x scroll left -32px; }

/*.default_div ul li {*/
ul li {
	list-style-position: outside;
	margin-left: 15px;
}

img.tooltip { vertical-align: middle }

/*******************/
/** form table */

.form-intro {
	color: #666;
	margin-bottom: 20px;
	line-height: 120%;
}

.form-intro p {
	max-width: 600px;
	margin: 10px 0px;
}

.form-wrapper {
	border: 1px solid #ddc;
	padding: 5px;
	background-color: #f1f1f1;
	color: #666;
	/*float: left;*/
	display: table; /* dont take full width */
	min-width: 500px;
}

.form-wrapper.small { padding: 0 }
.form-wrapper.small form { margin: 0; padding-top: 10px; padding-bottom: 10px; }

/*.form-wrapper form {*/
.form-wrapper > form, .form-wrapper > div.form {
	margin: 10px;
	background-color: #ffffff;
	padding: 20px 5px 18px 0;
}

/*.form-wrapper table {
  border: 10px solid #ffffff;
  border-top-width: 30px;
  border-left-width: 18px;
  border-right-width: 5px;
  border-bottom-width: 10px;
	background-color: #ffffff;
	margin: 10px;
  display: block;
}
*/
.form-wrapper img { vertical-align: text-bottom; }

.form-wrapper label {
	margin-top: 3px;
}

/*.form-wrapper table.form-table tr td.label {*/
.form-wrapper td:first-child, .form-wrapper td.normal label {
/*.form-wrapper td:first-child {*/
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

.form-wrapper td, .form-wrapper td.normal {
	text-align: left; font-weight: normal; padding: 4px 8px; }

.form-wrapper .spacer td{
	padding-top: 30px; /*18px;*/
}
.form-wrapper .spacer-smaller td{
	padding-top: 20px;
}

.form-wrapper table tr:first-child th{
	padding-top: 0px
}

/*.form-wrapper th, .form-wrapper form > div {*/
.form-wrapper th {
	padding: 30px 10px 15px 8px;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.form-wrapper form > div { padding-top: 0px; padding-bottom: 0px; }


.form-wrapper a.action {
	margin-left: 20px;
}

.form-wrapper button, .form-wrapper input {
	vertical-align: middle;
}
/*.form-wrapper input[type=text] { min-width: 100px; }*/

.form-wrapper td.form-intro {
	font-weight: normal;
	text-align: left;
	max-width: 600px;
	padding-bottom: 15px;
}

/*****************************************************/
/** error and notice infos */

#notice_css, .notice_css {
	margin: 0px 0px 10px 0px;
	padding: 5px 20px 5px 20px;
	border: 1px #090 solid;
	color: #090;
}

#warning_css, .warning_css {
	background-color: #ddf;
	color: #700;
	border: 2px dashed #a00;
	padding: 10px 20px 10px 20px;
	margin-bottom: 10px;
	font-size: larger;
	line-height: 110%;
}

#errors { background-color: #ffffaa; }

#errorExplanation {
	max-width: 80%;
  border: 1px solid red;
  padding: 0px 0px 12px 0px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  padding: 5px 10px;
  font-size: 14px;
	letter-spacing: 1px;
  margin: 0 0 10px 0;
  background-color: #c00; /*c00*/
  color: #fff;
}

#errorExplanation>p {display: none;} /* do not show the body */
/*
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}*/

#errorExplanation ul {
  padding-left: 15px;
}


.fieldWithErrors { /* showed inside the form */
/*  border: thick solid red;*/
	border: 4px solid #ff0000;
  display: inline;
}
.formError { /* error_messages_on ... */
	display: inline;
	color: #c00;
}
/*
.errorFieldExplanation {
	color: #c00;
}*/

/*****************************************************/
/** vertical banner info */

#banner-verticals, #banner-vertical-main, #banner-vertical-team {
	text-align: left;
	width: 160px;
}

/*#banner-vertical-main div, #banner-vertical-team div{
	margin: 0px;
}*/

/*.banner-vertical.first {
	padding-top: 0px;
	padding-bottom: 10px;
}
*/
.banner-vertical {
/*	padding-top: 20px;
	padding-bottom: 10px;
*/
	width: 160px;
	margin: 0; padding: 0;
	margin-bottom: 30px;
	/*padding-bottom: 30px;*/
}

/*.banner-vertical-600, .banner-vertical-350{
	height: 600px;
}
.banner-vertical-350 {
	height: 350px;
}
*/
/*
#banner-vertical-third{
	padding-top: 20px;
	padding-bottom: 10px;
	width: 140px;
	height: 350px;
}*/

.small_links { white-space: nowrap; }
.small_links a { font-size: smaller; }


/*****************************************************/
/** header and footer layouts */

/*#header img{	margin: 0; padding: 0; }*/
#header img {	vertical-align: text-top; }
#header-first-line{ padding-bottom: 15px; height: 90px; margin-top: 1px;}
#header.with_text_ads #header-first-line{ height: 115px; }
/*#header-first-line a{ padding-right: 28px}
#header-first-line a{ padding-right: 20px}*/
#header-first-line a:hover{ background-color: transparent; }

#header-logo{
	width: 210px;	height: 90px;
	margin: 0px; padding: 0px; float: left;
}

#header-banner{
	width: 728px; height: 90px;
	margin: 0px; padding: 0px;/* float: right;*/
	position: absolute; top: 0px; right: 0px;
}
/* Header text banner offers */
#header-banner-text {
	position: absolute; top: 100px; right: 0px;
	color: #999;
}
#header-banner-text ol {
	display: inline;
}
#header-banner-text ol li {
	display: inline;
	padding-left: 6px;
	color: #666;
}
#header-banner-text li.last {
	font-size: 10px;
}

#header-team-name{
	text-decoration: none; background-color: transparent; color: #258;
/*	display: block;	float: left; */
/*	text-transform: uppercase;*/
	font-variant: small-caps;	font-weight: bold; font-family: Helvetica, Arial, sans-serif;
	/*margin: 2px 0 0 0; padding: 0px;*/
	margin: 0; padding: 0px;
	max-width: 400px;	overflow: hidden; /*height: 30px;*/
	white-space: nowrap; letter-spacing: normal;
	/*font-size: 30px; line-height: 30px;*/
	line-height: 40px;
}
/*
#header-team-name.not_logged{
	width: 790px; text-align: center;
	max-width: 790px;
}*/

/*.logged_not #header-team-name { font-size: 32px;  word-spacing: 6px; }*/
#header-team-name .logo { margin-right: 10px; }

#header-second-line h1 { margin-bottom: 0px; }
/*#header-second-line.logged_not h1 {text-align: center; 	width: 790px; }*/

/* team name modifications */
/*#header-second-line.logged_in span { vertical-align: text-top; }
#header-second-line.logged_in .short span { font-size: 30px; letter-spacing: 1px; word-spacing: 5px; }
#header-second-line.logged_in .normal span { word-spacing: 4px; }
#header-second-line.logged_in .long span { font-size: 22px; word-spacing: 2px; }
#header-second-line.logged_in .extra-long span { font-size: 17px}
*/
#header-second-line span { vertical-align: text-top; }
#header-second-line .short span { font-size: 30px; letter-spacing: 1px; word-spacing: 5px; }
#header-second-line .normal span { word-spacing: 4px; }
#header-second-line .long span { font-size: 22px; word-spacing: 2px; }
#header-second-line .extra-long span { font-size: 17px}

#header-second-line { height: 30px; }
#header-second-line.menu-with-submenu {	height: 38px; }

#top-header-logo a:hover { background-color: #f3f9ff;	}

#footer, #header-bar{
	clear: both;
	background-color: #258;
	color: white;
  padding: 3px 10px;
/*	margin: 10px 0px 10px 0px;*/
	margin: 20px 0px;
	border: 1px solid #258;
}
#header-bar {margin-top: 0px;}
#footer { text-align: right; margin-bottom: 0; padding-bottom: 20px;}
#footer a, #header-bar a, #footer span {
  color: white;
	padding: 2px 5px 2px 5px;
}
#footer a:hover, #header-bar a:hover, #teamfooter a:hover{
	background-color: #47a;
}

#teamfooter {
	/*border-top: 5px solid #ddc;*/
	border-top: 5px solid #aab;
	background: #258 url(/images/teamfooterbg.png?1234567890) repeat-x top;
	margin-top: 20px;
	padding: 20px;
	padding-bottom: 30px;
	color: #bcd;
	line-height: 130%;
	/*width: 729px;*/
	padding-left: 31px;
	/*padding: 20px 31px;*/
}
#teamfooter #team {
	width: 729px;
	/*margin: 0px auto;*/
	margin-bottom: 20px;
}
#teamfooter #team img.logo {
	background-color: #def;
	border: 2px solid #ccc;
	/*border-color: #eee #ccc #ccc #eee;*/
	border-color: #ccd #aab #aab #ccd;
	/*vertical-align: text-top;*/
	float: left;
	display: block;
	margin-right: 20px;
	/*height: 100%;*/
}
#teamfooter #team a { font-weight: bold; color: #abc;	text-decoration: none; }
/*#teamfooter #team a:hover { font-weight: bold; color: #abc;	text-decoration: none; }*/
/*#teamfooter #team .text { position: relative; height: 44px;  img height + border  overflow: hidden; }*/
#teamfooter #team .text { 
	/*position: relative; /* didn't work with ie '*/
	/*height: 44px; /* img height + border */
	overflow: hidden;
	font-size: 12px; line-height: 12px;
	float: left; 
	width: 435px;
}
#teamfooter #team .fblike {
	float: right; text-align: right;
}
/*#teamfooter #team .new_team { position: absolute; bottom: 0px; }*/
#teamfooter #team .new_team a { color: #aa4; }
#teamfooter #team .bottom {margin-top: 22px;}

#teamfooter h2, #teamfooter h3 {
	color: #abc;
}
#teamfooter #teamactions {
	margin-bottom: 30px;
	width: 728px;
}
#teamfooter #teamactions .fblike {
	float: right; width: 328px; text-align: right;
}

a#team_add_button {
	margin: 10px 0 10px 0;
	text-decoration: none; color: #ffffff;
  font-size: 26px; font-weight: bold;
	display: block;
  vertical-align: middle;
  text-align: center;
	width: 350px;
	height: 67px;
  line-height: 67px;
	background: #258 url(/images/buttons/team_add_350x67px.png?1234567890) no-repeat 0 0;
  background-color: transparent;
}
a#team_add_button:hover { background-position: 0 -67px;}
a#team_add_button:active { background-position: 0 -134px;}
/*#team_add_button {
	margin: 10px 0 10px 0;
	font-size: 0px; text-decoration: none; color: #ffcc99;
	display: block;
	width: 350px;
	height: 67px;
	background: #258 url(/images/buttons/teeUusiJoukkue.png) no-repeat 0 0;
}
a#team_add_button:hover { background-color:#258;background-position: 0 -67px; }
a#team_add_button:active { background-color:#258;background-position: 0 -134px;}
*/
#teamfooter .sitelinks {
	/*line-height: 22px;
	/*line-height: 32px;*/
	margin-top: 30px;
	/*text-align: center;*/
	color: #aab;
}
#teamfooter .sitename { font-size: 26px; line-height: 1; font-weight: normal; display:inline; color: #aab;}
#teamfooter .sitename a { text-decoration: none; }
#teamfooter .sitename a:hover { background-color: transparent }

#teamfooter .sitelinks a { color: #aab; padding: 0 6px 0 0; }

/*#teamfooter .sitelinks .sportslist, #teamfooter .sitelinks .sportslist a {
	color: #69c;
}*/
/*#teamfooter #sitefooter img {
	float: right;
}*/
#banner-footer {
	text-align: center;
	/*padding-left: 20px;*/
	background-color: #258;
	padding-bottom: 40px;
	/*padding-top: 20px;*/
}

/** header menu **************************************/
#header-team-menu{
	float: right;
	display: block;
	position: relative;
	list-style-image: none;	list-style-type: none; 
}
/*#header-team-menu { list-style-image: none;	list-style-type: none; }*/
#header-team-menu li { float: left; margin: 0; display: block; border: none }
#header-team-menu li a {
	display: block;	overflow: visible; padding: 0px 4px; text-decoration: underline; }

#header-team-menu > li > a { height: 20px; }
#header-team-menu li ul a { float: left; }

#header-team-menu li ul {
  display: none; position: absolute; left: 0px; top: 20px;
	margin-left: 4px;
	/*width: 400px;*/
	width: 100%; /* ie6 has own fix at ie_hacks.css */
	/*background-color: #f3f9ff; /*needs a background-color so that other menus wont show*/
}

/* selected menu */
#header-team-menu li.on a { color: #47a; }
#header-team-menu li.on > a {	font-weight: bolder; /* background-color: #def; */}
#header-team-menu li.on ul {
	/*background-color: #def;*/
	display: block;	z-index: 999; }

/* selected menu without submenu */
#header-team-menu li.on.nosubmenu > a {	color: #69c; background-color: transparent; }

/* hover modifications */
#header-team-menu li:hover ul a:hover {	background-color: #d3e3f3; }

/* selected menu unhovering */
#header-team-menu:hover li.on ul, #header-team-menu:hover li.on a {
	background-color: transparent; }
#header-team-menu li.on:hover a, #header-team-menu li.on:hover ul{
  background-color: #def; }

#header-team-menu #header-player-name{
	padding-left: 20px;	padding-right: 0px;	white-space: nowrap; right: 0px; }
#header-team-menu #header-player-name a { display: inline; padding-right: 0px; }
.alogged_not #header-team-menu #header-player-name a { background-color: #ff0; border: 1px solid black;
text-decoration: none;
padding: 2px 5px 2px 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-weight: bold;
line-height: 1;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227)));

	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	border: 1px outset #e6e6e6;
	padding: 2px 10px 2px 10px;
	overflow: visible; /* some weird ie6 hack, removes that extra padding */
	background: #fff url(/images/submit.png?1234567890) repeat-x scroll left bottom;
	cursor: pointer;
}

/* end of header menu */


/**************************************/
/** default layouts */

#content_body{
/*	background-color: #aaffff; /* for debugging */
}

.default_div{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: solid 1px #ddc;
	padding: 20px;
	margin: 0 0 10px 0;
}

.default_div.larger_font {
	font-size: 14px;
	line-height: 120%;
}

.default_div .intro {
	line-height: 120%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #666;
}

.first_default_div{
	margin-top: 0px;
}

.modified td, .modified{
	background-color: #ffff66;
}

.link_menu {  padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }

.link_menu a {
	font-size: 12px; color: #44f;
}

.topic_1_inside {
	margin-bottom: 10px;
}

.topic_1_inside h3 {
	display: inline;
	font-size: small;
	padding-right: 10px;
}

.devault_div_inside {
	margin: 0 0 30px 0;
}

/* Harkka, Matsi, Muu, Turnaus, Saunailta */
/*.event_type_1 {	background-color: #def; }
.event_type_2 {	background-color: #ecf; }
.event_type_3 { background-color: #dde1dd; }
*/
.event_type_1 {	background-color: #11aaff; }
.light.event_type_1 {	background-color: #ddeeff; }
.event_type_2 {	background-color: #aa11ff; }
.light.event_type_2 {	background-color: #eeccff; }
.event_type_3 { background-color: #88aa88; }
.light.event_type_3 { background-color: #ddeedd; }
.event_type_4 { background-color: #dbff0f; }
.light.event_type_4 { background-color: #fdff88; }
.event_type_5 { background-color: #ff6b83; }
.light.event_type_5 { background-color: #ffcccc; }
.event_type_1_text { color: #11aaff; }
.event_type_2_text { color: #aa11ff; }
.event_type_3_text { color: #888888; }
.event_type_4_text { color: #dbff0f; }
.event_type_5_text { color: #ff6b83; }

/*
.event_type_1_darker {	background-color: #1af; }
.event_type_2_darker {	background-color: #a1f; }
.event_type_3_darker {	background-color: #888; }
*/

/*Oletus, Hyökkääjä, Puolustaja, Maalivahti, Valmentaja */
.player_type_1 { background-color: #ffc; }
.myself.player_type_1 { background-color: #ed8; }
.player_type_2 { background-color: rgb(255, 204, 255); }
/*.myself.player_type_2 { background-color: rgb(152, 238, 135); }*/
.myself.player_type_2 { background-color: rgb(238, 135, 238); }
.player_type_3 { background-color: rgb(204, 255, 204); }
.myself.player_type_3 { background-color: rgb(152, 238, 135); }
.player_type_4 { background-color: rgb(255, 221, 136); }
.myself.player_type_4 { background-color: rgb(255, 187, 15); }
.player_type_5 { background-color: rgb(204, 204, 255); }
.myself.player_type_5 { background-color: rgb(153, 170, 255); }


/* Name_url ajax styles */
.name_url.taken {
	color: #ff0000;
	font-weight: bold;
}
.name_url.ok {
	color: #007700;
	font-weight: bold;
}

/****************************************/
/** front page (login) */

#basics_and_login {
	padding-top: 10px;
	background-color: #fff;
}

#logo_loginbox { float: right; width: 550px; }
#logo_loginbox div.logo { float: left; width: 200px; /*background-color: #f00; /*border: 1px solid red;*/ }
#logo_loginbox div.logo img { margin: 0 auto 10px auto; display: block; }

/*#loginbox, #team_basics {*/
#loginbox {
	width: 300px;
	/*width: 300px;*/
	padding: 10px;
	padding-top: 5px;
	background: #ffc;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #aaa #aaa #ddd;
}

#loginbox {	float: right;	margin: 0 0 10px 20px; }
/*#loginbox {	float: right;	margin: 0 0 10px 10px; }*/

#loginbox h2, #team_basics h2  {
	font-size: 18px;
	margin-bottom: 10px;
}

#loginbox table { width: 100%; margin-bottom: 10px; }
#loginbox td { padding-bottom: 5px;  padding-right: 5px; }
#loginbox .right { text-align: right; }
#loginbox td.remember_me { text-align: right; }
#loginbox .right.field input { width: 98%; }

#loginbox a { white-space: nowrap; }

#team_basics {
	/*width: 240px;*/
	font-size: 18px;
	line-height: 120%;
	color: #999;
	margin-bottom: 20px;
	/*background-color: #f3f9ff;
	border-color: #aaa #ddd #ddd #aaa;*/
}
#team_basics span {	color: #666; }
#team_basics h2 {	padding-top: 6px; }

#front_page_join { margin: 0px; width: 352px; float: left;}
#front_page_join a:hover { color: #aab; }


/* REMEMBER TO ADD THESE CLASSES TO tinymce_iframe.css, so that they can be selected */
#team_front_page_html .color_light_grey { color: #999; }
#team_front_page_html .font_larger { font-size: 18px; line-height: 120%; }
#team_front_page_html .margin_top { margin-top: 20px; }
#team_front_page larger-font { font-size: 18px; line-height: 120%; }

/*#basics_and_login .logo { margin: 0 auto; border: 1px solid #ff0; display: block; float: left;}*/
/*#basics_and_login .logo { margin: 0 319px 0 319px; border: 1px solid #ff0; display: block; float: right;}*/
/*#team_basics .logo { margin-right: 20px; }*/

#team_info p {
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 0px;
}

#team_front_page_html {
	font-size: 16px;
	line-height: 120%;
	color: #666;
}
/*
img.team-logo {
	margin: 0 20px 10px 0;
}/*
#team-summary img{
	float: right;
	margin: 20px 30px 5px 5px;
}

#team-summary hr{ margin-top: 20px; }*/

/** THESE new-team infos are duplicated from scaffold.css */
#new-team {	margin: 30px 10px 20px 30px; font-size: small; }
#new-team div.center{ margin-bottom: 0px; clear: none; }
#new-team p { width: 268px; text-align: right; margin-top: 5px; font-style: italic; }
/*#new-team h2{ width: 8em; }*/
#new-team a{ text-decoration: none }
#new-team .bigbutton { color: #fff;
	background: url(../images/bigtextbutton.png?1234567890) no-repeat;
	text-align: center; line-height: 71px; font-weight: bold;
	font-size: 1.8em;	height: 85px;	width: 283px;	border-style: none;	display: block; }


/*****************************************************/
/** enrollment page */

#new_messages_events {font-size: 14px; padding-bottom: 5px; padding-top: 5px;}
#new_messages_events a {font-weight: bolder; margin-left: 4px; margin-right: 2px;}

#enroll_div  {
	width: 770px;
	border-right: none;
	padding-right: 0px;
}

#enroll_topic, #indicator {
	height: 25px;
}

#indicator{
	display: inline;
	padding-left: 90px;
	visibility: hidden;
}

.indicator_ajax, #indicator_ajax, .result_inline{
	background: #f4f4ff url(http://localhost.inv:3000/images/indicator.gif?1242226389) no-repeat 10px 3px;
	padding: 2px 14px 2px 36px;
	opacity: 0.75;
	position: absolute;
	border: 1px #999 solid;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	display: none;
}

.indicator_ajax.display_inline { display: inline; position: relative; }

.result_inline { display: inline; position: relative; background: #f4f4ff; }

.message_on {
	background: #ffc url(http://nimenhuuto.com/images/icons/bubble-icon.png?1234567890) no-repeat left bottom;
	padding-left: 20px;
}

/*
#enrollment .enroll_message {
  z-index: 1001;
  opacity: 0.85;
	visibility: hidden;
	position: absolute;
 left: -200px; top: -200px;
  display: block;

	white-space: normal;
	z-index: 9999;
	font-size: 12px;
	padding: 1px 5px 1px 3px;
	margin: 0px;
  background: #fff;
	border-width: 3px;
	border-style: ridge;
	border-color: #005;
	border-top: 2px groove #000;
	border-left: 2px groove #000;
}
*/
#enrollment #players {
	margin-bottom: 7px;	
}

.player_enroll {
  margin: 0px 1px 0px 0px;
	line-height: 14px;

	border-color: #999 #666 #666 #999;
	border-width: 1px;
	border-style: solid;
	cursor: move;
	margin: 2px 4px 0px 0px;
	padding: 3px 4px 3px 4px;
/*	background-color: #ffc;*/
	white-space: nowrap;
	display: block;
	float: left;
}

/*#enrollment .myself, #enrollment .player_self {
	background-color: #ed8;
}*/ 
#enrollment .myself, #enrollment .player_self {
	border-color: #666 #000 #000 #666;
	color: #000;
}

#enrollment .eventenroll .player_enroll {
	margin: 0px;

	font-size: 11px;
	margin: 3px 3px 0px 0px;
	padding: 1px 2px;
}

/* this bg-image is changed in ie_hacks for ie6, reason: png alpha */
/*#enrollment .eventinfo .speechbubble_icon, #enrollment .eventenroll .speechbubble_icon {*/
#enrollment .speechbubble_icon {
	background-image: url(/images/icons/speechbubble_icon_set.png?12345678);
}

#enrollment .eventenroll .speechbubble_icon {
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 2px -28px;
}

/*
.enrollnames .player{
	padding: 1px 1px;
}*/

#enrollment .tooltip {
  z-index: 2000;
/*  border: thin solid #99c;*/
  opacity: 0.85;
	visibility: hidden;
/*	display: none;*/
	position: absolute;
  left: -200px; top: -200px;
	padding: 0px;
/*	min-width: 130px; min width handled in the js, because of ie6 */
	background-color: #eed;
	border: 1px solid #999;

}

#enrollment .tooltip_name {
  padding: 1px 2px 1px 2px;
  background-color: #99f;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;
  font-style: oblique;
  color: #119;
}

#enrollment .tooltip_body {
  padding: 1px 2px 1px 2px;
  background-color: #fff;
  font-size: x-small;
}

#enrollment .event {
	margin-bottom: 7px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-color: #ccc #999 #999 #ccc;
	border-style: solid;
	border-width: 1px;
}

/*#enrollment .eventcolor {*/
.eventcolor {
	width: 14px;	height: 14px;
	float: left;
	margin-right: 10px;
}

#enrollment .eventinfo {
	width: 335px;
	float: left;
	padding: 0px 10px 0px 5px;
}

.eventinfo .ev_topic{
	font-size: 16px;
	color: #4d4d4d;
	padding-top: 4px;
	line-height: 110%;
}

.ev_topic a{
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	vertical-align: text-bottom;
	white-space: nowrap;
}

.ev_topic a img{
	padding-left: 2px;
}

.eventinfo .ev_where_when{
	font-size: 12px;
	line-height: 15px;
	color: #666;
}

.eventinfo .ev_topic img {
	vertical-align: middle;
}
/*
#enrollment .tooltip {
	position: absolute;
	z-index: 1000;
	opacity: 0.9;
	background-color: #eed;
	border: 1px solid #999;
}

#enrollment #player_007_tooltip {
	left: 600px;
	top: 380px;
}
*/
#enrollment .eventenroll {
	float: left;
	width: 411px; /*391px; /*361*/
	padding: 0px;
	margin: 0px;
}

#enrollment .tabs {
	line-height: normal;
}

#enrollment .tabs ul {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;	padding: 0;
	border-width: 0px;
	border-bottom: #999 solid 1px;
/*	overflow: hidden;*/
	width: 100%;
	height: 22px;
	overflow: visible;
}

#enrollment .tabs li {
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0;
	width: 150px;
	text-align: center;
	height: 21px;
	border: 1px solid #999;	
	border-bottom-width: 0px;
	border-color: #777;
	border-right-color: #333;
}

#enrollment .tabs li.on {
	color: black;
	border-color: #999;	
	font-weight: bolder;
	border-bottom-width: 0px;
	position: relative;	
	top: 1px;
}

#enrollment .tabs li.in {	margin-left: 15px; }
#enrollment .tabs li.out {	margin-right: 15px; }

#enrollment .none, .color_none {	background-color: #ffffcc; }
#enrollment .in, .color_in {	background-color: #f0fff0; }
#enrollment .out, .color_out { background-color: #fff1f1; }
#enrollment .other, .color_other { background-color: #f0f0f0;}

#enrollment .enrollnames {
	margin: 0px;
	padding: 5px;
	border: 1px solid #999;
	border-top-width: 0px;
}

#enrollment .hover_1 {	background-color: #aaffaa; }
#enrollment .hover_2 {	background-color: #ffaaaa; }
#enrollment .hover_3 {	background-color: #cccccc; }

#enrollment .tabs li a {
/*	border-right: 1px solid #ccc;*/
	text-decoration: none;
	color: #666666;
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	overflow: visible;
	margin-top: 0px;		
}

#enrollment .tabs li.on a {
	cursor: default;
	color: black;
}

#enrollment .tabs li a:hover {
	color: black;
	background-color: #bbb;
}

#enrollment .tabs li.on a:hover {
	background-color: transparent;
}

#enrollment .tabs li a span {
	padding: 3px 0px 2px 0px;	
	display: block;
	overflow: visible;	
	position: relative;	
}

#enrollment .tabs li a span img {
	position:relative;
	top: 1px;
}

#enrollment .hidden {
	display: none;
}

#enrollment .enroll {
	margin-top: 10px;
/*	height: 24px;*/
}

#enrollment .enrollform {
	display: inline;
	line-height: 26px;
	margin: 0px;
}

#enrollment input {
	margin: 0px 2px 0px 8px;
}

#enrollment input.submit{
	vertical-align: top;
}

#enrollment .first_line {
	height: 22px;
	width: 320px;
	overflow-x: visible;
}

#enrollment .second_line {
	width: 330px;
	margin-top: 6px;
}

#enrollment .eventinfo .tooltip{
	/*overflow-x: hidden;*/
	background-color: #fafaff;
	overflow: hidden;
	padding: 0 8px 0 2px;
}

#enrollment .eventinfo .tooltip p{
	margin: 5px 0 5px 0;
}

#enrollment .eventinfo .speechbubble_icon {
	background-repeat: no-repeat;
	background-position: 0px 1px; /* bigger values move it right and down*/

	display: block;
	float: left; 
	width: 24px;
	height: 24px;
	margin: 0px 2px 0px 1px;
	padding: 0px;
}
#enrollment .second_line div {float: left}

#enrollment .event_msg_input {
	margin: 0px;
	padding: 4px 2px 2px 2px;
	width: 242px;
	background-color: transparent;
	border-width: 1px;
	border-style: inset;
}

/*#enrollment label.overlabel-apply {
	margin-left: 5px;
	margin-top: 0px;
	color: #777;
}
*/

#enrollment .eventinfo .submit{
	margin-right: 0px;
	margin-left: 3px;
	width: 41px;
}

#enrollment .eventinfo .enrolled {
	padding-left: 20px;
	color: #000;
	white-space: nowrap;
	visibility: hidden;
}

/*----------------------------------------*/
/* Messages info */

.message_form span { font-size: 10px }
/*.message_form input { vertical-align: bottom }*/

#messages {
	border-top: solid 1px #eed;
	margin: 15px 0 15px 0;
}

.message {
	padding: 15px 0px 15px 0px;
	margin: 0;
	border-bottom: solid 1px #eed; /*#ccb;*/
	color: #666;
	/*overflow: auto;*/
	/*	vertical-align: middle;*/
}

.message .show_all_replys { margin-top: 35px; margin-bottom: 35px; margin-left: 65px;}

/*.message > div {
	border-right: 3px groove #eee;
	padding-left: 10px;
}
.message.message_new > div { border-right-color: #33f; }
.message.children > div { border-right: none; padding-left: 0px; }
*/
.message_new { background-color: #f3f3ff; }

.message .container, .message .message_form {	margin-left: 65px; }

.message .subject_div { margin-left: 65px; margin-top: 10px;}
.message .subject_div h3 { line-height: 120%; font-size: 16px; color: #215588; }

/* do not use .children in js, there is a bug with ie7*/
.message .message, .message .message_form{
	padding: 0px;	margin-top: 20px;	border-bottom: none;
}

/*.message_form .control {float: left;}*/
.message .message_form .control { display: none; }
.message .message_form.focused .control{ display: block;}

/*.message .message_form.ajax .overlabel_custom, .message_form .indicator_ajax{
	left: 92px; margin: 8px 0px 0px 0px; }*/

.message_form.ajax .overlabel_custom, .message_form.ajax .indicator_ajax{
	margin: 8px 0px 0px 5px; /* left place updated at javascript */
}

.message_form.ajax .overlabel_custom {
	color: #69c; /* eef 66c*/
	position: absolute;
	line-height: 16px;
}

.message_form.ajax .indicator_ajax{	margin-left: 100px; }

.message_form.ajax.focused .overlabel_custom { display: none; }

.message_form.ajax textarea{
	/*width: 500px;*/
	height: 45px;
	margin: 0px 10px 0px 0px;
	padding: 3px;
	font-size: 12px;
	float: left;
	overflow: auto;
}
.message .message_form.ajax textarea{height: 30px;}

.message_form.ajax.focused textarea{
	min-height: 55px;
	height: auto;
}

.message_form.ajax label{
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}
.message .message_form label input{
	margin-right: 4px;
}

.message_form.ajax.comment .email { display: none }

/*.message_author { color: #666; }*/
.message_created_at {	color: #999999; }

.message_text{
	font-size: 16px;
	line-height: 120%;
	overflow: auto;
	padding-right: 25px;
	padding-bottom: 10px;
}
.message_text p {
	margin: 10px 0 0 0;
	padding: 0;
}
.message_topic {
	font-size: 12px;
	margin-bottom: 4px;
}
.message_author { margin-right: 5px; }

.message_topic form { display: inline; }

.message .links {
	/*background-color: #faa;*/
	/*position: absolute; right: 50px;*/
	float: right;
	color: #000;

}
.message .links img { vertical-align: bottom; }
.message .links a {	font-size: 10px; text-decoration: none; }
.message .reply_link { font-weight: bold; }
.message .reply_link img { margin-left: 4px; }

/*.message .links button, .message .links a{
	padding: 1px;	margin-top: -3px;
	vertical-align: middle;
	height: 18px;
	font-size: 10px !important; line-height: 16px !important;
	background-image: none;	border: none;
	text-decoration: none;
}
*/
.message .message_icon {
	float: left;
	height: 25px;
	width: 40px;
	background-image: url(/images/icons/megaphone_icon_set.png?1234567890);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*
.message_new > .message_icon {
	background-position: 0 -35px;
}*/


.message .player_photo {
	float: left;
	/*border: 1px solid #999;*/
	width: 50px;
}

/*.message_new > .container {	background-color: #faa; }*/
.message .new_info { color: #33f; font-weight: bolder; }
/*.message_new .message_author { font-weight: bolder; }*/
/*.message_new .message_created_at { font-weight: bolder; }*/

li.thread {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
/*.thread .thread_menu {
	float: right;
	line-height: 20px;
	text-align: right;
}*/
.thread a.plain {
	text-decoration: none;
}
.thread_item {
	width: 620px;
}
.thread .avatar {
	float: left;
}
.thread_author {
	margin-left: 28px;
	margin-bottom: 10px;
	color: #666;
}
.thread_summary {
	margin-left: 28px;
}
.thread_summary .thread_title {
	font-size: 16px;
	margin-bottom: 10px;
}
.thread_summary .real {
	font-size: 19px;
	background-image: url('/images/icons/information.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}
.thread_date {
	font-size: 11px;
	line-height: 19px;
	color: #aaa;
}
.thread_last {
	margin-top: 5px;
	font-size: 11px;
	color: #666;
}

/*----------------------------------------*/
/* Events info */
#events { }

.event_display, #event_display_div .default_div_inside {
	padding: 0px 5px 10px 5px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ccb; /*#eed;*/
	overflow: auto;
 /* background-color: #eeeeff;	*/
}


#event_display_div .default_div_inside{
	padding-left: 0px;
}

#event_display_div h3 {
	font-weight: normal;
	padding-top: 5px;
}

#event_wiki_show_real {
	border: solid 1px #ccf;
	overflow: visible;;
	padding: 0px 10px 10px 3px;
	margin: 0px;
}
#event_wiki_edit {
	margin-top: 10px;
	padding: 1px;
}

#events .first { padding-top: 0px; padding-bottom: 0px; }

.event_display .event_top { 
	height: 18px;
	line-height: 15px;
}

.event_display .event_info{
	margin: 5px 0px 5px 0px;
	font-size: 16px;
	line-height: 110%;
}

.event_display .event_menu {
	float: right;
	text-align: right;
	line-height: 20px;
}

.event_display .event_menu .event_menu_link a {
	text-decoration: none;
}

.event_display .event_menu .event_menu_link img{
	border: none;
	vertical-align: middle;
}

.event_wiki_link a{
	font-weight: bold;;
}

.event_display .event_author {
  font-size: x-small;
	white-space: nowrap;
}

/*.event_display .eventcolor {
	width: 14px;	height: 14px;
	float: left;
	margin-right: 10px;
}
*/
.event_display .event_enrolled_in {	color: #060; }
.event_display .event_enrolled_out {	color: #600; }

/*#event_edit_enrollments .enroll_1 {
  background-color: #66dd66;
}

#event_edit_enrollments .enroll_2 {
  background-color: #dd5555;
}

#event_edit_enrollments .enroll_3 {
  background-color: #D9AF3D;
}*/

.event_type_selector{
	border:1px solid #444;
	padding: 1px 6px 1px 6px;
	font-size: 12px;
	font-style: italic;
}
.event_type_selector input {
	/*vertical-align: text-top;*/
	margin-right: 4px;
	border: none;

}

/*.horizontal_list { border-collapse: collapse; width: 100%; border: 1px solid #666; padding: 2px; }*/
.horizontal_list { border-collapse: collapse; border: 1px solid #666; padding: 2px; }
.horizontal_list li { float: left; display: block;
	border: 1px solid #666; background-color: #ccf;
	padding: 0 5px 0 5px; margin: 2px 6px 2px 0px; }
.horizontal_list li.radio { background-color: transparent }

.movable { cursor: move; }

#columns { background-color: #dfd; border-width: 0 1px 0 1px; }
#columns:hover { background-color: #cec; }
#columns_hide { background-color: #fcc; }
#columns_hide:hover { background-color: #ebb; }

.horizontal_list .title { font-weight: bolder; border: none; background-color: transparent;
	margin: 3px 10px 3px 2px;}
/*#column_show { background-color: #cfc; }
#column_hide { background-color: #fcc; }*/

.enr_type_1 {	background-color: #f0fff0; }
.enr_type_2 { background-color: #fff1f1; }
.enr_type_3 { background-color: #f0f0f0; }
.enr_type_1.highlight {	background-color: #a0ffa0; }
.enr_type_2.highlight { background-color: #ffa1a1; }
.enr_type_3.highlight { background-color: #a0a0a0; }

.enrollment_list { padding-top: 20px; }

.enroll_edit form input { font-size: 10px; }
.enroll_edit form * { margin-right: 5px; }
.enroll_edit td { padding-left: 2px !important; }

/*----------------------------------------*/
/* Players list */

div.team_photo { text-align: center; margin-bottom: 20px; }
img.team_photo { margin: 10px auto; border: 1px solid #333; }

.player .photo { margin: 5px 5px 5px 0; border: 1px solid #333;}

.players_list .name {	font-weight: bold; }
.players_list .nick { font-style: italic }

.players_list .phone, .players_list .var {white-space: nowrap}
.players_list .enr_time {white-space: nowrap; font-size: 10px;}

#event_enrollments_list .position {width: 1em;}
#event_enrollments_list .enr_time {width: 8em;}
#event_enrollments_list .enr_value {width: 3em;}
#event_enrollments_list .name {white-space: nowrap}
/*#event_enrollments_list .name {width: 16em;}*/
#event_enrollments_list .enr_message {width: 100%;}
#event_enrollments_list .edit {width: 2em;}

/* 1234 added */
table.players_list { width: 100%; }
/*table.players_list tr.player { border-bottom: 1px solid #ccc; }
table.players_list tr.player:first-child { border-top: 1px solid #ccc; }
*/
table.players_list div { padding-bottom: 1px; padding-top: 1px; }
table.players_list td, table.players_list th { padding: 2px 10px 2px 5px; }
table.players_list td:last-child { padding-right: 5px; }
table.players_list td.last_col { text-align: center; line-height: 130%;}

/*.players_cards tr { border-bottom: 1px solid #ddc; color: #666; }*/
.players_cards tr { color: #666; border-bottom: 1px solid #ccc; }
.players_cards tr:first-child { border-top: 1px solid #ccc; }
.players_cards td tr { border: none !important; }
.players_cards tr td table tr td { padding: 4px 8px; }
.players_cards td { vertical-align: top; }
.players_cards td p { margin-top: 4px; }
.players_cards td div { padding: 4px 0; }
/*.players_cards td .name { font-size: 16px; font-weight: bold; color: #444; padding-right: 30px;}*/
.players_cards td .name { font-size: 16px; font-weight: bold; color: #444; }
.players_cards tr td { padding: 15px 15px; }
.players_cards tr td.eventcolor { padding: 18px 0; }


/*.players_cards_order_select {border-bottom: 1px solid #ddc; padding-bottom: 15px;}*/
.players_cards_order_select { padding-bottom: 15px; }
.players_cards_order_select span {padding: 0 2px; font-weight: bold;}
.players_cards_order_select a { font-weight: normal}

/*
div.players_list div { border-bottom: 1px solid #ccc; }
div.players_list span {margin-right: 20px;}
div.players_list .player div { border: none;  padding: 0px;}
div.players_list .player .second_line { margin-left: 40px; margin-top: 10px;}

div.players_list .player { padding: 10px 2px 10px 2px;}
div.players_list .player > span, div.players_list .information {margin-left: 40px; border: none}
div.players_list .information > p { margin-top: 0px; }*/
/*div.players_list .player .name {margin-left: 5px;  font-size: 12pt; }
div.players_list .player .name {margin-left: 5px;  font-size: 14px; } /* 1234 old one */
/*div.players_list .player .nick {margin-left: 10px;  font-size: 14px; }*/
/*div.players_list .email span {margin-right: 1px; padding-left: 0px;}*/

#players_results tbody .tr_first td {padding-top: 20px;}



/*----------------------------------------*/
/* Folder show */

/*#folder .info { margin-bottom: 30px; text-align: center; }*/
#folder .info { margin-bottom: 30px; }
#folder .info span, #folder .info a{ vertical-align: bottom; line-height: 24px; color: #258; font-size: 14px; text-decoration: none;}
#folder .info h2 { display: inline; font-size: 20px; margin-left: 5px; margin-right: 10px;}
#folder .info span.status { font-size: 12px; white-space: nowrap}

.files .setup form { margin: 10px 0 20px 0; }
.files .setup {
  width: 698px;
  padding: 20px;
	border: 1px solid #ddc;
	-moz-border-radius: 0;
	color: #666;
	margin-top: 20px;
  margin: 40px auto 0px auto;
	background-color: #eee;
}

.files .setup label {
	font-weight: bold;
	margin-right: 8px;
}

.files .setup td { padding: 4px 8px; }
.files .setup td.label { text-align: right; }

#files_list {
	table-layout: fixed;
	width: 748px;
/*	max-width: 748px;*/
}
#files_list td{ /* total width 748px -> 187px */
	text-align: center;
	padding: 5px 5px 30px 5px;
/*	width: 177px;
	max-width: 177px;*/
	overflow: hidden;
	word-wrap: break-word;
}

/*
#files_list a {	text-decoration: none; }
#files_list a:hover { background-color: transparent; }
#files_list a:hover span { background-color: #def; }
#files_list img { margin: 5px 2px 0px 2px; }
#files_list .title { line-height: 18px; padding: 0px 5px 0px 5px; }*/
#files_list .date { font-size: 10px; font-style: italic;}

/* in file listings and when displaying links to next/prev images */
.link_img_text a { text-decoration: none }
.link_img_text a span { line-height: 18px; text-decoration: underline; padding: 0px 5px; }
.link_img_text a:hover { background-color: transparent; }
.link_img_text a:hover span { background-color: #def; }
.link_img_text img { margin-bottom: 0px; border: solid 1px #444; }
.link_img_text img.mime { border: none }

#file .file_display { text-align: center; margin: 10px auto 10px auto; }
#file .no_display_img { margin-top: 30px; font-size: 16px; line-height: 20px;}
.no_display_img a { color: #46c; }
.no_display_img img { border: solid 1px #46c; }


/*#file .file_display { width: 100%; background-color: #f00; display: block; margin: 10px auto 10px auto; }*/


#file .navi {
	width: 738px;
	margin: 0px auto 10px auto;
	padding: 10px 0px 5px 0px;
  margin-bottom: 20px;
  background-color: #eee;
  line-height: 18px;
  border: 1px solid #ddc;
	-moz-border-radius: 0;
}
#file .navi div { float: left; }
/*#file .navi .previous { width: 150px }*/
#file .navi img { max-height: 80px; }
/*#file .navi .next { width: 150px; text-align: center; }
*/
#file .navi .next { width: 150px; min-height: 1px; text-align: center; }
#file .navi .info { width: 435px; text-align: center; }
#file .info div { width: 100%; }
#file .info .folder a { font-weight: bolder; }
#file .info .folder span { font-size: 10px; }
#file .title {
	font-size: 16px; font-weight: bold; margin-bottom: 15px;
	overflow-x: hidden;
	word-wrap: break-word;
}
/*#file .navi .info { width: 300px; }*/

/*#file .tooltip_js { visibility: visible; display: block }*/
/*
.tooltip_css {
	position: absolute;
	border: 1px solid black;
	width: 200px;
	background-color: #ddf;
}
a .tooltip_css { display: none }
a:hover .tooltip_css { display: block }*/

/*----------------------------------------*/
/* File upload */

/*#files-upload { font-size: 14px; }*/

.swfupload { position: absolute; z-index: 1; cursor: pointer; } /* flash button class */

#upload-help .main { font-size: 14px; }
#upload-help div { margin: 15px 0 5px 0; }
#upload-help #swf-upload-button { display: inline; }
#upload-help span { font-size: 14px; margin-right: 10px; color: #999; }

#swf-upload {	cursor: pointer; } /* button styling */

/*#upload-swf input {
	margin-top: 5px;
	margin-bottom: 5px;
}*/
#upload-selectors div {
	margin: 5px 0px 5px 0px;
}

#swf-start-upload {
	margin: 10px 0 10px 0;
}
/*
div#cancel-uploading {
	margin-top: 15px;
}*/

/*#upload-swf input {	vertical-align: middle;	}*/

#upload-swf table {
	border-collapse: separate;
	border-spacing: 0px 5px;
	width: 500px;
	margin: 10px 0 10px 0;
}

#upload-swf .name {	width: 150px; }


#upload-swf tr {
	border-color: #0f0;
	border-color: #DDF0DD;
	border-width: 0px 1px 0px 1px;
}

#upload-swf td, #upload-swf th {
	margin: 0px;
	padding: 2px 5px 2px 5px;
}

#upload-swf .cancel { text-align: right; }

#upload-swf td {
	/*border: solid 1px #DDF0DD;*/
	border-style: solid;
	border-color: inherit;
	border-width: 1px 0px 1px 0px;
}

#upload-swf td.status img {margin-left: 10px; vertical-align: middle}

#upload-swf td.name { border-left-width: 1px; }
#upload-swf td.cancel { border-right-width: 1px; }

#upload-swf tr.error { border-color: #B50000; background-color: #FFEBEB; }
#upload-swf tr.completed { border-color: #DDF0DD; background-color: #EBFFEB; }
#upload-swf tr.progress { border-color: #CEE2F2; background-color: #F0F5FF; }

button.cancel-button {
	font-size: 0;	height: 14px;	width: 14px;
	background-image: url(/images/icons/cancelbutton.gif?1234567890);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	margin: 0px; padding: 0px; border: none;
	float: right;
}
#upload-swf td button:hover { background-position: 0px 0px; }

/*----------------------------------------*/
/* Manager pages  */

.manager_menu a { margin-right: 20px; font-weight: bold; }
.manager_menu a.selected { color: black; }

#man_team_edit table.form-table {
	width: 716px;
}

#man_team_edit textarea {
	-moz-border-radius: 2px;
	border: 1px solid #999;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666;
}
/*
#man_team_edit .table_divider_first td {
	padding-top: 20px;
}*/
/*#man_team_edit .table_divider {*/

/*#man_homepage_edit form {margin-top: 20px;}*/

.mceFirst td{
	border-top-color: #215588;
}

/* these could be in tinyMCE skins/.../ui.css */
/*#team_front_page_html_tbl.mceLayout{ margin-left: -8px; border-color: #215588; }*/
#team_front_page_html_tbl.mceLayout{ border-color: #215588; }
#team_front_page_html_tbl.mceLayout tr.mceFirst td { border-color: #215588; }
#team_front_page_html_tbl.mceLayout tr.mceLast td { border-color: #215588; }

/***************************************/
/* Monthly calendar info */
/*.calendar_monthly * { border: solid 1px grey }*/
.calendar_monthly td, .calendar_monthly th { text-align: center; width: 105px; border: 1px solid #666; }

.calendar_monthly .title { font-size: 16px; font-weight: bold; }
.calendar_monthly .months th { border: none; padding-bottom: 10px; width: auto;}
.calendar_monthly .days th { padding: 3px 3px; background-color: #333; color: #fff;}
.calendar_monthly .day_info td { height: 50px; background-color: #fff; overflow: hidden;}
.calendar_monthly .day_number td { background-color: #eee; padding: 2px 4px;}
.calendar_monthly .day_number td.another_month { background-color: #999; }
.calendar_monthly td * { text-align: left; }
.calendar_monthly .event { border: 1px solid #666;
				/*background-color: #eee;*/
				color: #336699;
				margin: 5px 0; padding: 3px 1px;}
.calendar_monthly .event .time { text-align: left; font-style: italic; font-size: smaller;}
.calendar_monthly .event .info { text-align: left;
			 /*font-weight: bolder; */
			 color: #003366; }

.calendar_monthly .day_number td.today { background-color: #8ff; border-color: #000; font-weight: bold;}
.calendar_monthly .day_info td.today { background-color: #cff; border-color: #000}

/*----------------------------------------*/
/* Team tryout classifieds page */

#recruitment { color: #666; }
#recruitment .message_text {
	background-color: #def;
	margin: 20px 0 20px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #ddc;
}
#recruitment .message_info div {
	margin-top: 10px;
	font-size: 14px;
}

.recruitment_logo_tiny {
	display: block;
	width: 20px; height: 20px; float: left;
	margin-top: 0; margin-right: 5px;
	background-image: url('/images/icons/classifieds_icon_set.png?1234567890');
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
.recruitment_logo_link {
	height: 20px;
	padding-left: 25px;
	background-image: url('/images/icons/classifieds_icon_set.png?1234567890');
	background-repeat: no-repeat;
	background-position: 0px -42px;
}


/***********************/
/* In place editor info */
.inplaceeditor-saving { background: url(/images/indicator.gif) 0px 0px no-repeat; padding-left: 20px; }
form.inplaceeditor-form { margin-bottom: 10px; }
form.inplaceeditor-form input[type="text"] { }
form.inplaceeditor-form a {  margin-left:1em; font-weight: bold; }