
body {
    font: small/normal "Microsoft Yahei", Arial, sans-serif;
    margin: 0;
    font-size: 14px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    scrollbar-face-color: #ccc;
    SCROLLBAR-HIGHLIGHT-COLOR: #eee;
    SCROLLBAR-SHADOW-COLOR: #ccc;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-BASE-COLOR: #ccc;
    SCROLLBAR-DARKSHADOW-COLOR: #ccc;
}

.fc-button {
    background: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
    /*cursor: pointer;*/
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 30px;
    outline: none;
    padding: 0 8px;
    margin: 0 auto;
    text-align: center;
    transition: all .218s;
    -moz-transition: all .218s;
    -moz-user-select: none;
    -o-transition: all .218s;
    -webkit-transition: all .218s;
    -webkit-user-select: none;
}

.fc-button-hover,
.fc-button:hover {
    /*background: #f8f8f8;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #222;
    transition: all 0s;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0s;
    z-index: 80;
}

.fc-button-hover .fc-button-content,
.fc-button:hover .fc-button-content {
    /*background: #f8f8f8;*/
}

.btn-red:hover {
    border: 1px solid #B0281A;
    border-bottom: 1px solid #AF301F;
    color: white;
    background: #C53727;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#C53727));
    background-image: -webkit-linear-gradient(top, #DD4B39, #C53727);
    background-image: -moz-linear-gradient(top, #DD4B39, #C53727);
    background-image: -ms-linear-gradient(top, #DD4B39, #C53727);
    background-image: -o-linear-gradient(top, #DD4B39, #C53727);
    background-image: linear-gradient(top, #DD4B39, #C53727);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn-red:hover .fc-button-content {
    color: white;
    background: #C53727;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#C53727));
    background-image: -webkit-linear-gradient(top, #DD4B39, #C53727);
    background-image: -moz-linear-gradient(top, #DD4B39, #C53727);
    background-image: -ms-linear-gradient(top, #DD4B39, #C53727);
    background-image: -o-linear-gradient(top, #DD4B39, #C53727);
    background-image: linear-gradient(top, #DD4B39, #C53727);

}

.fc-state-active {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #eeeeee, #e0e0e0);
    background-image: -moz-linear-gradient(top, #eeeeee, #e0e0e0);
    background-image: -ms-linear-gradient(top, #eeeeee, #e0e0e0);
    background-image: -o-linear-gradient(top, #eeeeee, #e0e0e0);
    background-image: linear-gradient(top, #eeeeee, #e0e0e0);
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #333;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.fc-button-content {
    font-weight: bold !important;
    /*color: #444;*/
    /*cursor: pointer;*/
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    margin: 0 auto;

}

.ui-datepicker-inline {
    padding: 8px;
}

.fc-border-separate tr .fc-last th.fc-first {
    border-bottom: 0;
}

.rpart .fc-header td {
    padding-top: 1em;
}

.fc-state-active .fc-button-inner {
    background-color: transparent;
    border-color: #ccc;
}

.fc-state-down .fc-button-content {
    background: #f8f8f8;
}

.fc-state-down {
    border: 1px solid #4d90fe;
}

.fc-button-month .fc-button-inner {
    border-right: 0;
    border-left: 1px solid #ccc;
}

.fc-button-agendaDay .fc-button-inner {
    border-left: 0;
    border-right: 1px solid #ccc;
}

.fc-state-default .fc-button-inner {
    border-width: 0;
}

/*.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner,
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner{
	margin: 0;
}*/
.fc-corner-left .fc-button-inner, .fc-corner-right .fc-button-inner {
    margin: 0;
}

#bubbledp,
#ui-datepicker-div {
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.sperate-line {
    height: 0;
    position: absolute;
    top: 75px;
    left: 30px;
    right: 20px;
    border-bottom: 1px solid #ddd;
}

.fc-widget-content {
    border-color: #DDD;
}

.fc-button-inner,
.fc-button-content {
    float: none;
}

.fc-header .fc-corner-right {
    margin-right: 0;
}

.fc-header-left .datepicker-ct {
    margin: 0 16px;
}

#calendar .fc-content,
.fc-button-prev {
    margin: 0 8px;
}

#fc-dtl-t td,
#fc-dtl-t th {
    padding-bottom: 10px;
}

#fc-btn-nn .fc-button {
    margin-right: 2px;
}

.fc-border-separate thead .fc-first th {
    padding-bottom: 5px;
}

/*
 * jqueryui datepicker 
 *
 **********************************************/
.ui-datepicker th {
    padding: 0 0 .7em 0;
}

.ui-datepicker table {
    margin: 0px;
}

.ui-datepicker tbody {
    /*background: #CCC;*/
}

.ui-widget-content {
    border: 0px;
}

.ui-datepicker-calendar .ui-state-default {
    /*background: #CCC;*/
    border: 0px;
}

.ui-datepicker th {
    font-weight: normal;
}

.ui-widget-header {
    font-weight: normal;
}

/*.ui-state-hover .ui-icon{
	background: white;
}*/
.ui-widget-header .ui-state-hover {
    border: 0;
    background: none;
}

.header-container {
    background-color: #fafafa;
}

/*
 * fullcalendar layout 
 *
 **********************************************/

html .fc,
.fc table {
    font-size: 12px;
}

.fc-view {
    padding-top: 14px;
}

/* Header
------------------------------------------------------------------------*/
.fc-header-left {
    width: 15%;
}

#calendar .fc-header-center {
    padding-left: 0;
    /*float: left;*/
}

#calendar .sync-btn-ct {
    float: right;
    margin-right: 8px;
}

.fc-header-right {
    width: 120px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: baseline;
}

#fc-header-googlesync {
    padding-left: 16px;
    width: 114px;
}

#fc-header-options {
    width: 0;
}

#calendarOptions {
}

#option-content {
    background: url(../icons/combined_icon.png) -273px -34px no-repeat;
    height: 17px;
    width: 30px;
    padding: 0 15px;
    opacity: .65;
}

.fc-header-title h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 4px;
}

.fc-agenda-days thead .fc-first {
    border-bottom: none;
    padding-bottom: 2px;
}

.fc-agenda-divider {
    border-top: none;
    background: white;
}

.fc-agenda-allday .fc-day-content {
    border-bottom: 1px solid #CCC;
}

.fc-agenda-allday th.fc-agenda-gutter {
    border-right: 1px solid white;
}

.fc-agenda-gutter.fc-widget-header.fc-last {
    border-bottom: none;
}

.fc-event-title {
    /*color: white;*/
}

.fc-event.fc-event-skin {
    height: 18px;
    padding: 0 1px;
}

.fc-event-head.fc-event-skin {
    height: 18px;
}

.fc-event-vert {
    border-width: 1px 1px;
}

.fc-event-inner.fc-event-skin {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-event-title {
    position: relative;
    top: 2px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-event-time {
    position: relative;
    top: 2px;
}

.fc-event,
.fc-event-vert .fc-event-time {
    font-size: 1em;
}

.fc-event-vert .fc-event-time {
    font-weight: normal;
    padding-left: 10px;
}

.fc-header {
    /*margin-bottom: 5%;*/
}

#gidChange {
    display: inline-block;
    height: 100%;
    cursor: pointer;
    text-align: left;
}

#googleIdLable {
    background-image: url(../icons/combined_icon.png);
    background-size: 588px 166px;
    background-position: -220px -40px;
    position: absolute;
    opacity: 0.8;
    font-size: 0;
    line-height: 0;
    height: 4px;
    width: 7px;
    margin-left: 5px;
    top: 25px;
}

.fc-weeknumber {
    position: absolute;
    z-index: 179;
    cursor: pointer;
}

.fc-wkn-main {
    background-color: #CCC;
    text-align: center;
    margin-right: 5px;
    width: 15px;
    height: 16px;
}

.weeknumber {
    position: relative;
    top: 2px;
}

/*
 * choose Google Calendar ids
 *
 **********************************************/
#chooseGoogleCalendarId {
    position: absolute;
    z-index: 1000;
    width: 500px;
    background: white;
    border: 1px solid #ccc;
    visibility: hidden;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);

}

#cGC-main {
    position: relative;
    height: 300px;
}

#cGC-idContainer {
    position: relative;
    top: 30px;
    margin: 0 auto;
    width: 450px;
    height: 200px;
    /*background-color: #CCC;*/
    overflow: auto;
    border: 2px #F1CA7E solid;

}

#cGC-button {
    position: relative;
    top: 50px;
    left: 258px;
}

