@charset "utf-8";
/*
@import url("menu.css");
@import url("table.css");
@import url("form.css");
*/

body { padding: 0 0 0 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center;
background-color: white;
} 

fieldset { border:2px solid black }

fieldset.field456
{
width: 500px; 
font-size: 8px ;
border-color: black;
background-color:#339966 ;
color:white;

}


table.graph {
    
  border-collapse: collapse;
  border-width: 0px; 
  border-style:none;
  height: 20px;
  padding: 0px;
  margin: 5px 0px ;
   
}
td.before {
  background-color: silver;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-width: 0px; 
  
}
td.shiftlenght {
  background-color: yellow;
  padding: 0px;
  margin: 0px; 
  border-collapse: collapse;
  border-width: 0px;  
}
td.shiftlenght_corr {
  background-color: orange;
  padding: 0px;
  margin: 0px; 
  border-collapse: collapse;
  border-width: 0px;  
}
td.after {
  background-color: silver;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-width: 0px;   
  
}

#case td
{
    
}
.right 
{
text-align: right;
}
.rightred 
{
text-align: right;
color: white;
background-color: red;
}
.middle 
{
text-align: center;
}
.middlerb 
{
text-align: center;
border-right: 5px solid black;
}

.middlered
{
text-align: center;
color: red;
}
.middlered2
{
text-align: center;
background-color: red;
}
.leftred
{
text-align: left;
color: white;
background-color: red;
}

.left 
{
text-align: left;
padding:0 0 0 10px;
}


