/* CSS template TROJKA.ORG, inspired with mozilla default css */

/* General */
    body, td, th, input {
            font-family: Verdana, Sans-Serif;
            font-size: small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: arial, verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }

/* Navigation */

   :link { color: #039; }
   :visited { color: #636; }
   :link:hover, :visited:hover { color: #333; }
   :link:active, :link:active { color: #000; }


    /* Random HTML Styles */

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1em 1em;
	}

	li {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	sup {
		font-size: 70%;
	}

	form {
		margin: 0;
		display: inline;
	}

	label {
		font-weight: bold;
	}

/* General Structure */

	.subtitle {
		font-style: italic;
	}

	div.para {
		margin: 1em 0;
	}

	div.para > ul,
	div.para > ol,
	div.para > blockquote {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	div.section {
		display: block;
		padding-left: 3%;
	}

	div.section > h2,
    div.section > h3,
	div.section > h4,
	div.section > h5,
	div.section > h6 {
		margin-left: -1.3%;
	}

	.block {
	  display: block;
	  margin: 0.1em 1em;
	}

	.imgright {
		float: right;
		margin: 0 0 2em 2em;
	}

	.first {
		margin-top: 0; /* For IE not understanding first:child */
	}

/* Navigation */

	:link img,
	:visited img {
		border: 0;
	}

	dl.toc dt {
		margin-top: 1em;
		font-size: 110%;
	}
	dl.toc p {
		margin: 0;
		text-indent: 1em;
	}
	dl.toc p:first-child {
		text-indent: 0;
	}
	dl.toc > dd {
		margin-left: 1em;
	}

	ol.toc ol {
		list-style-type: circle;
	}
	ol.toc > li > ol {
		font-size: 90%;
	}

	ul.snav {/* section navigation or short navigation, whichever you prefer */
		margin: 0.7em 10%;
		padding: .2em;
		text-align: center;
		list-style-type: none;
	}
	ul.snav > li {
		margin: 0;
		padding: 0;
	}
	ul.snav > li {
		display: inline;
	}
	ul.snav > li:before {
		content: " | ";
	}
	ul.snav > li:first-child:before {
		content: "";
	}

	a.cont {
		display: block;
		margin-right: 0;
		text-align: right;
	}

	/* em, strong */

	strong.stronger {
		font-style: italic;
		font-weight: bold;
	}

	strong.very-strong {
		font-weight: bold;
		text-transform: uppercase;
	}

	*.important,
	div.important,
	p.important {
		margin: 1em;
		padding: 0.1em;
		border: solid #F00;
		font-size: larger;
	}

/* Computers - General */

	pre.screen {
		overflow: auto;
		margin: 1em 0.5em;
		padding: 0.2em;
		border: solid 1px;
		font-family: monospace;
		white-space: pre;
	}

	div.screen {
		margin: 1em .5em;
		padding: 0.2em;
		border: solid 1px;
	}

	span.application {
		font-style: italic;
	}

	kbd.long {
		display: block;
		margin: 0.1em 1em;
	}

	kbd.command,
	code.command {
		white-space: pre;
	}

	code.filename {
		font-style: italic;
		white-space: nowrap;
	}

/* Code */

	code, pre {
		/* override IE6 default */
		font-size: 1em;
	}

	code {
		white-space: nowrap;
	}
	code.long {
		display: block;
		margin: 0.1em 1em;
		white-space: normal;
	}

	pre.code {
		overflow: auto;
		margin: 1em .5em;
		padding: .2em;
		border: solid 1px;
	}

	pre.code .remark {
		font-size: 1em;
		font-style: italic;
	}

	/* turn off content generation */
	pre.code .remark:before,
	pre.code .remark:after,
	pre.code .note:before {
		content: "";
	}

/* Tables */

	table.data {
		border-collapse: collapse;
		margin: 0.5em auto;
		border: 1px solid;
	}

	table.data caption {
		margin: 1em auto 0.2em;
		font-size: small;
		font-style: italic;
		text-align: center;
	}

	table.data th,
	table.data td {
		padding: 0.2em;
		border: 1px solid;
		vertical-align: baseline;
	}

	table.data tbody th:first-child {
		text-align: right;
	}

	table.data thead th {
		vertical-align: bottom;
	}

/* General */

	#mainContent, #side {
		background: #fff;
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
		color: #000;
	}
	.deepLevel #mainContent {
		line-height: 1.4;
	}

	#nav {
		line-height: 1em;
	}

    #mainContent a {
      text-decoration: none;
      font-weight: bold;
      color: #FF3366
    }

    #mainContent a:hover {
      text-decoration: none;
      font-weight: bold;
    color: #CC3366
    }

    #mainContent td, th {
            font-family: verdana, sans-serif;
            font-size: small;
    }