#cGC-checkAll {

}

#cGC-submit {

}

/*
 *  weeknumber bubble, wk: week number;
 *
 **********************************************/
#weeknumber {
    z-index: 180;
    position: absolute;
    width: 300px;
    height: 110px;
    border: 1px #CCC solid;
    visibility: hidden;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#wn-close {
    background-image: url(../icons/combined_icon.png);
    position: absolute;
    width: 13px;
    height: 13px;
    top: 8px;
    left: 278px;
    cursor: pointer;
    background-position-x: -228px;
    background-position-y: -48px;
}

#wn-tips-p {
    position: relative;
    top: 30px;
    left: 70px;
}

#wn-separate {
    position: relative;
    border-bottom: 1px #CCC solid;
    top: 45px;
    left: 20px;
    width: 260px;
}

#wn-set-p {
    position: relative;
    color: blue;
    top: 65px;
    left: 180px;
}

#wn-set {
    cursor: pointer;
}

#wn-prong1 {
    position: absolute;
    right: 146px;
    top: 110px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #CCC;
}

#wn-prong2 {
    position: absolute;
    right: 147px;
    top: 110px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid white;
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header {
    font-size: 14px;
    padding: 0 10px;
}

.fc-state-highlight {
    background: #CCC;
}

.fc-cell-overlay {
    background-color: red; /* cp 2012/12/4 */
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-skin {
    border-color: white; /* default BORDER color */
    background-color: pink; /*default BACKGROUND color */
    color: white; /* default TEXT color */
}

.fc-event-vert .fc-event-bg {
    background-color: transparent;
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
    table-layout: fixed; /* cp 2012/12/4 */
}

/* cp 2012/12/4 */
.fc-border-separate thead th.fc-widget-header {
    font-size: 12px;
    font-weight: normal;
    border: none;
    /*border-bottom: 1px solid #CCC;*/
    padding: 0 4px;
    text-align: left;
}

.fc-border-separate th.fc-agenda-axis.fc-widget-header.fc-first {
    border-left: none;
}

.fc-border-separate thead .fc-agenda-axis.fc-widget-header.fc-first {
    border-bottom: 0;
}

.fc-border-separate tbody tr.fc-first td {
    border-top: 1px solid #CCC;
}

.fc-border-separate tbody tr.fc-first td.fc-agenda-gutter {
    border-top: none;
}

/* cp 2012/12/6 */
.fc-agenda-allday tbody tr.fc-agenda-axis {
    border-bottom: none;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
}

.fc-grid .fc-day-number {
    float: left; /* cp 2012/12/4 "default float:right"*/
    padding: 5px 4px 0; /* cp 2012/12/4 ""default padding: 0 2px*/
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px 0 0; /* cp 2012/12/6 */
}

/* divider (between all-day and slots) */
/* cp 2012/12/6 */
.fc-agenda-divider-inner {
    height: 10px;
    overflow: hidden;
}

/* cp 2012/12/6 */
.fc-widget-header .fc-agenda-divider-inner {
    background: #fff;
}

.fc-agenda-divider {
    border-top: 0px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 0;
    border-right: 0;
}

/* cp 2012/12/6 */
.fc-agenda-slots tr.fc-minor th {
    border-top-style: none;
}

/*
 *  defaultcreate bubble, dc: default create;
 *
 **********************************************/
#defaultcreate {
    z-index: 180;
    position: absolute;
    background: white;
    width: 400px;
    height: 200px;
    border: 1px #CCC solid;
    visibility: hidden;
    background: #fff;
    border: 1px solid #ccc;
    visibility: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#dc-close {
    background-image: url(../icons/combined_icon.png);
    position: absolute;
    width: 13px;
    height: 13px;
    top: 13px;
    left: 375px;
    cursor: pointer;
    background-position-x: -228px;
    background-position-y: -48px;
}

