/* crmv@98866 */

html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
.toolBotton {
    border: none;
    border-bottom: #99bbe8 1px solid;
    background: #ccc url(images/share/tbg.gif) repeat-x 50% top;
    overflow: hidden;
    position: relative;
    height: 25px;
    padding: 0;
    margin: 0;
}
.toolBotton a {
    display: block;
    width: auto;
    cursor: pointer;
}
.toolBotton a span {
    float: left;
    display: block;
    width: auto;
    cursor: pointer;
}
body {
    margin: 0;
    background-color: #E8F1F8;
    font-size: 12px;
    font-family: 'VTEFont', Verdana, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
/*div, span, td
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}*/

a:link,
a:visited {
    text-decoration: none;
    color: #333;
}
/* crmv@26807 */

input {
    /* border: solid 1px #C3C3C3; */
}
/* crmv@26807e */
/*select
{
    border: #3C7FB1 1px solid;
}
input[type='text']
{
    border: solid 1px #3C7FB1;  
    height:18px;
}
input[type='checkbox']
{
    border: none;
}
input[type='radio']
{
    border: none;
}
textarea
{
    border: solid 1px #3C7FB1;  
    overflow:auto;
}*/

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    /* for internet explorer */
    
    overflow: hidden;
    display: block;
}
html > body .ellipsis {
    clear: both;
}
.bbit-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #E8F1F8;
}
a.linkdelete span {
    text-decoration: underline;
    color: #000000;
    padding-left: 18px;
    background: url(./images/icons/delete.png) no-repeat left 6px;
    padding-top: 5px;
}
a.imgbtn {
    color: #000000;
}
a.imgbtn span {
    padding: 4px 4px 3px 21px;
    cursor: point;
}
a.imgbtn:hover span {
    border: #466094 1px solid;
    padding: 3px 3px 2px 20px;
    cursor: point;
    background-color: #EDF1D5;
}
a.imgbtn span.Save {
    background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;
}
a.imgbtn span.Close {
    background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;
}
a.imgbtn span.Delete {
    background: url(./images/icons/delete.png) no-repeat 3px 4px;
}
span.addcal {
    /*padding-left:20px;
    background: url(./images/icons/date_add.png)  no-repeat 1px 50%;*/
    /*crmv@20210*/
}
span.showdayview {
    padding-left: 20px;
    background: url(./images/icons/cal-day.gif) no-repeat 1px 50%;
}
span.showweekview {
    padding-left: 20px;
    background: url(./images/icons/cal-week.gif) no-repeat 1px 50%;
}
span.showwkweekview {
    padding-left: 20px;
    background: url(./images/icons/cal-wk-week.gif) no-repeat 1px 50%;
}
span.chinese {
    padding-left: 20px;
    background: url(./images/icons/cn.gif) no-repeat 1px 50%;
}
span.english {
    padding-left: 20px;
    background: url(./images/icons/us.gif) no-repeat 1px 50%;
}
span.english_au {
    padding-left: 20px;
    background: url(./images/icons/au.gif) no-repeat 1px 50%;
}
span.showmonthview {
    padding-left: 20px;
    background: url(./images/icons/cal-month.gif) no-repeat 1px 50%;
}
span.showtoday {
    padding-left: 20px;
    background: url(./images/icons/date.png) no-repeat 1px 50%;
}
span.fprev {
    width: 18px;
    background: url("./images/icons/resultset_previous.png") no-repeat 1px bottom;
}
span.fnext {
    width: 18px;
    background: url("./images/icons/resultset_next.png") no-repeat 1px bottom;
}
span.showdayflash {
    padding-left: 20px;
    background: url("./images/icons/date_reflash.png") no-repeat 1px 50%;
}
.size1 {
    width: 50px;
}
.size2 {
    width: 100px;
}
.size3 {
    width: 160px;
}
.size4 {
    width: 200px;
}
.size5 {
    width: 260px;
}
.size6 {
    width: 300px;
}
.size7 {
    width: 360px;
}
.X {
    float: right;
    padding-right: 3px;
    color: #555;
    cursor: pointer;
    height: 16px;
}
.nodisplay {
    display: none;
}
/* JQuery Validation */

