/* -------------------------------------------------------------------- */
/* ---- Tournament Manager Default Template Stylesheet ---------------- */
/* -------------------------------------------------------------------- */
/* ---- Author: Heikki Gruner ----------------------------------------- */
/* ---- Created: 25 Oct, 2008 ----------------------------------------- */
/* -------------------------------------------------------------------- */

html {
	font-family: arial, san-serif;
	font-size: 8pt;
	background-color: #3d3d3d;
}

body {
	margin: 0px;
	padding: 0px;
}

a { text-decoration: none; }
a:link, a:visited { color: #930; }
a:hover { color: #039; }



div#siteSpace {
	margin: 10px;
	background-color: #fff;
}


div#siteHeader {
	height: 64px;
	background-image: url( ../images/headerLogo-left.png );
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #db3632;
}
div#siteHeaderRight {
	float: right;
	height: 64px;
	background-image: url( ../images/headerLogo-right.png );
	background-position: top right;
	background-repeat: no-repeat;
}

div#pageTitle {
	color: #dbb3b2;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 35px;
	margin-right: 20px;
}


div#mainSpace { }


div#navbar {
	height: 22px;
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	padding: 1px 2px;
	
	background-image: url( ../images/navbar-background.png );
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #efefef;
}

div#sideBar {
	float: left;
	width: 200px;
	
	padding: 50px 5px 20px 20px;
	
	background-image: url( ../images/siteBody-background.png );
	background-position: top left;
	background-repeat: no-repeat;
}
div#mainBody {
	/*width: auto;*/
	margin-left: 220px;
	padding: 50px 20px 20px 20px;
}

div#siteFooter {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	
	background-color: #efefef;
	border-top: 1px solid #bbb;
}


/* ----------------------------------------- */
/* ---- General Module Style --------------- */
/* ----------------------------------------- */
div#siteHeader div.module {
	margin: 10px 20px 0px 0px;
	color: #fff;
	text-align: right;
}
div#siteHeader div.module a { color: #fff; }
div.pageTitle { font-size: 14pt; padding-top: 30px; }

div#mainBody div.module { }



/* ----------------------------------------- */
/* ---- General Menu Style ----------------- */
/* ----------------------------------------- */
div.menu.floating { background-color: #fff; }
div.menu.floating div.button { padding: 2px 4px; }
div.menu.floating hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0px;
	margin: 3px 3px;
}

/* ----------------------------------------- */
/* ---- Navigation Menu Style -------------- */
/* ----------------------------------------- */
span.button.navMenu {
	color: #555;
	font-size: 11px;
	font-weight: bold;
	
	background-color: #fff;
}
a:hover span.button.navMenu { background-color: #d9e5f8; }
span.button.navMenu.hover { background-color: #d9e5f8; }

div#navMenu { padding-top: 1px; margin-left: 176px; }
div#navMenu span.button { display: block; float: left; border: 1px solid #bbb; margin-right: 4px; padding: 2px 10px; line-height: 14px; }
div#navMenu a:hover span.button { border: 1px solid #9fb9de; }
div#navMenu span.button img.icon { display: none; }

div.menu.floating.navMenu { width: 200px; border: 1px solid #bbb; }
div.menu.floating.navMenu span.button { display: block; height: 24px; line-height: 24px; vertical-align: middle; padding: 2px 0px; }
div.menu.floating.navMenu span.button img.icon { border: 0px; vertical-align: middle; padding: 0px; margin: 0px 6px; }
div.menu.floating.navMenu a:hover span.button { padding-top: 1px; padding-bottom: 1px; border-top: 1px solid #9fb9de; border-bottom: 1px solid #9fb9de; }
div.menu.floating.navMenu span.button.hover { padding-top: 1px; padding-bottom: 1px; border-top: 1px solid #9fb9de; border-bottom: 1px solid #9fb9de; }
div.menu.floating.navMenu hr { color: #ccc; background-color: #ccc; border: 0px solid #aaa; margin: 3px auto; height: 1px; width: 90%; }




div#siteHeader div.module {
	margin: 10px 20px 0px 0px;
	color: #fff;
	text-align: right;
}
div#siteHeader div.module a { color: #fff; }

div#mainBody div.module { }



/* ----------------------------------------- */
/* ---- Toolbar Module Styles -------------- */
/* ----------------------------------------- */
div.toolbar { background-color: #fff; margin-bottom: 20px; }
div.toolbar div.button { float: left; width: 48px; height: 48px; margin-bottom: 2px; }
div.toolbar div.button.hover { border: 1px solid #ccc; width: 46px; margin-bottom: 0px; }
div.toolbar div.button.selected { border: 1px dashed #ccf; width: 46px; margin-bottom: 0px; }
div.toolbar div.button.disabled { }
div.toolbar div.button img { margin-top: 2px; }
div.toolbar div.button.hover img { margin-top: 1px; }
div.toolbar div.button.clicked img { margin-top: 1px; }
div.toolbar div.button div.buttonLabel { }
div.toolbar div.button.disabled div.buttonLabel { color: #aaa; }



/* ----------------------------------------- */
/* ---- Data Table Common Styles ----------- */
/* ----------------------------------------- */
div.module table { border: 1px solid #888; border-collapse: collapse; width: 100%; }
div.module table td { padding: 2px 3px; }
div.module table thead { background-color: #ccc; font-weight: bold; }
div.module table thead td {  }
div.module table tbody tr.selected { background-color: #ffd; }
div.module table tbody td a img { border: 0px; }