/*
 * very small application server v5
 *
 * Remote control style
 *
 * This style can be overwritten by the custom style sheet. Note, that
 * 'remote_control' prefix should not be used in the custom style sheet, unless
 * this result is desired.
 *
 * Most tags are redefined, so in the general case it is enough to say for
 * example <a class="remote_control" ...
 *
 * NOTE ON FONT SIZES
 *
 * This is related to the shift to %.
 *
 * Font sizes are to be given in td, p, span and input elements only, without combining
 * them.
 *
 * Otherwise the % inherit each other, and the font gets smaller.
 */

/*
 *
 * Body
 *
 */
body.remote_control         {
                            background-color: white;
                            font-family: Verdana, Arial, Helvetica, sans-serif;
                            color: #000000;
                            padding-left: 3px; padding-right: 3px;
                            }

/*
 *
 * Administration stripe
 *
 */

table.remote_control_administration
 {
 width: 100%;
 border-bottom: 1px solid white;
 }

td.remote_control_administration
 {
 background-color: silver;
 text-align: right;
 white-space: nowrap;
 }

/*
 * "Remote control" control (generated by {controls on="?"})
 */

div.control_remote_control
 {
 font-family: Verdana;
 font-size: 80%;
 }
a.control_remote_control
 {
 text-decoration: none;
 color: #0066FF;
 }

End.

/*
 *
 * General elements
 *
 */
div.remote_control_dialogue {
                            background-color: #fdb4e0;
                            border-left-color: black;
                            border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 1px;
                            border-style: solid;
                            padding-left: 15px;
                            }

   p.remote_control,
 div.remote_control,
span.remote_control
                            {
                            font-family: Verdana, Arial, Helvetica, sans-serif;
                            font-size: 70%;
                            line-height: 150%;
                            }

   p.remote_control_bold,
span.remote_control_bold
                            {
                            font-family: Verdana, Arial, Helvetica, sans-serif;
                            font-size: 70%;
                            font-weight: bold;
                            line-height: 150%;
                            }

   p.remote_control_gray,
span.remote_control_gray
                            {
                            font-family: Verdana, Arial, Helvetica, sans-serif;
                            font-size: 70%;
                            line-height: 150%;
                            color: gray;
                            }

p.remote_control_monospace  {
                            font-family: monospace;
                            }

span.remote_control_silver  {
                            color: silver;
                            }

a.remote_control            {
                            text-decoration: none;
                            color: #0066FF;
                            }

a.remote_control:link       {
                            text-decoration: none;
                            color: #0066FF;
                            }

a.remote_control:visited    {
                            text-decoration: none;
                            color: #0066FF;
                            }

a.remote_control_su         {
                            text-decoration: none;
                            color: red;
                            }

hr.remote_control           {
                            color: #0066FF;
                            background-color: #0066FF;
                            border: 0;
                            height: 3px;
                            }

/*
 * a:hover must come after a:link and a: visited in order to be effective
 *
 * May be 'red' would be fine in future (but must be unified with all links,
 * incl. the navigation).
 */
a.remote_control:hover      {
                            text-decoration: underline;
                            color: #0066FF;
                            }

/*
 *
 * Navigation
 *
 */
table.remote_control_navigation_wrapper     {
                                            width: 100%;
                                            border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;
                                            padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 1px;
                                            background-color: #0066FF
                                            }

table.remote_control_navigation             {
                                            border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;
                                            padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
                                            background-color: #0066FF
                                            }

td.remote_control_navigation                {
                                            height: 5;
                                            margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;
                                            padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
                                            white-space: nowrap;
                                            font-size: 55%;
                                            }

a.remote_control_navigation                 {
                                            font-family: Verdana, Arial, Helvetica, sans-serif;
                                            color: white;
                                            font-weight: normal;
                                            border-width: 0px 0px 0px 0px;
                                            margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;
                                            padding-left: 5px; padding-right: 5px; padding-top: 0px;
                                            text-decoration: none;
                                            }