h1 {font-size: 2em;  padding: 0 10px 0 0; margin: 0 ; color: #293C5D; font-weight: bold;}
h11 {font-size: 2em;  padding: 0 10px 0 0; margin: 0 ; color: #339966; font-weight: bold;}
h2 {font-size: 1.5em;  padding: 0 10px 0 0px; margin: 0; color: white;}
h3 {font-size: 1.2em;  padding: 0 10px 0 0px; margin: 0 ; color: white;}
h4 {font-size: 1.2em;  padding: 0 10px 0 0px; margin: 0 ; color: white;}
h22 {font-size: 1.5em;  padding: 0 10px 0 0px; margin: 0; color: white;font-weight: bold;}
p {font-size: 1em;  padding: 0 0 0 5px; margin: 0; color: white;}

/* LAYOUT */
#layout {margin-right: auto; margin-left: auto; padding: 0; width: 100%; background-color: white;}

/* HEADER */

#header {padding: 0; margin: 0; height: 72px;   background-image: url(../img/header_bg.jpg);background-repeat: repeat-x;}
#header h1 { font-size: 3em;  padding: 15px 10px 0 0px; margin: 0 ; color: white; font-weight: bold; text-shadow: 5px 2px 0px black,5px 0px 10px black;}
#header img { margin: 0 0 0 140px; padding:  5px 0 0 10px; float: left ; }


/* COLUMNCONTAINER */
#columncontainer{ margin: 0 ; padding:  0 ; float: left; width: 100%;background-color: white; }
#columncontainer img{ border: none;}

/* COLUMN 1 */
#column1 {float: left; min-height: 300px; width: 20%; margin: 0; padding: 2% 10px 2% 25px; background-color:white;}

/* COLUMN 2 */
#column2 {float: left; min-height: 300px; width: 45%; margin: 0; padding: 2% 10px; background-color: white;}

/* COLUMN 3 */
#column3 {float: left; min-height: 300px; width: 20%; margin: 0; padding: 2% 25px; margin: 0; background-color: white;}

/* COLUMN 4 */
#column4 {float: left; min-height: 300px; width: 78%; padding: 2% 10px; margin: 0; border: 0; background-color: white;}

/* COLUMN 5 */
#column5 {float: left; min-height: 300px; width: 70%; padding: 2% 10px; margin: 0; border: 0; background-color: white;}

/* COLUMN 6 */
#column6 {float: left; min-height: 300px; width: 11%; margin: 0; padding: 2% 10px 2% 25px; background-color:white;}
#column66 {float: left; min-height: 300px; width: 5%; margin: 0; padding: 2% 10px 2% 25px; background-color:white;}

/* COLUMN 4 */
#column7 {float: left; min-height: 300px; width: 90%; padding: 2% 10px; margin: 0; border: 0; background-color: white;}

.tablecanvas
    {
      border-collapse: collapse;
      margin: 0;
      padding: 0;
    }

.bgcanvas
    {
      background-color: gold;
    }

.tablecanvas2
    {
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      border: 0px;
    }
   
.tdcanvas
    {
      border-collapse: collapse;
      border: 1px solid black;
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
      
    } 
.tdcanvas2
    {
      border-collapse: collapse;
      border: 1px solid white;
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
      
    }
.tdcanvas2red
    {
      border-collapse: collapse;
      border: 1px solid white;
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
      background-color: red;
      font;
      
      
    }   
      
  
    

.error {
  color: red;
  background: yellow;
}

.small {
  font-weight: bold;
  font-size: 1em;
}

.error_big {
  color: red;
  font-size: 2em;
  background: yellow;
}

.attention {
  font-weight: bold;
  color: black;
  background: white;
}
.confirm {
  font-weight: bold;
  color: green;
}
.confirm2 {
  font-weight: bold;
  background-color: #CCFFCC;
}
.messageheader {
  font-size: 1.8em;
  color: white;
}

.messageheadline {
  font-size:1.5em;
  color: red;
}

.message {
  font-size:1.5em;
  color: white;  
  
}

.dropdown {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 14px;
    width: 200px;
}

.c0{
    background-color: #00FF00;
    color:black;
}

.c1{
    background-color: yellow;
    color:black;
}
.c2 {
    background-color: red;
    color:white;
}
.w100 {
    width: 100px;
}
.w200 {
    width: 200px;
}
.w200l {
    width: 200px;
    text-align: left;
}
.w100l {
    width: 100px;
    text-align: left;
}
.w100r {
    width: 100px;
    text-align: right;
}


.red2 {
    background-color: #FF0000;
    
}
.red {
    background-color: #FF0000;
    text-align: center;
    
}
.green2 {
    background-color: #00FF00;
}
.green3 {
    background-color: #00FF00;
    text-align: center;
}
.pink {
    background-color: #FF99CC;
    color:black;
    text-align: center;
}
.leftpink {
    background-color: #FF99CC;
    color:white;
    text-align: left;
}
.yellow {
    background-color: yellow;
    color:black;
    text-align: center;
}
.white {
    background-color: white;
    color:black;
    text-align: center;
}

.dropdown:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    width: 200px;
}

.dropdown_small {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1em;
    width: 200px;
}
.dropdown_small:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: 1em;
    width: 200px;
}


.dropdown_long {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    width: 400px;
}
.dropdown_long:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: 1.2em;
    width: 400px;
}
.dropdown_longX:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: .8em;
    width: 260px;
}
.dropdown_longX {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 0.8em;
    width: 260px;
}

.dropdown_short {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    width: 70px;
}
.dropdown_short:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: 1.2em;
    width: 70px;
}
.dropdown_short50 {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    width: 50px;
}
.dropdown_short50:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: 1.2em;
    width: 50px;
}
.dropdown_100 {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    width: 100px;
}
.dropdown_100:hover {
    border: 1px solid #006;
    background: #CCFFFF;
    font-size: 1.2em;
    width: 100px;
}

.input {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 14px;
}

.input8 {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: .8em;
}
.input8:hover {
    border: 1px solid #006;
    background: #CCFFFF;
}
    

.input_r {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    text-align: right;
}

.input_m {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 1.2em;
    text-align: center;
}
.input_q {
    border: 0px solid #006;
    background: #E6E3E3;
    font-size: 1.2em;
    text-align: right;
}
.input_s {
    border: 0px solid #006;
    background: #E6E3E3;
    font-size: 1.2em;
    text-align: right;
}