#dc-title {
    position: absolute;
    z-index: 181;
}

#dc-main {
    position: relative;
    top: 26px;
}

#dc-t th {
    padding: 10px 5px 10px 0;
    text-align: center;
}

#dc-t td {
    vertical-align: middle;
    padding: 10px 0;
}

#dc-time {
    font-size: 1.1em;
}

#dc-title {
    width: 260px;
}

#dc-tag {
    width: 260px;
}

#dc-create {

    background: #f1f1f1;
    border-color: white;
    position: relative;
}

#dc-t .fc-button {
    top: 0px;
    left: 20px;
}

#dc-details {
    position: absolute;
    color: blue;
    cursor: pointer;
    top: 130px;
    left: 135px;
    font-size: 15px;
}

#dc-prong1 {
    position: absolute;
    right: 179px;
    top: 174px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #CCC;
}

#dc-prong2 {
    position: absolute;
    right: 180px;
    top: 174px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}

#dc-prong3 {
    position: absolute;
    right: 179px;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #CCC;
}

#dc-prong4 {
    position: absolute;
    right: 180px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

.dc-font {
    font-size: 14px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

/*
 *  default edit bubble, de: default edit;
 *
 **********************************************/
#defaultedit {
    z-index: 1800;
    position: absolute;
    background: white;
    width: 400px;
    height: 140px;
    border: 1px #CCC solid;
    visibility: hidden;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#de-close {
    background-image: url(../icons/combined_icon.png);
    position: absolute;
    width: 13px;
    height: 13px;
    top: 13px;
    left: 375px;
    cursor: pointer;
    background-position-x: -228px;
    background-position-y: -48px;
}

