/*<?php // Escaping for PhpDocumentor //
/**
 * NV Application CSS : NvScheduler
 *
 * @package   NvScheduler
 * @subpackage CSS
 * @author Tibor Sekelj <tibor@newvoiceasia.com>
 * @author Dunkfun Rasee <rod@newvoiceasia.com>
 * @access     public
 *
 * @copyright  2007 Mobicall Web Edition / New Voice International AG
 * @link       http://www.newvoice.ch
 * @license    -
 * @version    $Id: nvscheduler.css 1316 2013-07-22 16:09:02Z willi $
 * @since      2006-04-21 Creation
 */

td {
    vertical-align: top;
}

tr {
    vertical-align: top;
}

td .checkbox{
    padding-left: 0.2em;
}

fieldset#calendar {
    width: 16em;
    margin-left: 0.5em;
}

fieldset.display_page {
    float: left;
    clear: none;
    width: 550px;
    margin: 0.25em 0em 0em;
}

table.display_page {
    float: left;
    clear: none;
    margin: 0.25em 0em 0em;
}

.btnHideCalendar {
    margin: 2.1em 0em 0em -2.5em;
}

#footer {
    float: left;
    padding-top: 10px;
}

#header {
    width: 70%;
}

.header {
    font-weight: bold;
}

#iMonth_label {
    width: 5em;
}

#iYear_label {
    width: 4.5em;
}

table.default_action {
    width: 16.5em;
}

table.nvs_calendar {
    width: 15em;
}

#lnkBackToAnnualPlan {
    float: left;
    margin: 0.65em 0em 0em 0.5em;
}

#rdo_specialDay {
    width: 1em;
}

#specialDayDate {
    width: 8.4em;
}

#specialDayEvent {
    width: 21.2em;
}

span.planLabel {
    font-style: italic;
}

fieldset.plan_entry {
    width: 62em;
}

#deleteBtn {
    margin: 0em 0em 1em 0em;
}

fieldset.filter_plan_entry{
    width: 45.5em;
}

fieldset.actionSet{
    width: 47.5em;
}

fieldset.actionSetActionEntry{
    width: 45.5em;
}

#lblCnfDelete {
    width: 19em;
}

#iDay_label, #iBeginHour_label, #iEndHour_label {
    width: 13em;
}

fieldset.admin {
    width: 64em;
}

#red_bold_text{
   font-weight: bold;
   color: red;
}

.red_text{
   color: red;
}

#iUseDynamicWeekPlan_label {
    width: 50em;
}

#dynamicplan {
    width: 62em;
    padding: 1em;
}

#scheduler_list_table {
    width: 100%;
}

.fieldSS {
    width: 1.5em;
}

.fieldLS {
    width: 13em;
}

.font_small {
    font-size: small;
}

label.sSetSelection_label {
    width: 13.37em;
}

td.actionSet {
    border:none;
    padding:0;
    width:10px;
    margin:0;
}
input.actionSetButton {
   height:12px;
   border:none;
   width:12px; margin:0;
   padding:0;
}

div.actionSet{
    border-style: solid;
    border-width:1px;
    width: 40px;
    height:40px;
    margin-top:-50px;
    float: left;
}

a.calendar {
    font-size: .67em;
}

td.calendar {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
}
#body {
    clear: both;
    width: 100%;
}

#main_calendar {
    float: left;
    padding: 10px 10px 5px 0;
    width: 610px;
}
#main_planlist {
    float: left;
    padding: 10px 10px 5px 0;
    width: 610px;
}
#planlist_side_tool {
    float: left;
    padding: 0px 0 0 0;
    width: 27em;
}

#calendar_side_tool {
    float: left;
    padding: 5px 0 0 0;
    width: 340px;
}

#calendar_side_tool fieldset {
    width: 98%;
}
#calendar_side_tool table {
    width: 100%;
}
.link_after_input {
    padding-top: 8px;
}

input.calendarButton {
   /* background: #FFFDDE; */
    padding: 0;
    margin: 0;
    border: none;
    height:22px;
    width:22px;
    cursor: pointer;
}

input.calendarDefaultAction {
    margin: 0;
    padding: 0;
    border: none;
    height: 2.5em;
    cursor: pointer;
    width: 138px;
}

fieldset.calendarComment {
    margin-bottom: 0.8em;
    width: 96%;
}

textarea.calendarComment {
    width: 90%;
}

div.calendarTools {
    float: left;
    width: 20%;
    margin-top: -0.8em;
}

fieldset.calendarTools {
    width: 23.8em;
}

span.actionSetTools {
    float: left;
}

table.calendarActionSets {
    width: 99%;
}

input.calendarActionSetColor {
    border: none;
    padding:0;
    margin:0;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

div.calendarActionSets {
    width: 24.5em;
}

input.calendarActionSetButton {
    margin-top: 6px;
}

.margin_top {
    margin-top: 6px;
}
.fieldset_acl {
    width: 60em; 
}
.field_readonly {
    background-color: #ddd;  
}
.side_block {
    padding: .6em;
    width: 100%;
}
.icon_margin_right {
    margin-right: 24px;
}
.image_legend {
    margin: 6px 8px;
    width: 275px;
    text-align: left;
}
.link_fieldM {
    float: left;
    width: 10.8em;
}
.table_header_style {
    font-weight: bold;
    background-color: #FFFFCC;
}
.label_button {
    padding-top: 5px;
}

/*
 * GRID CSS
 */

 /* 60px (span=10px pad + 50px label) + 500px (25x 20px li=500px ul) + 4px(for I.E.6) = 564px */ 
#nvgrid {
  float: left;
  width: 564px;
  border: 2px solid #999999;
}

