body {
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  margin: 0;
}

h1 {
  margin:0 0 2em;
  padding: 0.5em;
  font-size: 1.3em;
}

p.description {
  font-size: 0.8em;
  padding: 1em;
  position: absolute;
  top: 1.2em;
  margin-right: 400px;
}

#calendar_selection {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 1em;
  background: #ffc;
  border: 1px solid #dda;
  width: 270px;
}

#message {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 320px;
  padding: 1em;
  background: #ddf;
  border: 1px solid #aad;
  width: 270px;
}
.daystoshow
{
    font-size: 10px;
}
.finger_icon
{
    cursor: pointer;
}
.wc-nav
{
    height: 24px;
}
.wc-prev, .wc-today, .wc-next
{
    height: 24px;
}
.title_startdate
{
    width: 100px;
}
.buttonstyle
{
    display: inline-block;
    /*background-color: #80FF80;*/
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    font-size: 80%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-radius:5px;
    padding: 2px;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 2px;
}
.buttonstyle:hover
{
    background: #FFFFFF;
    border-color: #C0C0C0;
    
}
.wc-time-header-cell
{
    /*width: 45px;*/
}
#misson_logo
{
    width: 600px; height: 68px; display: inline-block; vertical-align: middle;
}
.colorcodes
{
    font-size: 12px;
}
#div_floating_order_form_button
{
    margin: 5px;
    padding-left:5px;
    padding-right: 5px;
    height: 59px;
    line-height: 59px;
    border-color: #66A066 !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.dialog_grouping
{
    width: 100%;
    border-width: 1px; 
    border-style: solid; 
    border-color: #CCCCCC; 
    background-color: #FFFFFF; 
    padding: 5px; 
    /*box-shadow: 1px 1px 1px #CCCCCC;*/
    border-radius:5px;
}
.asset_name
{
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    border-radius:5px;
    width: 100%;
    padding: 5px;
}
/* asset name and asset edit */
.booking_asset_title,.event_titles
{
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    font-size: 100%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px; 
    padding: 5px;
    height: 24px;
}
.booking_asset_name
{
    border-color: #AAAAAA;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    font-size: 90%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px; 
    padding: 5px;
}
/* feature 2270 calendar_memo */
#booking_memo
{
    background-color: #FFFFFF;
    position:fixed;
    bottom:0;
    left:0;
    height: 15%;
    max-height:15%;
    min-height:40px;
}
.booking_memo_column
{
    float:left;
    overflow:hidden;
    
    height: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
}
.textarea_memo
{
    resize: none;
    float:left;
    width: 85%;
    height: 100%;
    border-width: 1px;
    border-color: #AAAAAA;
    border-style: solid;
    padding: 1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
    
    
}
.save_memo
{
    float:right;
    padding: 0;
    width: 15%;
    
    height: 50%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
      
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    display: inline-block;
    
    background: transparent !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #000000 !important;
}
.save_memo img
{
    height: auto;
    max-height: 90%;
    width: auto;
    max-width: 100%;
    
    vertical-align: middle;
}
.button_full_memo
{
    float:right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 15%;
    
    padding: 0;
    height: 50%;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
.button_full_memo img
{
    height: auto;
    max-height: 90%;
    width: auto;
    max-width: 100%;
    
    vertical-align: middle;
}
#memo_full
{
    display:none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-width: 2px;
    border-color: #AAAAAA;
    border-style: solid;
    padding: 2px;
    font-size: 140%;
    
}
#memo_content
{
    width: 80%;
    height: 100%;
    resize: none;
    padding: 1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 140%;
    background-color: #EEEEEE;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_close_full_memo
{
    position: absolute;
    right:0;
    top:0;
    width: 48px;
    height: 48px;
    background: transparent !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #000000 !important;
}
#memos_title
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 32;
    
}
#button_showhide_memos
{
    float:right;
    width: 48px;
    height: 32px;
    margin-right: 16px;
    text-align: center;
    padding:0;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_showhide_memos img
{
    height: 90%;
    vertical-align: middle;
    text-align: center;
}
#button_position_memo
{
    float:right;
    width: 32px;
    height: 32px;
    margin-right: 0px;
    text-align: center;
    padding:0;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_position_memo img
{
    height: 90%;
    vertical-align: middle;
    text-align: center;
}