#de-main {
    position: relative;
    top: 26px;
}

#de-delete {
    position: relative;
    color: blue;
    cursor: pointer;
    top: 68px;
    left: 30px;
    font: 14px/normal Arial, sans-serif;
}

#de-details {
    position: relative;
    color: blue;
    cursor: pointer;
    top: 68px;
    left: 270px;
    font: 14px/normal Arial, sans-serif;
}

#de-save {
    position: relative;
    left: 293px;
    top: 73px;
}

#de-giveup {
    position: relative;
    left: -45px;
    top: 73px;
}

#de-prong1 {
    position: absolute;
    right: 179px;
    top: 140px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #CCC;
}

#de-prong2 {
    position: absolute;
    right: 180px;
    top: 140px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}

#de-prong3 {
    position: absolute;
    right: 179px;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #CCC;
}

#de-prong4 {
    position: absolute;
    right: 180px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

#de-eventcolor {
    position: relative;
    /*background-color: red;*/
    border: 1px green solid;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 30px;
    cursor: pointer;
}

#eventcolorset {
    z-index: 2000;
    background: white;
    border: solid 1px #ABABAB;
    box-shadow: 3px 3px 3px #CCC;
    padding: 5px;
    position: absolute;
    visibility: hidden;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #CCC;
}

#ecs-popup-tip {
    background: url(../icons/combined_icon.png);
    background-position: -102px -43px;
    height: 7px;
    width: 10px;
    left: 5px;
    top: -7px;
    overflow: hidden;
    position: absolute;
}

#ecs-lable {
    margin: 2px 0px 5px 4px;
}

.ecs-color {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 2.5px;
    cursor: pointer;
    border: 1px white solid;
    float: left;
}