.input:hover {
    border: 1px solid #006;
    background: #CCFFFF;
}
.input_r:hover {
    border: 2px solid #006;
    background: #CCFFFF;
}
.input_big {
    border: 1px solid #006;
    background: #F3F3F3;
    font-size: 3em;
    text-align: left;
}
.input_big:hover {
    border: 2px solid #006;
    background: #CCFFFF;
}


button.normal {
    border: none;
    
}


.button {
    border: none;
    background: url('../img/up.png') no-repeat top left;
    padding: 0;
    font-size: 1.5em;
    height:39px;
    width:86px;
}
.button:hover {
    border: none;
    background: url('../img/down.png') no-repeat top left;
    padding: 0;
    font-size: 1.5em;
    color: black;
    height:39px;
    width:86px;
}
.button150{
    border: none;
    padding: 0;
    font-size: 1.5em;
    height:39px;
    width:150px;
    color: black;
    background-color: #C0C0C0;
    border: 1px solid #006;
}
.button150:hover {
    border: none;
    padding: 0;
    font-size: 1.5em;
    color: black;
    height:39px;
    width:150px;
    color: white;
    background-color: red;
    border: 1px solid #006;
}
.button100{
    border: none;
    padding: 0;
    font-size: 1.5em;
    height:20px;
    width:100px;
    color: black;
    background-color: #C0C0C0;
    border: 1px solid #006;
}
.button100:hover {
    border: none;
    padding: 0;
    font-size: 1.5em;
    color: black;
    height:20px;
    width:100px;
    color: white;
    background-color: red;
    border: 1px solid #006;
}
.buttons {
    border: none;
    background: url('../img/ups.png') no-repeat top left;
    padding: 0;
    font-size: 1.5em;
    height:39px;
    width:66px;
}
.buttons:hover {
    border: none;
    background: url('../img/downs.png') no-repeat top left;
    padding: 0;
    font-size: 1.5em;
    color: black;
    height:39px;
    width:66px;
}
.buttonss {
    border: none;
    background: url('../img/upss.png') no-repeat;
    padding: 0px 0px 15px 0px;
    font-size: 1.5em;
    height:30px;
    width:30px;
}
.buttonss:hover {
    border: none;
    background: url('../img/downss.png') no-repeat;
    padding: 0px 0px 15px 0px;
    font-size: 1.5em;
    color: black;
    height:30px;
    width:30px;
}

.button_get {
    border: none;
    text-decoration: none;
    color: black;
    background: url('../img/up_get.png') no-repeat top left;
    padding: 10px 20px 10px 10px;
    font-size: 1.5em;
    height:30px;
    width:30px;
}
.button_get:hover {
    border: none;
    text-decoration: none;
    color: black;
    background: url('../img/down_get.png') no-repeat top left;
    padding: 10px 20px 10px 10px;
    font-size: 1.5em;
    height:39px;
    width:150px;
}

.button_big {
    border: none;
    background: url('../img/up_big.png') no-repeat top left;
    padding: 0;
    font-size: 2em;
    height:172px;
    width:93px;
    text-decoration: none;
     
}
.button_big:hover {
    border: none;
    background: url('../img/down_big.png') no-repeat top left;
    padding: 0;
    font-size: 2em;
    color: black;
    height:172px;
    width:93px;
    text-decoration: none;
}

label {
    display: block;
    float: left;
    margin: 0px 4px 0px 0px;
    text-align: left;
    font-size: 1em;
    font-weight:bold;
}
.mid {
    display: block;
    float: right;
    margin: 0px 4px 0px 0px;
    text-align: center;
    font-size: 1em;
    font-weight:bold;
}

.long {
    width:120px;
}

br { clear: left; }

fieldset.bg_white{
    border-color: #293C5D;
    border-width:2px;
    border-radius: 10px;
    margin: 5px;
    padding: 2% 2%;
    background-color: white;
    
}

#logo  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
    }