a.remote_control_navigation:link            {
                                            font-family: Verdana, Arial, Helvetica, sans-serif;
                                            color: white;
                                            font-weight: normal;
                                            border-width: 0px 0px 0px 0px;
                                            margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;
                                            padding-left: 5px; padding-right: 5px; padding-top: 0px;
                                            text-decoration: none;
                                            }

a.remote_control_navigation:visited         {
                                            text-decoration: none;
                                            color: white;
                                            }

a.remote_control_navigation:hover           {
                                            text-decoration: none;
                                            color: #0066FF;
                                            background-color: white;
                                            }

a.remote_control_navigation_selected        {
                                            font-family: Verdana, Arial, Helvetica, sans-serif;
                                            color: #0066FF;
                                            font-weight: normal;
                                            background-color: white;
                                            padding-left: 5px; padding-right: 5px; padding-top: 0px;
                                            text-decoration: none;
                                            }

a.remote_control_navigation_selected:link   {
                                            font-family: Verdana, Arial, Helvetica, sans-serif;
                                            color: #0066FF;
                                            font-weight: normal;
                                            background-color: white;
                                            padding-left: 5px; padding-right: 5px; padding-top: 0px;
                                            text-decoration: none;
                                            }

a.remote_control_navigation_selected:hover  {
                                            text-decoration: none;
                                            color: #0066FF;
                                            }

a.remote_control_navigation_selected:visited    {
                                                text-decoration: none;
                                                color: #0066FF;
                                                background-color: white;
                                                }

/*
 *
 * Path
 *
 */

p.remote_control_path                       {
                                            font-size: 70%;
                                            color: #0066FF;
                                            }

a.remote_control_path                       {
                                            text-decoration: none;
                                            color: #0066FF;
                                            }

a.remote_control_path:hover                 {
                                            text-decoration: underline;
                                            color: #0066FF;
                                            }

/*
 *
 * Messages
 *
 *
 * Explanation: The excessive color and text-align definitions are needed for
 *              when incorporating the message into containers with other
 *              settings in the custom templates.
 */

p.system_message                            {
                                            font-family: Verdana, Ariel, Helvetica sans-serif;
                                            font-size: 70%;
											color: black;
											text-align: left;
                                            border: 1px solid black;
                                            background: RGB(255,255,153);
                                            padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
                                            }

p.system_error                              {
                                            font-family: Verdana, Ariel, Helvetica sans-serif;
                                            font-size: 75%;
											color: black;
											text-align: left;
                                            border: 2px solid red;
                                            background: RGB(255,255,153);
                                            padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
                                            line-height: normal;
                                            }

/*
 *
 * Pop up
 *
 */
table.pop_up_status_line_wrapper            {
                                            width: 100%;
                                            border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 1px;
                                            padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 1px;
                                            border-style: solid;
                                            border-color: #0066FF;
                                            background-color: #FFFFBB;
                                            }

table.pop_up_status_line                    {
                                            border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;
                                            padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
                                            }

td.pop_up_status_line                       {
                                            font-family: "Courier New", sans-serif;
                                            font-size: 12px;
                                            height: 5;
                                            margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;
                                            padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
                                            white-space: nowrap;
                                            }

/*
 *
 * Remote control standard table
 *
 *
 * Note: Width 100% here gives strange result in IE. Table gets ultra wide.
 *       Solved by assigning width to the columns summing up to 100%.
 */

table.remote_control
                        {
                        border: 0px grey solid;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        }

tr.remote_control_even
                        {
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        background-color: #FFFFBB;
                        }

td.remote_control_title
                        {
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        border-bottom: 1px solid black;
                        height: 25px;
                        /*
                         * Create nicer feeling with empty tables
                         */
						padding-left: 5px;
                        padding-right: 5px;
                        }


a.remote_control_table_title,
a.remote_control_table_title:visited    {
                                        color: #0066FF;
                                        }

/*
 *
 * Different 'data' versions
 *
 * Note: Keep in sync except the differences.
 *
 */