.ecs-color-separate {
    background-color: #ABABAB;
    height: 16px;
    margin: 0 2.5px;
    width: 1px;
    vertical-align: top;
    display: inline-block;
    float: left;
}

.ecs-selected {
    background: url(../icons/combined_icon.png);
    background-position: -95px -50px;
    height: 10px;
    width: 10px;
    left: -1px;
    top: -1px;
    margin: 3px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

#de-dropdown-indicator {
    background: url(../icons/combined_icon.png);
    background-position: -96px -44px;
    height: 4px;
    width: 6px;
    left: 2px;
    top: 3px;
    overflow: hidden;
    position: relative;
}

#de-title {
    position: absolute;
    left: 47px;
    width: 315px;
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

#de-title-input {
    position: absolute;
    font-size: 14px;
    left: 47px;
    width: 315px;
}

#de-time {
    position: absolute;
    font-size: 14px;
    top: 28px;
    left: 30px;
}

#de-tag {
    position: absolute;
    font-size: 14px;
    top: 50px;
    left: 30px;
    width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
 *  edit bubble
 *
 **********************************************/
.editbubble {
    z-index: 180;
    position: absolute;
    background: white;
    width: 400px;
    height: 140px;
    border: 1px #CCC solid;
    visibility: hidden;
}

.ebclose {
    background-image: url(../icons/combined_icon.png);
    position: absolute;
    width: 13px;
    height: 13px;
    top: 13px;
    left: 375px;
    cursor: pointer;
    background-position-x: -228px;
    background-position-y: -48px;
}

.ebmain {
    margin-left: 115px;
    width: 370px;
}

#ebtitle {
    position: absolute;

    left: 60px;
}

#ebtime {
    position: absolute;
    top: 30px;
    left: 60px;
}

#syncprogress {
    z-index: 180;
    visibility: hidden;
    background: #F9EDBE;
    position: absolute;
    width: 300px;
    height: 50px;
    border: 1px #F0C36D solid;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#sync-info {
    position: relative;
    top: 20px;
    left: 20px;
}

/*
 * main layout
 *
 **********************************************/
#calendar {
    margin: 0 auto;
}

.lpart {
    float: left;
    width: 190px;
}

.lpart .rpart {
    width: auto;
    height: auto;
}

.mainbottom {
    min-width: 848px;
    min-height: 100px;
}

.wiztag {
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.datepicker {
    margin-top: 95%;
}

#bubbledpid {
    width: 15%;
    height: 100px;
}

.tagspart {
    padding: 5% 0 0 0;
}

.tagsfilter {
    border: none;
    width: 100%;
    height: 25%;
}

/*
 *  full create page
 *
 **********************************************/

#fc-main {
    display: none;
}

#fc-btn-main {

    padding: 12px 0 14px;
    /*border-bottom: 1px #EBEBEB solid;*/
}

#fc-btn-nn {
    margin-left: 20px;

}

.fc-btn {
    background: #f1f1f1;
    margin-left: 10px;
    height: 29px;
    width: 72px;
    font-size: 14px;
}

.btn-red {
    color: whiteSmoke;
    background: #d14836;
    font-weight: bold;
    border: 1px solid transparent;
}

.btn-red .fc-button-content {
    color: whiteSmoke;
}

/*#fc-save{
	color: whiteSmoke;
	background: #d14836;
	font-weight: bold;
	border: 1px solid transparent;
}*/
.fc-input {
    padding: 5px;
}

#fc-title {
    margin-top: 10px;
    margin-left: 20px;
    height: 19px;
    width: 450px;
    font-size: 16px;
}

#fc-dp-main {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px #EBEBEB solid;
    width: 655px;
}

#fc-dp-nn {
    margin-top: 10px;
    margin-left: 20px;
}

.fc-time {

    height: 18px;
    width: 85px;
}

#fc-beg2, #fc-end2 {
    height: 28px;
    width: 100px;
}

#fc-dp-rule {
    margin-top: 10px;
    margin-left: 20px;
}

#fc-detail-main {
    margin-top: 10px;

}

