/*
#=================================================================
#
#  Author: Thomas Wahlmann
#
#=================================================================
 */



/*
 * main layout concept
 */
body {
   font-family: Arial,sans-serif;
   font-size: 13px;
   color: black;
   margin: 0 auto;
   background-color: #D0D0D0;
}

#main_layout{
   width: 100%;
   border-spacing: 0px;
}
#header_left  {   }
#header_right {   }
#header_middle {
   background-repeat: no-repeat;
   width: 1125px;
   height: 103px;
}
#content_left  {   background-image: url(image/shadow_left.png);  background-position: top right; background-repeat: repeat-y;  }
#content_right {   background-image: url(image/shadow_right.png); background-position: top left;  background-repeat: repeat-y;  }
#content_middle {
   background-color: #FFFFEE;
   text-align: left;
   padding: 10px;
   width: 1100px;
}
#footer_left  {   background-image: url(image/shadow_buttomleft.png);  background-position: top right; background-repeat: no-repeat;  }
#footer_right {   background-image: url(image/shadow_buttomright.png); background-position: top left;  background-repeat: no-repeat;  }
#footer_middle {
   background-image: url(image/shadow_buttom.png);
   background-repeat: repeat-x;
   background-position: top right; 
   height: 20px;
}


/* header & links */
h1 {  color: white; background-color: #303030;   margin-right: 00%;  padding-left: 20px; }
h2 {  color: white; background-color: #404040;   margin-right: 10%;  padding-left: 20px; }
h3 {  color: white; background-color: #505050;   margin-right: 20%;  padding-left: 20px; }
h4 {  color: white; background-color: #606060;   margin-right: 30%;  padding-left: 20px; }

h1 { margin-top: 0px; margin-bottom: 5px;   }
hr { margin-right: 60%; }

h1, h2, h3, h4 { border-radius: 7px; }


span.small    { padding-left: 10px;   font-size: 85%;  font-weight: normal; }
div.small     {   font-size: 85%;  }

td, th {  white-space: nowrap;  }


a:link    {  color: #303090; /* text-decoration: none;*/ }
a:visited {  color: #403090; /* text-decoration: none;*/ }
a:hover   {  color: #303090; text-decoration: underline; }

/*a:before {
   content: ">";  text-decoration: none;
   padding-right: 5px;  padding-left: 5px;
   color: #6060FF;
   font-size: 70%; font-weight: bold;
}*/

/* remove border around images in links (for IE) */
a > img { border: 0; }

/*
 * footer
 */
span.footer { 
   display: block;
   position: relative;
   border-top: 5px solid #2C367D;
   margin-right: 10%; 
   margin-top: 30px;   
   color: #505050;
   font-size: 80%;
   height: 10px;
}
span.footer .left   {  position: absolute; left:  0%;  width: 40%;   }
span.footer .middle {  position: absolute; left: 40%;  text-align: center; }
span.footer .right  {  position: absolute; right: 0%;  color: #D0D0D0;  font-style: italic;  }

/*   
span.warning {
   background-color: #DDDDFF;
   color: red;
   margin-top: 7px;
}
*/

/*
 * login dialog
 */
form.login {
   border-radius: 15px; 
   width: 50%;
   border: 3px solid #808080;
   background-color: #F8F8F8;
   margin: 15px;  
   padding: 15px;
   margin-left: 150px;
   text-align: center;
}
form.login .greet,
form.login .message,
form.login .field,
form.login .info,
form.login .submit {
   display: block;
   border-radius: 5px;
   padding: 3px;
   margin-top: 0px; margin-bottom: 15px;  
   margin-left: 50px; margin-right: 50px;
   color: black;
}
form.login .greet {
   font-size: 130%;
   background-color: #303030;
   color: #F0F0F0;
   margin-left: 0px; margin-right: 0px;
}
form.login .message {
   background-color: #9D2C36;
   color: white;
}
form.login .field {
   border: 1px solid #404040;
   margin-top: -1px; margin-bottom: 0px;
   color: black;
}
form.login .info {
    font-size: 85%;
}
form.login .submit {
   padding-top: 10px; 
   margin-bottom: 0px;
}

form.login .field .text,
form.login .field input {
   display: inline-block; 
   width: 80px; 
}

/*
 * login info
 */
 
#logininfo { display: block;  position: relative; }
#logininfo .userinfo {
   position: absolute; right: 20px;
   text-align: right;
   font-size: 90%;    
   color: white;
}
#logininfo .userinfo .logout a {
   background-color: #FF3030;      color: white;
   border-radius: 3px; 
   padding-left: 5px; padding-right: 5px;
   text-decoration: none; 
   font-weight: bold;
}

/*
 * navigation /locale
#6070FF
   display: inline-block;
   border-bottom: 2px solid #F68C1F;
   position: relative; bottom: -2px; 
 */
div#navigation {
   padding: 0px 20px;
   text-align: right;
   margin-top: -5px;
}
div#navigation .nav_entry { 
   display: inline-block;  
   border-radius: 4px 3px 0px 0px; 
   border: 2px solid #F68C1F; 
   border-bottom: none;
   padding: 0px 5px;
   margin: 0px 3px;
}
div#navigation .nav_entry  a {
   color: #303030;
   text-decoration: none;
}
div#navigation .nav_entry.active {
    background-color: #FFaC3F;
}
div#navigation .nav_entry.active  a {
    font-weight: bold;
}

/*
 * autoupdate
 */
span.autoupdate {
   display: inline-block; 
   border: 1px dashed #808080;
   padding-left: 5px;  padding-right: 5px;
   padding-top: 1px;  padding-bottom: 1px;
   margin: 5px;
   border-radius: 4px;
   font-size: 85%;
}
span.autoupdate.red     {  background-color: #FFa0a0;   }
span.autoupdate.green   {  background-color: #a0FFa0;   }
span.autoupdate.orange  {  background-color: #FFdFa0;   }
span.autoupdate.grey    {  color: #606060; font-style: italic;  }

span.autoupdate.error  {  color: #FF0000;  }



/*
 * vms_tag 
 */

/* container div */
.vms_tag              {  width: 110px;  }
.vms_tag.physical_a   {  width: 140px;  }
.vms_tag.virtual_wide {  width: 270px;  }
.vms_tag.parksign     {  width: 150px;  }


.vms_tag .hidden { display: none; }

/* text */
.vms_tag .text {
    height: 50px;
    padding: 5px 3px;
    color: #FA9509; 
    border: 2px solid #808080;  background-color: #EEEEEE;
    font-family: Terminal,monospace;   white-space: pre;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.vms_tag.physical_s   .text {  background-color: #101010;  }
.vms_tag.physical_a   .text {  background-color: #101010;  }
.vms_tag.vms_rgb_d    .text {  background-color: #101010;  }
.vms_tag.virtual      .text {  background-color: #000060; cursor: default;  }
.vms_tag.virtual_wide .text {  background-color: #000060; cursor: default;  }
.vms_tag.parksign     .text {  background-color: #101010; border-width: 2px 6px; }


.vms_tag .text.message { line-height:145%;  letter-spacing: 1.25px; }
.vms_tag.physical_a .text.message, /* 4 line signs */
.vms_tag.parksign   .text.message,
.vms_tag.vms_rgb_d  .text.message  { line-height: 120%;     height: 55px;  }

.vms_tag .text.journey { line-height:110%;   }
.vms_tag .text.jtm     { 
   color: #EEEEEE; 
   font-family: Arial,sans-serif;
   font-style: italic;
   font-size: 12px;
}

.vms_tag .text.error    {
    border-color: #D00000 !important;
    border-style: solid   !important;
}

.vms_tag.vms_rgb_d .text  {  border: 2px dotted #FF8080;  }

/* info */
.vms_tag .info {
   background-color: #106010;
   color: white;
   /*position: relative;   bottom:-3px;*/
   margin: 2px auto;
   text-align: center;
}
.vms_tag .info.error    {  background-color: #FF3030 !important;     }
.vms_tag .info.warn     {  background-color: #D07000 !important;     }


/* 
    [JxxxCF] / [JxxxCB] color codes
    GREEN => 3, AMBER => 8, RED => 1, BLACK => 4
*/
.vms_tag .text .jt_color_fg1 { color: #FF0000; } /* 1 red     */
.vms_tag .text .jt_color_fg2 { color: #FFFF00; } /* 2 yellow  */
.vms_tag .text .jt_color_fg3 { color: #00FF00; } /* 3 green   */
.vms_tag .text .jt_color_fg4 { color: #00FFFF; } /* 4 cyan    */
.vms_tag .text .jt_color_fg5 { color: #0000FF; } /* 5 blue    */
.vms_tag .text .jt_color_fg6 { color: #FF00FF; } /* 6 magenta */
.vms_tag .text .jt_color_fg7 { color: #FFFFFF; } /* 7 white   */
.vms_tag .text .jt_color_fg8 { color: #FFA500; } /* 8 orange  */
.vms_tag .text .jt_color_fg9 { color: #FF8000; } /* 9 amber   */

.vms_tag .text .jt_color_bg1 { background-color: #FF0000;  color: #000000; }
.vms_tag .text .jt_color_bg2 { background-color: #FFFF00;  color: #000000; }
.vms_tag .text .jt_color_bg3 { background-color: #00FF00;  color: #000000; }
.vms_tag .text .jt_color_bg4 { background-color: #00FFFF;  color: #000000; }
.vms_tag .text .jt_color_bg5 { background-color: #0000FF;  color: #000000; }
.vms_tag .text .jt_color_bg6 { background-color: #FF00FF;  color: #000000; }
.vms_tag .text .jt_color_bg7 { background-color: #000000;  color: #000000; }
.vms_tag .text .jt_color_bg8 { background-color: #FFA500;  color: #000000; }
.vms_tag .text .jt_color_bg9 { background-color: #FF8000;  color: #000000; }


/*
 * preview on sign page
 */
.vms_tag.preview .text {
   font-size: 15px;
   line-height:160%;
   width: 180px; height: 80px;
   letter-spacing: 4px;
   cursor: default;
   display: block;
   background-color: #101010;
}
.vms_tag.preview.physical_s .text {  width: 200px;  }
.vms_tag.preview.physical_a .text {  width: 250px;  }
.vms_tag.preview.parksign   .text {  width: 270px; border-width: 3px 8px;    text-align: left;  }

.vms_tag.preview.physical_a .text, /* 4 line signs */
.vms_tag.preview.parksign   .text {  height: 80px; line-height:135%;  }


.vms_tag.preview {
    margin: 20px;
}




/*
 * post-message - page
 */
.message-toolbar {
   margin-top: 10px;
   text-align: center;
}
.message-table tr {
   vertical-align: top;
}

#message-tabs-table tr td {
   vertical-align: top;
}

.hide { display: none; }

/* modified dialog-buttons */
.btn_delete {
   background-color: #FF6060 !important;
   background-image: none !important;
}
.btn_post {
   background-color: #40E040 !important;
   background-image: none !important;
}
.btn_ok {
   background-color: #4040E0 !important;
   background-image: none !important;
}

/* saved messages list */
.vms_list_line {
    border: 3px solid #808080;
    padding: 4px 3px;
    font-family: monospace;
    text-align: center;
    white-space: pre;
    font-size: 11px;
    color: #FA9509;  
    background-color: #000000; 
    opacity: 0.75;
}

.space25  {  width:  25px; display: inline-block;  }
.space50  {  width:  50px; display: inline-block;  }
.space100 {  width: 100px; display: inline-block;  }


/*
 * misc
 */
 
/* error message */
.error-msg {
   display: inline-block;
   background-color: #FF8080;
   border: 1px dashed #808080;
   border-radius: 4px;
   font-weight: bold;
   padding: 3px;
   margin: 3px;
}

/* info message (at top of page) */
span.info-msg {
   display: inline-block;
   padding: 1px 25px;
   margin-top: 15px;
   border-radius: 4px;
   font-size: 115%;
} 

span.info-msg.note  {   background-color: #6070FF;      color: white;  }
span.info-msg.error {   background-color: #FF6070;      color: white;  }


/*
 * subscription
 */
span.subs         {  padding: 0px 3px;     border-radius: 3px;  margin-left: 5px; }
span.subs.red     {  background-color: #DF8080;   }
span.subs.orange  {  background-color: #DFBF80;   }
span.subs.black   {  background-color: #404040;  color: white;  }
span.subs.white   {  background-color: white;     border: 1px solid #808080;   margin-left: 25px;  }
.hand {  cursor: pointer; }



/*
 * tags
 */
.tag  {
   display: inline-block;
   padding-left: 5px;  padding-right: 5px; 
   text-align: center;
   border-radius: 4px; border: 1px solid #808080; 
   color: #303030;  background-color: #F0F0F0;
}
.tag.admin      {   color: #303030;  background-color: #FF8080;   }
.tag.operator   {   color: #303030;  background-color: #8080FF;   }
.tag.supervisor {   color: #303030;  background-color: #FF80FF;   }
.tag.status     {   color: #303030;  background-color: #70FF70;   }

.tag.yes     {   color: #E0E0E0;  background-color: #008000;   }
.tag.no      {   color: #404040;  font-style: italic;   }

.tag.red     {   background-color: #FFA0A0;   }
.tag.green   {   background-color: #A0FFA0;   }
.tag.blue    {   background-color: #A0A0FF;   }

.button  {
   display: inline-block;
   padding: 3px 10px; 
   margin: 5px; 
   text-align: center;
   border-radius: 4px; border: 1px solid #303030; 
   color: #303030;  background-color: #e0e0e0;
}
.button a { color: #303030; }

/*
 * role preset tags  
 *   (in "edit user privileges" dialog) 
 */

#role_preset { padding: 5px 20px;   }
#role_preset .tag { 
   margin: 5px;
}

/*====================================================

/*
div.top_bar .locale   {   border-right: 1px solid #99A2AB; border-left: 1px solid #99A2AB; }
*

/*
 ************* content table *************
 */
span.content table {
   border: 3px solid #808080; border-collapse:collapse;
   background-color: #F8F8F8;
   margin-top: 15px;
}
span.content table td,
span.content table th {
   border: 1px solid #808080;  border-collapse: collapse; 
   padding: 5px;
   vertical-align: top;
}

span.content table th {
   text-align: center;
   font-weight: normal;
   font-style: italic;
   background-color: #e0e0e0;
   color: #505050;
}
tr.tablesubheader th { font-size: 80%;    border-top: none; }


table td.value  {  text-align: right;   }
table td.center {  text-align: center;  }
table td.small  {  font-size: 80%;      }




/*
 ************* info table *************
 */
span.info table {
   border-radius: 7px; 
   border: 2px solid #808080; border-collapse: collapse;
   background-color: #F8F8F8;
   margin: 15px;
}
span.info table td,
span.info table th {
   border: 1px dashed #808080;
   border-collapse: collapse;
   padding: 3px;
   vertical-align: top;
   font-size: 85%;
}

span.info table th {
   text-align: left;
   font-weight: normal;
   font-style: italic;
   background-color: #e0e0e0;
   color: #606060;
}



/*
 * journey table
 */
table td.black    {  background-color: #606060; color: #FFFFFF   }
table td.red      {  background-color: #FFa0a0;   }
table td.orange   {  background-color: #FFdFa0;   }
table td.green    {  background-color: #a0FFa0;   }
table td.grey     {  color: #606060; font-style: italic;  }



/*
 * filter form
 */
 
form.filter {
    font-size: 80%;  
    border: 1px solid #a0a0a0;
    background-color: #dddddd;
    padding: 10px;
    margin: 5px;  margin-left: 10px;
    width: 80%;
}

form.filter table td {
   vertical-align: top; 
   /*text-align: right; */
   padding-top:    0px;
   padding-bottom: 0px;
   padding-left:  15px;
}



/*
 * route table
 *
tr.row1 {   border-top: 2px solid #808080; border-collapse:collapse }

table.route_info    {    padding: 0px;   margin: 0px;  }
table.route_info td {    vertical-align: top;   padding-right: 10px;  }
table.route_info td span.info table {    margin: 0px;    }

span.info table th.locA {   color: #FF2020;   }
span.info table th.locB {   color: #2020FF;   }

*/