html {
	height:100%;
}
body {
	height:100%;
	margin:0;
	padding:0;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 8pt;
}

div#header {
	height:2em;
	background-color:#aaaaaa;
	border-bottom: 1px solid black;
	line-height:2em;
	font-size:1em;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	margin-bottom:0.5em;
	padding:0.5em;
}

div#header a {
	font-size:1em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;	
	}

div#login {
	width:30em;
	background-color:#eeeeee;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	border: 1px solid black;
	padding: 1em;
}

div#login h2 {
	font-weight:bold;
	font-size:1em;
	color: #000000;
	width:100%;
	border-bottom: 1px solid black
}

div#login input.text {
	width:15em;	
}

p.right {
	text-align:right;
}
div#login label {
	display: block;
	float: left;
	width: 10em;
}

div#colorPicker {
	margin-left:5em;
}


div#treeBox {
    float:left;
    width:19%;
    /*height:100%;*/
    background-color:#ffffff;
    overflow:auto;
 }

div.edit_panel {
	margin-left:20%;
  border-left: 1px solid #1162e5;
	padding-left:1em;
	display:none;
}
div.edit_tasks {
    width:20em;
    background-color:#ffffff;
    float:right;
    border: 1px solid #1162e5;
    padding-bottom:2em;
    
}

div.edit_tasks h1 {
	background-color: #1162e5;
	color:#ffffff;
	padding-left:2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin:0;
	font-size:1em;
}

div.edit_tasks a {
	font-size:1em;
	font-weight:normal;
	color:#1162e5;
	text-decoration:underline;
  cursor: pointer;  
}

div.edit_tasks p {
	margin-left:2em;
	margin-right:2em;
}

div.content {
	background-color:#ffffff;
	margin-right:16em;
	overflow:auto;
	height:100%;
}

label {
	font-weight:bold;
	margin-right:1em;
}

input {
	font-size:1em;
}

input.medium {
	width:20em;
}

select {
	font-size:1em;
}

select.medium {
	width:11em;
}

select.medium {
	width:20em;
}

table#table_tracks {
	border: 1px solid #1162e5;
	border-collapse:collapse;
	margin-top:1em;
	margin-bottom:1em;
	
	margin-left:1px;
}

table#table_tracks th {
	background-color: #1162e5;
	color:#ffffff;
	font-size:1em;
}

table#table_tracks td {
	background-color: #ffffff;
	font-size:1em;
	border: 1px solid #1162e5;
	padding:0.5em 1em 0.5em 1em;

}

form#form_tracks {
	border: 1px solid #1162e5;
	width:40em;
}

form#form_tracks h1 {
	background-color: #1162e5;
	color:#ffffff;
	padding:0.5em 1em 0.5em 1em;
	margin:0;
	font-size:1em;
}
form#form_tracks p {
	padding:0.5em 1em 0.5em 1em;
	
}

div#pic_upload {
	border: 1px solid #1162e5;
	width:40em;	
}
div#pic_upload h1 {
	background-color: #1162e5;
	color:#ffffff;
	padding:0.5em 1em 0.5em 1em;
	margin:0;
	font-size:1em;
}
div#pic_upload p {
	padding:0.5em 1em 0.5em 1em;
	
}

textarea {
		font-family: Verdana,Helvetica,sans-serif;
		font-size:1em;
		width:40em;
		height:10em;

}

p.ps_task {
	font-size: 11px;
	margin-left: 10px;
	margin-top: 5px;
	margin-right:10px;
	margin-bottom: 5px;
	cursor: pointer;
	text-decoration: underline;
}