/* padding 60px for span */
#nvgrid ul {
  float: inherit;
  padding: 0px 0px 0px 60px;
  margin: 0px;
  background-color: #FFFFCC;
  border-bottom: 1px solid black;
  font-weight: bold;
  text-align: center;
  list-style: none;
}

/* 1px = 3 min : 20px = 60 min */
#nvgrid ul li {
  float: inherit;
  width: 20px;
  font-weight: inherit;
  display:inline;
  margin: 0px;
  padding:0px;
  text-indent: 0px;
}

/* 50px (label) + 10px (left pad) = 60px (width) */
#nvgrid span {
  float: inherit;
  width: 50px;
  padding-left: 10px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid black;
  height: 20px;
  display:inline;
}

/* 25 x 20px = 500px */
#nvgrid div.dat {
  position: relative;
  float: inherit;
  width: 500px;
  background: url("img/nvhourtick.png") repeat;
  border-bottom: 1px solid black;
  height: 20px;
  text-align: center;
  color: white; 
}

#nvgrid div.clr {
  clear: both;
}

#nvgrid div.dat input {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 10px;
  cursor: crosshair;
}

#nvgrid div.dat div.bar {
  position: absolute;
  height: 16px;
  margin: 2px 0px 0px 10px;
  overflow:hidden;
  white-space:nowrap;
}

#nvgrid div.dat div.bar a {
  display: block;
  height: 100%;
  width: 100%;
  color: inherit;
}

#nvgrid a, a:hover, a:visited, a:active {
  color: white;
}

#nvgrid div.day_label {
    float: left;
    width: 50px;
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid black;
    height: 20px;
}

/*
* div inside of the <li>-tag to force the right width i.e 6 and i.e 7
*/
#nvgrid div.grid_ulwidth {
    float: left;
    width: 20px;
    display:inline;
    font-weight: bold;
    
    
}

/*
* inheritance problems i.e 7 and 6 to reset link color to default
*
*/
a, a:hover, a:visited, a:active {
    color: #0000FF;
}
#nvplanlist table {
    border: none;
    border-collapse: collapse;
    width: 40em;
    border: 1px solid #999999;
}

#nvplanlist tr {
    border: none;
}

#nvplanlist th.th_planname {
    width: 12em;
}

#nvplanlist td.list_planname {
    border: none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    width: auto;
    margin: 0px;
    margin-left: 2em;
    border-spacing: 2px; 
    height: 2em;
    font-weight: normal;
    
}

#nvplanlist td.list_plantype {
	border: none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    height: 2em;
    font-weight: normal;
}

#nvplanlist td.list_planformat {
    border: none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    height: 2em;
    font-weight: normal;
}

#nvplanlist td.list_planlabel {
    border: none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    height: 2em;
    font-weight: normal;
}

#nvplanlist td.list_planaction {
    border: none;
    border-left: 0px solid;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    height: 2em;
    font-weight: normal;
}
.fieldset_toolbar {
	width: 27em;
}

#nvplanlist .td_planname_header {
    font-weight: bold;
}

#nvplanlist .td_planname_header a, a:link, a:hover, a:visited, a:active{
    font-weight: bold;
}

td.td_planname {
    font-weight: normal;
    border-top: 0px solid;
    border-bottom: 0px solid;
    padding-bottom: 0px;
}
td.th_planname {
    font-weight: bold;
    border-top: 0px solid;
    border-bottom: 0px solid;
    padding-bottom: 0px;
}

td.th_planname_icons {
    font-weight: bold;
    border-top: 0px solid;
    border-bottom: 0px solid;
    padding-bottom: 0px;
    height: 100%;
    vertical-align: top;
}

.tdSubError {
    color:  #cc0000;
    background-color: #ffdddd;
}

.tdSubInfo {
    color:  #000000;
}

#nvplanlist .list_title {
    font-weight: bold;
    font-size: 1.2em;
}

#nvplanlist .td_list_selected {
    background-color: #caf5b4;
    padding-top: 0px;    
}
#nvplanlist .th_list_selected {
    background-color: #caf5b4;
    padding-bottom: 0px;
    padding-top: 3px;
    font-weight: bold;
}

#nvplanlist .th_td_border {
    border-top: 1px solid #999999;
}

#nvplanlist .td_list_unselected {
    padding-top: 0px;
}
#nvplanlist .th_list_unselected {
    padding-bottom: 0px;
    padding-top: 3px;
    font-weight: bold;
}

.plan_radio_button {
	display:inline;
	width: 15.74em;
}

input.plan_radio_button {
    width: 1em;
}

#nvlist .td_list_selected {
    background-color: #caf5b4;
}

#nvlist .td_list_title {
   width: 16em; 
}

#nvlist .div_list_title {
   width: 15.8em;
   white-space:nowrap;
   overflow:hidden; 
}

#nvlist .td_list_date {
   width: 8em; 
   
   
}

#nvlist .div_list_date {
   width: 7.8em;
   white-space:nowrap;
   overflow:hidden; 
}


#nvlist .td_list_option {
   width: 9em; 
}

#nvlist .div_list_option {
   width: 8.8em;
   white-space:nowrap;
   overflow: hidden; 
}