/* Headers */

	#mainContent > h1:first-child,
	#mainContent > h2:first-child,
	#mainContent > h3:first-child,
	#mainContent > h4:first-child,
	#mainContent > h5:first-child,
	#mainContent > h6:first-child,
	#side > h1:first-child,
	#side > h2:first-child,
	#side > h3:first-child,
	#side > h4:first-child,
	#side > h5:first-child,
	#side > h6:first-child {
		margin-top: 0;
	}

/* Basic Structure */

	body {
        min-width: 720px;
    	margin-left: 24px;
	    margin-right: 16px;
    	margin-top: 6px;
	    color: #000;
    	background: #fff url("../img/body_back.gif") repeat-x;
    }

	#indentRight {
		margin-left: 3%;
	}

/* accessibility tweaks */

	hr.hide {
		display: none;
	}

	hr.normal {
    	display: block;
        height: 1px;
        color: #CCCCCC;
    }

	hr {
		height: 1px;
		background-color: #000;
		color: #000;
		margin: 2em 0;
	}

    font.team {
        color: #003366;
        font-weight: bold;
        font-size: large;
        font-family: Tahoma, Arial, sans-serif;
    }

    font.teamname {
        color: #993333;
        font-weight: bold;
        font-size: medium;
        font-family: Tahoma, Arial, sans-serif;
    }

    table.teamlist {
        border: thin solid #CCCCCC;
        background: #FFFF99;
        empty-cells: hide;
        table-layout: auto;
        margin: 2px 12px 2px 2px;
        border-spacing: 6px;
}

    tr.teamlistheader td.teamlistheader {
        background: #FFCC33;
        font-size: medium;
        color: #CC3300;
        font-weight: bold;
        text-indent: 2em
    }

    tr.trener td.trener {
        background: #FFFF99;
        font-size: medium;
        color: #CC3300;
        font-weight: bold;
    }


/* Sidebar */

	#nav {
		line-height: 1em;
		background: #C0D9FE url("../img/menu_back.gif") right repeat-y;
	}

	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}
	#nav li {
		display: inline;
		padding: 0px 0px;
		text-decoration: none;
		background: #C0D9FE;
		border-bottom: 0px solid #ddd;
		border-top: 0px solid #fff;
		border-right: 0px solid #ddd;
	}

	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}

	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #C0D9FE;
        color: #464646;
        font-weight: normal;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
}

	#nav li a:hover {
		background: #99CCFF;
        color: #464646;
      	}

	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}

	#nav li li a {
		padding: 6px 8px 6px 20px;
	}

	#oN {
		background-color: #6699CC;
	}
	#oN:hover {
		background-color: #99CCCC;
	}

	input[type="submit"] {
		font-weight: bold;
	}


    table, td, form, input, select, textarea {
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-size: 12px;
    	color: #000666;
	    margin: 2px;
    	padding: 0px;
    }

    /* page title - span.header */
    span.header
    {
	    font-size: 24px;
    	font-weight: bold;
    }