td.remote_control_data       {
                             font-family: Verdana, Arial, Helvetica, sans-serif;
                             font-size: 11px;
                             height: 20px;
                             padding-left: 3px; padding-right: 3px;
                             }

td.remote_control_data_bold  {
                             font-family: Verdana, Arial, Helvetica, sans-serif;
                             font-size: 11px;
                             height: 20px;
                             padding-left: 3px; padding-right: 3px;
                             font-weight: bold;
                             }
/*
 * This was needed as IE does not seem to accept underline on <tr>
 */
td.remote_control_data_underlined {
                             	  font-family: Verdana, Arial, Helvetica, sans-serif;
                             	  font-size: 11px;
                             	  height: 20px;
                             	  padding-left: 3px; padding-right: 3px;
                             	  border-bottom: 1px dotted silver
                             	  }
/*
 *
 * Form elements
 *
 */

td.remote_control_form_label
 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 75%;
 }

span.remote_control_form_label
 {
 padding-left: 3px;
 color: #222222;
 background-color: #eeeeee;
 padding-right: 3px;
 }

td.remote_control_form_description
 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
 }

input.remote_control        {
                            width: 100px;
                            font-size: 75%;
                            font-weight: bold;
                            }

input.remote_control_cancel {
                            width: 100px;
                            font-size: 75%;
                            color: red;
                            font-weight: bold;
                            }

input.remote_control_submit {
                            width: 150px;
                            font-size: 75%;
                            color: green;
                            font-weight: bold;
                            }

/*
 *
 * test & check_and_repair
 *
 */
span.remote_control_test_ok     {
                                font-family: Verdana;
                                font-size: 70%;
                                font-weight: bold;
                                color: green;
                                }

span.remote_control_test_not_ok {
                                font-family: Verdana;
                                font-size: 70%;
                                font-weight: bold;
                                color: red;
                                }

span.remote_control_test_fixed  {
                                font-family: Verdana;
                                font-size: 70%;
                                font-weight: bold;
                                color: blue;
                                }

/*
 * OLD. TO CLEAN UP
 */