label.error {
    padding: 2px 0 2px 20px;
    display: block;
    background: url(images/validation/exclamation.png) no-repeat 2px center;
}
input.error,
select.error,
textarea.error,
input.cusErrorPanel,
cusErrorPanel.cusErrorPanel,
textarea.cusErrorPanel {
    border: solid 1px red;
}
label.checked {
    float: none;
    position: relative;
    padding: 0px 0 0px 18px;
    background: url(images/validation/accept.png) no-repeat 2px center;
}
div.error {} div.cusErrorPanel {
    z-index: auto;
    position: absolute;
    width: 276px;
    height: 35px;
    overflow: hidden;
    text-indent: 5px;
    line-height: 40px;
    font-size: 12px;
    font-family: Arial;
    background: url(images/validation/tooltop.gif) no-repeat left top;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.infocontainer {
    margin: 2px;
    padding: 4px;
    border: 1px solid #999;
    background: #fff;
}
.fform {
    margin: 0px;
}
.fform label {
    display: block;
    margin-top: 2px;
    padding: 2px;
    vertical-align: top;
}
.fform label.checkp {
    display: inline;
}
.fform label span {
    font-weight: bold;
    display: block;
}
input.noborder {
    border: none;
}
.doing {
    color: red;
    vertical-align: middle;
    display: none;
    position: absolute;
    left: 20%;
    top: 20%;
    border: solid 1px #555;
    background-color: #FFFF00;
    padding: 5px;
}
div.clear {
    clear: both;
}
div.cHead {
    /*
    background: url(images/calendar/headbg.gif) repeat-x top;
    border: 1px solid #99bbe8;
    border-top: 0px;
    font-weight: bold;
    */
    
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background: #FFFFFF;
}
div.cHead div {
    padding: 4px;
    white-space: nowrap;
}
div.cHead div.ftitle {
    /*
    background:url("images/calendar/grid.png") no-repeat left ;
    color:#15428b;
    margin-left:10px;
    padding-left:20px;
    */
    
    text-align: center;
}
div.cHead div.ptogtitle {
    position: absolute;
    top: 3px;
    right: 15px;
    height: 18px;
    padding: 1px 2px 1px 2px;
    font-weight: normal;
}
div.cHead div.loadicon {
    background: #c44;
    color: #fff;
}
div.cHead div.loaderror {
    padding: 1px 4px 1px 4px;
    background: #fad163;
}
div.cHead div.ptogtitle input {
    height: 16px;
    border: solid 1px #ccc;
    background-color: #fff;
    padding-left: 4px;
}
div.ctoolbar {
    BORDER-RIGHT: #99bbe8 1px solid;
    BORDER-TOP: #99bbe8 0px solid;
    BACKGROUND: #ccc url(images/calendar/tbg.gif) repeat-x 50% top;
    OVERFLOW: hidden;
    BORDER-LEFT: #99bbe8 1px solid;
    BORDER-BOTTOM: #99bbe8 1px solid;
    POSITION: relative;
    HEIGHT: 25px
}
div.ctoolbar div.fbutton {
    PADDING-RIGHT: 1px;
    DISPLAY: block;
    PADDING-LEFT: 1px;
    FLOAT: left;
    PADDING-BOTTOM: 1px;
    CURSOR: pointer;
    PADDING-TOP: 1px;
    HEIGHT: 22px;
    margin-left: 1px;
}
div.ctoolbar div.fbutton div {
    float: left;
    padding: 2px 3px;
}
div.ctoolbar div.fbutton span {
    float: left;
    display: block;
    height: 18px;
}
div.ctoolbar div.fbutton.fcurrent {
    border: #555 1px solid;
    padding: 0;
    cursor: pointer;
    background-color: #EDF1D5;
}
div.ctoolbar div.fbutton.fcurrent div {
    padding: 1px 2px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
div.ctoolbar div.fbutton:hover,
.div.ctoolbar div.fbutton.fbOver {
    border: #466094 1px solid;
    padding: 0;
    cursor: pointer;
    background-color: #EDF1D5;
}
div.ctoolbar div.fbutton:hover div,
.div.ctoolbar div.fbutton.fbOver div {
    padding: 1px 2px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
div.ctoolbar div.btnseparator {
    float: left;
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 1px;
}
div.ctoolbar div.fshowdatep {
    PADDING-RIGHT: 1px;
    DISPLAY: block;
    PADDING-LEFT: 1px;
    FLOAT: left;
    PADDING-BOTTOM: 1px;
    CURSOR: default;
    PADDING-TOP: 1px;
    HEIGHT: 22px;
}
div.ctoolbar div.fshowdatep div {
    float: left;
    padding: 2px 3px;
}
div.ctoolbar div.fshowdatep span {
    float: left;
    display: block;
}
div.cbody div.ctablehead {
    border-right: #ccc 1px solid;
    border-top: #fff 1px solid;
    background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;
    overflow: hidden;
    border-left: #ccc 1px solid;
    border-bottom: #9c9c9c 0px solid;
    position: relative;
    height: 25px;
}
div.cbody div.ctablehead th div,
div.cbody div.ctablebody td div {
    padding: 4px;
    border-left: none;
    overflow: hidden;
}
div.cbody div.ctablehead th
/* common cell properties*/

{
    text-align: left;
    border-right: solid 1px #ddd;
    border-left: solid 1px #fff;
    overflow: hidden;
    vertical-align: top !important;
    font-weight: normal;
    cursor: default;
    white-space: nowrap;
}
div.cbody div.ctablehead div.ctableheadp {
    float: left;
}
div.cbody div.ctablehead th div {
    height: 17px;
}
div.cbody div.ctablebody {
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 0px solid;
    BACKGROUND: #dfe8f6;
    OVERFLOW: auto;
    BORDER-LEFT: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid;
    POSITION: relative
}
div.cbody div.ctablebody td
/* common cell properties*/

{
    text-align: left;
    border-left: solid 1px #fff;
    border-top: none;
    border-bottom: 1px dotted #ddd;
    border-right: solid 1px #ddd;
    overflow: hidden;
    vertical-align: top !important;
    white-space: nowrap;
    background-color: #fff;
    cursor: default;
}
div.cbody div.ctablebody tr.erow td {
    background: #F5FFEF;
}
div.cbody div.ctablebody tr:hover td,
div.cbody div.ctablebody tr.trOver td {
    background: #FFFFBB;
    border-left: 1px solid #eef8ff;
    border-bottom: 1px dotted #a8d8eb;
}
div.cbody div.ctablebody td div {
    border-top: 0px solid #fff;
    padding-bottom: 2px;
}
div.ViewgBlock {
    background: #E3E3E3 url('images/calendar/load-bg.png');
}
div.ViewgBlock>div.loading {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: #f4f4f4 url('images/calendar/indicator_web20_working.gif') no-repeat center center;
}
.transparent {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background-color: #000;
}