fieldset.proper {
    border-color: #B201FF;
    border-width:1px;
    border-radius: 10px;
    margin: 5px;
    padding: 0 2%
} 
fieldset.proper_trafi {
    border-color: #B201FF;
    border-width:3px;
    border-radius: 10px;
    margin: 5px;
    padding: 0 2%
}

.center
{
margin:50px auto;
width:70%;

}

.center2
{
margin:20px auto;
width:80%;

}

#color
{
   color:red;
   
}
#wrap {
	background: #fff;
	border: 1px solid #777;
	width: 80%;
	padding: 10px 1% 20px 30px;
	margin: 10px auto;
	text-align: left;
}

ul#paths {
	list-style-type: none;
	margin: 10px auto 12px 30px;
	padding: 0;
    background: #fff;
}
ul#paths li {
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 135%;
    background: #fff;
}
.dir, .file {
	font-family: Courier;
	font-size: 14px;
}
.dir {
	padding-left: 20px ;
	
}
.file {
	padding-left: 20px ;
    
	
}

#empty
{
	background: #369A68;
	border: 2px solid #777;
	width: 90%;
	padding: 10px 1% 20px 30px;
	margin: 10px auto;
	text-align: left;
    font-size: 1.5em;
}
.button_box
		{
			display: block;
			padding: 10px;
            margin: 10px;
			text-decoration: none;
			font-size: 1.5em;
			font-weight: bold;
            background:blue;
			color: white;
            width: 130px;
		}
.button_box:hover
		{
			color: white;
            background:red;
        }
        
.button_box2
		{
			display: block;
			padding: 5px;
            margin: 5px;
			text-decoration: none;
			font-size: 1.5em;
			font-weight: bold;
            background:green;
			color: white;
            width: 200px;
		}
.button_box2:hover
		{
			color: white;
            background:red;
        }

ul#navigation_box li button
		{
			display: block;
			padding: 5px;
            margin: 5px;
			text-decoration: none;
			font-size: 1.5em;
			font-weight: bold;
            background:blue;
			color: white;
            width: 130px;
		}
ul#navigation_box li button:hover
		{
			color: white;
            background:red;
			
		}
ul#navigation_box2 li button
		{
			display: block;
			padding: 5px;
            margin: 5px;
			text-decoration: none;
			font-size: 3em;
			font-weight: bold;
            background:blue;
			color: white;
            width: 300px;
            
		}
ul#navigation_box2 li button:hover
		{
			color: white;
            background:red;
			
		}
        
       
ul#navigation_box2_g li button
		{
			display: block;
			padding: 5px;
            margin: 5px;
			text-decoration: none;
			font-size: 3em;
			font-weight: bold;
            background:#339966;
			color: white;
            width: 300px;
            
		}
ul#navigation_box2_g li button:hover
		{
			color: white;
            background:red;
			
		}
ul#navigation_box3_g li button
		{
			display: block;
			padding: 5px;
            margin: 5px;
			text-decoration: none;
			font-size: 3em;
			font-weight: bold;
            background:#339966;
			color: white;
            width: 300px;
            
		}
ul#navigation_box3_g li button:hover
		{
			color: white;
            background:red;
			
		}
        



ul li
{
    list-style-type: none
}
.fieldset 
{
border: 1px;
}
.field3
{
padding:5px;
margin: 5px;
width: 300px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field4
{
padding:5px;
margin: 5px;
width: 400px; 
border-color: black;
background-color:#F2D4FF ;
}
.field45
{
padding:5px;
margin: 5px;
width: 450px; 
border-color: black;
background-color:#F2D4FF ;
}

.field5
{
padding:5px;
margin: 5px;
width: 500px; 
border-color: black;
background-color:#9EC68E ;
}

.field400
{
padding:5px;
margin: 5px;
width: 600px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field200
{
padding:5px;
margin: 5px;
width: 400px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field600
{
padding:5px;
margin: 5px;
width: 900px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}

.button1m {
    padding: 5px 20px;
    background-color: black;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    
}

.button1m:hover {
    padding: 5px 20px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.timeButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:1px 1px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.timeButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.timeButton:active {
	position:relative;
	top:1px;
}