.lastupdated { font-family: Verdana; font-size: 10pt; color: #FF6600; text-align: right; vertical-align: bottom}
.form        { font-size: 10pt; text-align: Left; font-weight: bold; color: #FF6600 }
.matrixhead  { font-size: 10pt; text-align: Center; font-weight: bold; color: #FF6600 }
.matrix      { font-size: 10pt; text-align: Center; font-weight: bold }
/*
 * Added font-family for the idle workshop message
 */
.T1             {
                font-family: Verdana;
                font-size: 18pt;
                color: #0066FF
                }
.T2          { font-size: 12pt; font-weight: bold; color: #0066FF}
.T3          { font-size: 12pt; font-weight: bold }
.T4          { font-size: 10pt; font-weight: bold }
.T5          { font-size: 11px; text-align: Justify; color: #000000 }
.T5center    { font-size: 11px; text-align: Center; color: #000000 }
.T5bold      { font-size: 11px; text-align: Justify; color: #000000; font-weight: bold }
.T5red       { font-size: 10pt; text-align: Justify; color: #FF0000}
.T5boldred   { font-size: 11px; text-align: Justify; color: #FF0000; font-weight: bold }
.line        { background-color: #0066ff}
.textField   { border-style: solid; border-width: 1 }
.statusbar   { text-decoration: none; color: #00CCFF; font-size: 10pt; background-color: #0066ff; font-weight: bold}
.e-mail      { text-decoration: underline; color: #0066ff}
.linkintext  { text-decoration: none; color: #0066FF; font-weight: normal}
.selected    { text-decoration: none; color: #FF6600; font-weight: bold }
.T6link      { text-decoration: none; color: #0066ff; }
.navigation  {  color: #0066FF; font-size: 9pt; font-weight: bold}
.navigations {  color: #0066FF; font-size: 9pt; font-weight: bold; text-decoration: underline}
.T3normal    { font-size: 12pt; font-weight: normal}
.T5i      { font-size: 10pt; text-align: Justify ; font-style: italic}
.first       {  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.cal_blank		{
				font-family: Verdana; font-size: 10pt;
				text-align: Right;
				background-color: #FFFFFF;
				color: #999999;
				font-weight: bold;
				border: 1 solid #999999;
				}
.cal_vienna  { font-family: Verdana; font-size: 10pt; text-align: Right; background-color: #FF6600; color: #FFFFFF; font-weight: bold; border: 1 solid #FF6600 }
.T2italicRight { font-size: 12pt; font-weight: normal; color: #FF6600 ; font-style: italic; text-align: right}
.vst_title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #0066FF}

a:hover {  text-decoration: underline}
ul { font-family: Verdana, Arial, Helvetica, sans-serif ; list-style-type: square}
ol { font-family: Verdana, Arial, Helvetica, sans-serif }
.term { text-decoration: underline; color: #009900; font-weight: normal }
.T5italicright { font-size: 10pt; text-align: right; font-style: italic }
.T1black { font-size: 18pt}
.statusbars { text-decoration: none; color: #FF0000; font-size: 10pt; background-color: #0066ff ; font-weight: bold}
.navigationbarb { clip: rect( ); background-color: #0066FF}
.T5killis { font-size: 10pt; text-align: Justify ; color: #333333; font-weight: bold}
.ol-a { font-family: Verdana, Arial, Helvetica, sans-serif ; list-style-type: lower-alpha}
.T5LastUpdated { font-size: 10pt; text-align: Justify ; color: #000000 }
a.intranet { font-weight: bold; color: #000000}
a.intranet:hover { text-decoration: underline ; font-weight: bold; color: #000000}
.T5redBold { font-size: 10pt; text-align: Justify ; color: #FF0000 ; font-weight: bold}
.mono { font-family: "Courier New", Courier, mono }
.silver {  background-color: #FFFF99}
.configurator { border: solid; clip: rect( ); border-width: 0px 0px 1px; border-color: black black #0066FF}

/*
 * old table
 */

.even {  background-color: #99ccff}
.bordertable   { border: 1px #0066FF solid; }

/*
 * standard buttons
 */

input.one_word_button   {
                        width: 100px;
                        }

input.two_words_button  {
                        width: 150px;
                        }



textarea { width: 100%; }


.odd__ {
  background-color: White;
}

.even__ {
  background-color: Silver;
}

.title__ {
  background-color: Silver;
}

.bordertable__   {
  border: 1px #000000 solid;
}

.mandatory__ {
  font-weight : bold;
  font-size : 10pt;
  font-style : normal;
  font-family : sans-serif;
}

.non_mandatory__ {
  font-weight : normal;
  font-size : 10pt;
  font-style : italic;
  font-family : sans-serif;
}

.admin__ {
  border: 1px solid Maroon;
  color : Maroon;
  background-color : #FAF0E6;
  font : normal 9px sans-serif;
  text-decoration : none;
  padding : 0px 1px 0px 1px;
  margin : 1px 1px 0px 0px;
}

.selected__ {
  background-color: #ffe4e1;
}

td.title {
    color: #000000;
    font-family: Courier New, Courier, mono;
    background-color: #cccccc;
}
td.weekend {
    color: #000000;
    font-family: Courier New, Courier, mono;
    background-color: #FFFF99;
}
td.wtitle {
    color: #000000;
    font-family: Courier New, Courier, mono;
    font-weight: bold;
    background-color: #e9e9e9;
}
td.calnormal {
    color: #000000;
    font-family: Courier New, Courier, mono;
    background-color: #FFFFFF;
}
td.currentdate_calendar {
    color: #FFFFFF;
    font-family: Courier New, Courier, mono;
    background-color: #0066FF;
}
td.currentdate_calendar a {
    color: #FFFFFF;
    font-family: Courier New, Courier, mono;
    background-color: #0066FF;
    font-weight: bold;
}

span.vs_disabled    {
                    color: gray;
                    }