@charset "UTF-8";
/*<?php // Escaping for PhpDocumentor //
/**
 * NV Core CSS : Mobicall Web Edition
 *
 * @category   Core
 * @package    YAML-CSS
 * @subpackage Environment
 * @author     Tibor Sekelj <tibor@newvoiceasia.com>
 * @author     Willi Baertsch <baertsch@newvoice.ch>
 * @access     public
 * 
 * @copyright  2010 Mobicall Web Edition / New Voice International AG
 * @link       http://www.newvoice.ch
 * @license    -
 * @version    $Id: nvweb.css 629 2010-06-15 08:13:28Z willi $
 * @since      2010-05-04 Portation
 */

@media screen, projection
{
  * {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
  }

  body {
    overflow-y: scroll;   /* Force vertical tool bar */
    display: block;      /* Is this needed? */
    font-size: 0.83em;
    text-align: center;
  }


  /* Layout: Width, background and border */
  .page_margins { margin: 5px; }
  .page { 
    min-width: 990px;
    width: auto;
  }


  /* Simulate old page_main container (borders) */
  #main {
    background-color: #FFFEEE;
    border: 2px solid #CCCCFF;
    border-top-width: 5px;
    border-top-color: #5aa5bd;
    padding: 2px;
    margin: 0 0 1px 0;
  }

  a,a:link,a:visited,a:hover,a:active,a:focus {
    text-decoration: none;
    color: #0000FF;
    background-color: inherit;
  }

  a:hover { text-decoration: underline; }
  a img,area,map { border: none; }

  h1 {
    background-color: inherit;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0em 0em 0.1em;
    color: #003379;
  }

  h2 {
    background-color: inherit;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0em 0.56em 0.56em;
    color: #1C529B;
  }

  h3,h4,h5,h6 {
    background-color: inherit;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0em 0.65em 0.65em;
    color: #4875B3;
  }

  p { margin: 0em 0em 0.3em; }

  .vertical_align_top { vertical-align: top; }
  .vertical_align_middle { vertical-align: middle; }
  .vertical_align_bottom { vertical-align: bottom; }

  .text_align_left { text-align: left;}
  .text_align_center { text-align: center; }
  .text_align_right { text-align: right; }

  .float_left { float: left; }
  .float_right { float: right; }

  .clear_none { clear: none; }
  .clear_both { clear: both; }
  .clear_left { clear: left; }
  .clear_right { clear: right; }

  .strong { font-weight: bold; }

  .font_style_italic { font-style: italic; }


  /* Header elements*/
  #page_header {
    border: 2px solid #ccccff;
    background-color: #ffffcc;
    color: inherit;
    height: 4em;
  }

  #page_title {
    font-size: 1.5em;
    color: #003379;
    background-color: inherit;
    font-weight: bold;
    padding: 0.75em 0em;
    clear: none;
    text-align: center;
  }

  .page_headerbox {
    float: left;
    clear: none;
    height: 4em;
  }

  .page_headerbox_center {
    float: left;
    clear: none;
    height: 4.2em;
    width: 59.3%;
  }

  #title_logo_left {
    text-align: left;
    width: 20%;
    padding-left: 0.2em;
  }

  #title_logo_right {
    text-align: right;
    width: 20%;
    padding-right: 0.2em;
    float: right;
  }


  /* System menu elements*/
  #system_menu {
    text-align: center;
  }

  #system_menu ul {
    list-style-type: none;
    clear: both;
    margin: 0em;
  }

  #system_menu li {
    margin: 0em 0.1em .1em 0em;
    background-color: #ffffcc;
    color: inherit;
    float: left;
    white-space: nowrap;
    line-height: 1.2em;
  }

  #system_menu a {
    display: block;
    border: 1px solid #ccccff;
    padding: 0.1em 0.3em 0.2em 0.3em;
    font-weight: bold;
    color: #0343A9;
    text-decoration: none;
    background-color: inherit;
  }

  #system_menu a:hover {
    text-decoration: underline;
    background-color: inherit;
  }

  #system_menu .current_tab a{
    border: 1px solid #ccccff;
    padding: 0.1em 0.3em 0.2em 0.3em;
    background-color: #FFD75F;
    color: #333;
  }

  #system_menu .current_tab a:hover{
    color: #333;
    background-color: #FFD75F;
  }


  /* Tabbed menu and content elements */
  .tab_menu_level1,.tab_menu_level2,.tab_menu_level3 {
    font-size: 0.93em;
    width: 97%;
    clear: both;
    float: left;
  }

  .tab_menu_level1 ul,.tab_menu_level2 ul,.tab_menu_level3 ul {
    padding: 0em 0.4em;
    list-style-type: none;
    margin: 0em 1em;
  }

  .tab_menu_level1 li,.tab_menu_level2 li,.tab_menu_level3 li {
    margin: 0em 0.05em;
    float: left;
    white-space: nowrap;
  }

  .tab_menu_level1 a,.tab_menu_level2 a,.tab_menu_level3 a {
    color: #000000;
    padding: 3px 7px 3px 7px;
    font-weight: normal;
    display: block;
    border: 1px solid #BFC0FF; 
    border-bottom: none;    
    text-decoration: none;
  }

  .tab_menu_level1 a:visited,.tab_menu_level2 a:visited,.tab_menu_level3 a:visited { color: #000000; }

  .tab_menu_level1 a:hover,.tab_menu_level2 a:hover,.tab_menu_level3 a:hover {
    color: #000000;
    border-bottom: none;    
    text-decoration: underline;
  }

  .tab_menu_level1 li,.tab_menu_level1 a:hover{ background-color: #FFFEEE; }
  .tab_menu_level2 li,.tab_menu_level2 a:hover{ background-color: #FFFDDE; }
  .tab_menu_level3 li,.tab_menu_level3 a:hover{ background-color: #FFF2CF; }
  
  .tab_menu_level1 .current_tab a,.tab_menu_level2 .current_tab a,.tab_menu_level3 .current_tab a {
    font-weight: bold;
    border: 1px solid #BFC0FF;
    border-bottom: none;
    background-color: #DFEFFF;
  }

  .tab_menu_level1 .current_tab a:hover,.tab_menu_level2 .current_tab a:hover,.tab_menu_level3 .current_tab a:hover {
    border: 1px solid #BFC0FF;
    border-bottom: none;
    background-color: #DFEFFF;
  }

  .tab_content_level1,.tab_content_level2,.tab_content_level3 {
    padding: 0.5em;
    float: left;
    width: 98.5%;
    text-align: left;
    border: 1px solid #CCCCFF;
    background-color: #FFFDDE;
    color: inherit;
    position: relative;
  }

  .tab_content_level2 {
    background-color: #FFF2CF;
    color: inherit;
  }

  .tab_content_level3 {
    background-color: #FFE8BF;
    color: inherit;
  }


  /* Footer elements */
  #page_footer {
    border: 2px solid #ccccff;
    background-color: #ffffcc;
    color: inherit;
    height: 2.6em;
    text-align: center;
  }

  #page_footer p {
    padding: 0.3em;
    font-size: 0.8em;
  }


  /* Form elements */
  form { text-align: left; }

  fieldset {
    float: left;
    margin: 0.3em 0.3em 0em 0em;
    padding: 0.5em;
    border: 2px groove white;
  }

  legend {
    font-weight: bold;
    padding: 0.3em 0.2em 0.2em 0.1em;
    margin-top: 0em;
    color: #000000;
  }

  legend span a img { vertical-align: top; }

  label {
    vertical-align: middle;
    width: 10em;
    margin: 0.1em 0.37em 0.2em 0em;
    padding-top: 0.3em;
    display: block;
    clear: none;
    float: left;
  }

  textarea,button,select,input {
    vertical-align: middle;
    width: 15.74em;
    margin: 0.2em 0.37em 0.2em 0em;
    float: left;
  }

  select {
    font-size: 1.015em;
    padding-left: 0em;
  }

  option { padding: 0em 0.2em; }

  textarea { font-size: 1em; }

  form br { clear: both; }


  /* Bugfix: HR would be 1px wide without width specification. */
  fieldset hr {
    width: 42em;
    margin: 0.2em 0em;
    font-size: 1.0001em;
  }

  .checkbox,.radio {
    margin: 0.2em 0.3em 0.2em 0em;
    width: 1em;
    font-size: 1em;
    vertical-align: top;
  }

  .readonly {
    background-color: #DDD;
    color: inherit;
  }

  input [readonly],textarea [readonly],select [readonly],button [disabled] {
    background-color: #DDD;
    color: inherit;
  }

  input [type=submit] {
    border: 1px outset #000;
    background: #FFA20F;
    font-weight: bold;
    color: inherit;
  }

  .button,button {
    border: 1px outset #000;
    background: #FFD75F;
    font-weight: bold;
    color: inherit;
    font-size: 101%;
  }

  .icon_button {
    width: 18px;
    height: 18px;
  }

  .button:hover,button:hover {
    border: 1px outset #F00;
    background: #FFC63F;
    font-weight: bold;
    color: inherit;
    font-size: 101%;
  }

  input [type=submit]:hover {
    border: 1px outset #F00;
    background: #FFC63F;
    font-weight: bold;
    color: inherit;
  }

  .disabled {
    background: #CCC !important;
    color: #6F6F6F !important;
  }


  /* Field elements */
  .fieldS { width: 5em; }
  .fieldM { width: 10.37em; }
  .fieldL { width: 15.74em; }
  .fieldXL { width: 21.11em; }
  .fieldXXL { width: 26.48em; }
  .fieldUL { width: 29.85em; }
  .fieldUUL { width: 33.22em; }

  select.fieldS { width: 5.3em; }
  select.fieldM { width: 10.60em; }
  select.fieldL { width: 16em; }
  select.fieldXL { width: 21.4em; }
  select.fieldXXL { width: 26.68em; }


  /* Form arrows elements */
  .icon_big {
    width: 29px;
    height: 18px;
  }

  .sort_icon_small {
    width: 15px;
    height: 8px;
  }

  .form_inline_text {
    vertical-align: middle;
    display: inline;
  }

  .form_inline_text br { clear: none; }

  div.buttons_box {
    float: left;
    clear: none;
    margin: 0em 1em 0em 0em;
  }

  .buttons_box select { margin: 0.2em 0em 0em 0em; }

  .buttons_box input { margin: 0.2em 0em; }

  #mediaplayer,#mediaplayer embed {
    width: 26.4em;
    float: left;
    margin: 0.5em 0em 1em;
    display: block;
    height: 5.2em;
  }


  /* Messages elements */
  .alert_msg {
    color: #F00;
    background-color: inherit;
  }

  .application_alert_msg {
    color: #F00;
    background-color: white;
    border: 1px solid red;
    padding: 0.2em;
  }

  .application_warning_msg {
    color: #00F;
    background-color: #FFF;
    border: 1px solid #00F;
    padding: 0.2em;
  }

  .application_info_msg {
    color: #080;
    background-color: #FFF;
    border: 1px solid #080;
    padding: 0.2em;
  }

  #main p.application_warning_msg,#main p.application_info_msg,#main p.application_alert_msg {
    margin: 0em 0em 0.3em;
    text-align: center;
  }

  #main form fieldset p.application_warning_msg,#main form fieldset p.application_alert_msg,#main form fieldset p.application_info_msg {
    margin: 0em 0em 0.5em;
    text-align: left;
    clear: both;
    float: none;
  }

  #main form p.application_warning_msg,#main form p.application_alert_msg,#main form p.application_info_msg {   
    margin: 0em 0em 0.5em;
    text-align: left; 
    float: left;      
  }


  /* NVS pager settings elements */
  .nvs_pager {
    clear: both;
    float: none;
    display: block;
    text-decoration: none;
  }

  span.pager_current_button {
    height: 1.45em;
    text-align: center;
    background-color: #DFEFFF;
    width: 2.85em;
    text-decoration: none;
    color: #000;
    float: left;
    font-size: 11px !important;
    margin: 0.3em 0.1em 0.3em 0.1em;
  }

  span.pager_current_button:hover {
    border: 1px outset #000;
    background-color: #DFEFFF;
  }

  span.pager_button_disable {
    height: 1.45em;
    text-align: center;
    background-color: #CCC;
    width: 2.85em;
    text-decoration: none;
    color: #6F6F6F;
    float: left;
    font-size: 11px !important;
    margin: 0.3em 0em 0.3em 0.1em;
  }

  span.pager_button_disable:hover {
    border: 1px outset #000;
    background-color: #CCC;
    color: #6F6F6F;
  }

  input.pager_button {
    height: 1.63em;
    text-align: center;
    background-color: #FFD75F;
    width: 3.05em;
    color: #000;
    text-decoration: none;
    font-size: 11px !important;
    float: left;
    margin: 0.3em 0em 0.3em 0.1em;
  }

  a.pager_button {
    height: 1.45em;
    text-align: center;
    width: 2.85em;
    text-decoration: none;
    color: #000;
    float: left;
    font-size: 11px !important;
    margin: 0.3em 0em 0.3em 0.1em;
  }


  /* NVS calendar settings elements */
  .nvs_calendar_pmvc tr td {
    padding: 0em;
    width: 1em;
  }

  /* nvs calendar reset calendar button */
  .calreset_button {
    width: auto;
  }

  table.nvs_calendar_pmvc tr td * { margin: 0em; }

  a.button,a.button:hover,a.button:visited,a.button:active,a.button:focus {
    text-align: center;
    background-color: #FFA20F;
    color: #000;
    text-decoration: none;
  }

  .helpmessage_editor {
    background-color: #FFFEEE;
    border: 2px solid #CCCCFF;
    color: inherit;
    margin: 0.2em auto 0.3em;
    overflow: hidden;
    padding: 1em 0.5em 0.5em;
    width: 97%;
  }

  .helpmessage_textarea {
    width: 40em;
    height: 5em;
  }


  /*  Not often used elements   */
  ul { margin: 0em 1em 0.5em 2.5em; }
  ol { margin: 0em 1em 0.5em 3.5em; }

  caption {
    font-weight: bold;
    text-align: center;
    margin: 0 0 0.2em;
  }

  table {
    border-collapse: collapse;
    border: 1px solid #999;
    empty-cells: show;
    font-size: 1em;
  }

  fieldset table { margin: 0em 0em 0.3em; }

  td {
    border: 1px solid #999;
    padding: 0.2em;
  }

  th {
    border: 1px solid #999;
    padding: 0.2em;
    font-weight: bold;
    text-align: left;
    background-color: #ffffcc;
  }


  /* Rare HTML elements*/
  abbr,acronym,dfn {
    font-weight: bold;
    color: #666;
    background-color: inherit;
  }

  address {
    margin: 0em 1em 0.5em;
    font-style: italic;
  }

  blockquote {
    width: 31em;
    color: #0000FF;
    background-color: #EEE;
    margin: 0em 1em 0.5em;
    padding: 0.5em;
    border: 1px solid #999;
  }

  blockquote p { margin: 0em; }

  dl { margin: 0em 1em 0.5em; }

  pre {
    color: #0000FF;
    background-color: #EEE;
    text-align: left;
    margin: 0em 1em 0.5em;
    padding: 0.5em;
    border: 1px solid #999;
  }

  .widthAuto { width: Auto; }

  .displayNone { display: None; }


  /* Using for inlinehelp editor and PO editor*/
  .item_fuzzy { background-color: #FFE8BF; }
  .item_complete { background-color: #FFF9DF; }
  .item_empty { background-color: #DFEFFF; }


  /* Using for inlinehelp */
  .nvsinlinehelp_intro_container {
    background-color: #f4f9ff;
    text-align: left;
    border: 1px solid #dfefff;
    margin: 0em 0em 0.5em 0em;
    width: 100%;
  }

  .nvsinlinehelp_info_container {
    background-color: #f4f9ff;
    text-align: left;
    border: 1px solid #dfefff;
    margin: 0.5em 0em 0em 0em;
    width: 100%;
  }

  .nvsinlinehelp_close_button{ margin: 0.1em 0.1em 0em 0em; }

  .nvsinlinehelp_display_button_container{
    background-image: url(/img/help/nvbackground.png);
    padding: 0em 0em 0.1em 1em;
    font-size: 0.85em;
  }

  .nvsinlinehelp_display_intro_button{ margin: 0em 0em 0.4em; }
  .nvsinlinehelp_display_info_button{ margin: 0.4em 0em 0em; }

  .nvsinlinehelp_content{
    padding: 0.1em 0.2em 0.3em 0.5em;
    clear: left;
    display: block;
  }

  .nvsinlinehelp_inline_button {
    margin: 0.2em 0em 0em 0em;
    vertical-align: middle;
  }


  /* Use logical distinction instead of physical, see HTML/css std. */
  b,big,center,font,s,strike,small,u {
    color: #FF0000;
    background-color: yellow;
    font-weight: bold;
    display: none;
  }
}