body {margin:10px;}
img {border:0;}

table {
	border-spacing: 0;
	empty-cells:show;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
}

td, p {
	border:0;
	border-spacing: 0;
	font: 12px/normal Verdana, Georgia, sans-serif;
	line-height: 1.5em;
	padding: 0px;
	color: #7D7D7D;
	vertical-align: middle;
}

td.fct {text-align:center;}

#menu {vertical-align:bottom;}

/* main DAS links */
a {border:0;color:black;font-weight:bold;}

/* given some spaces to buttons */
.corys input {
	background: #9D9D9D;
	color:#FFD51F;
	font-weight: bold;
	border-left:solid black 1px;
	border-right:solid black 2px;
	border-top:solid black 1px;
	border-bottom:solid black 2px;
	margin:9px 9px 9px 9px;
	padding:5px;
	height:30px;
}
input:hover {
	background: #9D9D9D;
}
input:focus{
	background: #9D9D9D;
}

input.edit
{	
  background: Window;
	color: #9D9D9D;
	font: 11px/normal Verdana, Georgia, sans-serif;
	border-left:solid black 1px;
	border-right:solid black 1px;
	border-top:solid black 1px;
	border-bottom:solid black 1px;
	margin:1px 1px 1px 1px;
	padding:5px;
}

select {
	font : 11px Verdana, Georgia, sans-serif;
	color:#FFFFFF;
	background: #9D9D9D;
	font-weight: bold;
	
}
select:focus {
	
	background: #9D9D9D;
}
select:hover {
	
	background: #9D9D9D;
}
textarea {
	
	background: #7D7D7D;
	color:#FFD51F;
	font-weight: bold;
	border-left:solid black 1px;
	border-right:solid black 2px;
	border-top:solid black 1px;
	border-bottom:solid black 2px;
	margin:9px 9px 9px 9px;
	padding:5px;
}

h1 {
	font: bold 16px/normal Verdana, Georgia, sans-serif;
	color: black;
	padding-top: 30px;
	padding-bottom: 20px;
	margin: 0 auto 10px auto;
}
.scroll_container{	width:200px;
					height:150px;
					overflow:auto;
					border-style:solid;
					border-width: 1px 1px;
					background: #7D7D7D;
					color:#000000;
					font-weight: bold;
					} 
.scroll_mask {
					width:0px;
					height:0px;
					overflow:hidden;
					border-style:solid;
					border:none;
					background: #7D7D7D;
					color:#FFD51F;
					font-weight: bold;
			}

/* main design css */
#body {text-align: center;}
#body table {margin: 0 auto 0 auto;}

/* first level menu */
#level_1 {margin: 0 auto 0 50;}
#level_1 a {color:#363636;}
#level_1 a:hover {color:black;}

/* summary tables */
td.space {padding-bottom:20px;}

/* first level menu: unselected tab (ie. with links) */
#level_1 td {
	font : bold 12px Verdana, Georgia, sans-serif;
	color: #7D7D7D;
	vertical-align: middle;
	letter-spacing:1px;
}

/* first level menu: selected tab (ie. without links) */
#level_1 td#selected {
	font : bold 12px Verdana, Georgia, sans-serif;
	color: #FFD51F;
	vertical-align: middle;
	padding: 0 0.5em 0 0.5em;
	letter-spacing:1px
}


/* second level menu (list available functions) */
a.level_2 {
	font : bold 11px Verdana, Georgia, sans-serif;
	color: #FFD51F;
	vertical-align: middle;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#level_2 {background-color: #7D7D7D; color:black;font-weight:bold;}
#level_2 a {margin:0 7px 0 7px;}

/* style to highlight the synchronise link when needed */
a.sync_warning {
	font : bold 11px Verdana, Georgia, sans-serif;
	color: #EE0000;
	vertical-align: middle;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: blink underline;
}

/* footer text and link */
#footer {
	font : bold 10px Verdana, Georgia, sans-serif;
	color: #666666;
	margin-top: 50px;
	text-align:center;
	display:block;
}

/* help box */
#help {
	display:block;
	width:600px;
	margin: 30px auto 0 auto;
	color: #666666;
	font : 12px Verdana, Georgia, sans-serif;
	line-height: 1.5em;
	border: 0;
	padding: 50px 0 0 0;
	text-align:justify;
	background: url('../resources/img/help.gif') no-repeat top center;
}

.box_title
{
	font : bold 11px Verdana, Georgia, sans-serif;
	color: #FFD51F;
}
.box_print_title
{
	font : bold 11px Verdana, Georgia, sans-serif;
	color: #354974;
	text-align:left;
}

/* css for the main page */
table#home {width:80%;border: none 10px;border-spacing: 10px;margin-top:20px;}
table.title {width:100%;}
ul {list-style-type: none;margin: auto;display:table;margin-top: 20px; margin-bottom: 50px}
li {margin-bottom:15px;}
#home td {vertical-align:top;}
#home h2 {color: #FFD51F;font : bold 14px Verdana, Georgia, sans-serif;text-align:center;background: #7F7F7F;line-height: 27px;margin:0;}

/* list of lines, scenarios */
select.list {
  border-left:solid black 1px;
  border-right:solid black 2px;
  border-top:solid black 1px;
  border-bottom:solid black 2px;
  margin:9px 9px 9px 9px;
  padding:5px;
  width:100%;
  font-weight: normal;
}
select.hslist{
				overflow:visible;
				border:none;
				font-weight: normal;
}
select.combobox 
{	
  width:100%;
	border-left:solid black 1px;
	border-right:solid black 1px;
	border-top:solid black 1px;
	border-bottom:solid black 1px;
	margin:1px 1px 1px 1px;
	padding:5px;
}



/* main separators */
hr {height: 2px;background: #7F7F7F;color: #7F7F7F;border: #7F7F7F;}

.download {
	background: url('../resources/img/lastdownload.gif') no-repeat 3px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 2px 2.5px 20px;
}

.train {
	background: url('../resources/img/train.gif') no-repeat 3px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 2px 2.5px 20px;
}

.scotemp {
	background: url('../resources/img/scoringtemplate.gif') no-repeat 3px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 2px 2.5px 20px;
}

.scenario {
	background: url('../resources/img/scenario.gif') no-repeat 28px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 32px 2.5px 45px;
}

.line {
	background: url('../resources/img/line.gif') no-repeat 3px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 2px 2.5px 20px;
}

.authorization {
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 2px 2.5px 20px;
}

.demo {
	background: url('../resources/img/demo.gif') no-repeat 28px 3px;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0;
	padding: 2.5px 32px 2.5px 45px;
}


#funny img {margin:5px;border: 1px solid #CCCCCC;padding:5px;}

/* block used to display warning and error messages on a form submit */
table#error_warning {
	font: bold 11px/normal Verdana, Georgia, sans-serif;
	border: 1px solid #CCCCCC;
	margin-bottom:30px;
}

table#error_warning td {
	padding:10px;
}

/* progression bar styles */
#progress {
	top: 40%;
	bottom:40%;
	height:20%;
	width:40%;
	text-align:center;
	font: 11px/normal Verdana, Georgia, sans-serif;
	position:absolute;
	margin-left:30%;
	margin-right:30%;
}

#progress #bar {
	border: solid #7F7F7F 1px;
	/*width: 500px;*/
	text-align:left;
}

#progress #bar #fill {
	background: #FFD51F;
	margin: 0 auto 0 0;
}

#progress #percent {font-weight:bold;padding:5px;}
#progress #info {padding:5px;}