#fc-dtl-t th {

    text-align: right;
}

#fc-content {
    margin-left: 10px;
    min-height: 100px;
    width: 560px;
    overflow: auto;
}

/*.fc-dtl-row th{
	padding-bottom: 10px;
}*/
.miniColors {
    padding: 0 0 3px 0;
}

#fc-dtl-color {
    margin-left: 10px;
}

#fc-remind {
    margin-left: 10px;
    width: 181px;
    height: 22.33px;
}

#fc-tag {
    /*margin-left: 10px;*/
    width: 300px;
}

#fc-tag-container {
    position: absolute;
}

#fc-tagVal {
    z-index: 6;
    margin-left: 10px;
    width: 158px;
}

#fc-tag-select {
    position: relative;
    left: 173px;
    width: 18px;
    overflow: hidden;
}

#fc-tag-selectVal {
    width: 181px;
    margin-left: -163px;
    height: 21.33px;

}

.fc-font {
    font-size: .9em;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

#fc-rpt-modf {
    color: blue;
    text-decoration: none;
}

.bubbleBg {
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 170;
    visibility: hidden;
}

#fc-eventColor {
    cursor: default;
}

/*
 *  repeat set
 *
 **********************************************/
#bubbletag {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#rpt-main {
    position: absolute;
    background: white;
    z-index: 180;
    height: 350px;
    width: 450px;
    visibility: hidden;
    border: 1px silver solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#rpt-title {
    position: relative;
    left: 10px;
    top: 13px;
}

#rpt-close {
    background-image: url(../icons/combined_icon.png);
    position: absolute;
    width: 13px;
    height: 13px;
    top: 13px;
    left: 425px;
    cursor: pointer;
    background-position-x: -228px;
    background-position-y: -48px;
}

#rpt-mid {

    margin: 25px;
}

#rpt-mid-t th {
    padding-right: 10px;
    text-align: right;
}

#rpt-rpt {
    /*width: 80px;*/
}

#rpt-fre {
    overflow: auto;
    width: 80px;
}

#rpt-beg {
    width: 80px;
}

.rpt-endtime {
    display: block;
}

.rpt-sum {
    padding-top: 50px;
}

#rpt-bottom {
    position: relative;
    left: 100px;
    top: 10px;

}

/*
 *  change google id bubble
 *
 **********************************************/
#changegoogleid {
    position: absolute;
    background: white;
    z-index: 180;
    height: 100px;
    width: 180px;
    visibility: hidden;
    border: 1px silver solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    top: 100px;
    left: 100px;
}

#cg-main {
    position: relative;
    padding-left: 30px;
    top: 20px;
}

#cancel-p {
    padding: 7px 0;
}

#cancelAuth {
    cursor: pointer;
}

#cg-prong1 {
    position: absolute;
    right: 84px;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #CCC;
}

#cg-prong2 {
    position: absolute;
    right: 85px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

/*
 *  Wiz Calendar Options.
 *
 **********************************************/
#wizoptions {
    position: absolute;
    background: white;
    z-index: 180;
    height: 200px;
    width: 180px;
    visibility: hidden;
    border: 1px silver solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    top: 100px;
    left: 100px;
}

#wo-main {
    position: relative;
    text-align: center;
    top: 20px;
}

#selectgooglecalender-p {
    padding: 7px 0;
}

#selectgooglecalender {
    cursor: pointer;
}

/*
 *  fullcreate bubble
 *
 **********************************************/

/*.fcclose{
	background-image: url(../icons/combined_icon.png);
	position: absolute;
	width: 13px;
	height: 13px;
	top: 13px;
	left: 775px;
	cursor: pointer;
	background-position-x: -228px;
	background-position-y: -48px;
}
.fullcreate {
	z-index: 180;
	position: absolute;
	background: white;
	width: 800px;
	height: 500px;
	border: 1px #CCC solid;
	visibility: hidden;
}
.fct th.fch {
	text-align: right;
}*/