Initial Release of the calendar plugin

dav/wdcal/css/calendar.css

@@ -0,0 +1,688 @@
+.st-bg-table td { background-color: white; }
+.st-grid tr {background-color: transparent; }
+.st-c { font-size: 12px; line-height: 14px; }
+
+.calmain
+{
+border-bottom:2px solid #c3c3ff;
+	background:#c3c3ff
+}
+.printborder {
+	border-left:9px solid #c3c3ff
+}
+
+.scrolltimeevent
+{
+ 	position:relative;
+	overflow-y:scroll;
+	overflow-x:hidden;
+	border-top:1px solid #a2bbdd;
+	border-left:1px solid #a2bbdd;
+	border-bottom:1px solid #fff;
+	padding:0;
+	font-size:12px;
+	line-height:normal;
+}
+.wk-top
+{
+	table-layout:fixed;
+	width:100%;
+	background-color:#c3c3ff;
+	overflow:hidden;
+	font-size:12px;
+	line-height:14px
+ }
+.gridcontainer {
+	height:300px;
+	background:#c3c3ff;
+	position:relative;
+	-webkit-user-select:none;
+	-khtml-user-select:none;
+}
+.wk-dayname {
+	font-weight:normal;
+	color:#112abb;
+	padding:2px 4px;
+	margin-left:4px;
+	white-space:nowrap
+}
+.wk-today {
+	color:#fff;
+	font-weight:bold;
+	background-color:#8ac;
+	padding:1px 3px;
+	border: 1px solid #6786a7;
+	border-right-color: #ace;
+	border-bottom-color: #ace;
+}
+.wk-dummyth {
+	vertical-align:top;
+	background-color:#c3c3ff;
+	padding:0
+}
+.wk-daylink
+{
+    cursor:pointer;
+}
+.wk-daylink:hover
+{
+     text-decoration:underline;    
+}
+.wk-allday {
+	background-color:#e8eef7;
+	font-size:12px;
+	line-height:14px;
+	border-color:#a2bbdd #fff #fff #a2bbdd;
+	border-style:solid;
+	border-width:1px
+}
+.wk-allday .st-c {
+	padding-left:0;
+	padding-right:0;
+	border-left:3px double #E0E0FF
+}
+.st-grid {
+	position:relative;
+	table-layout:fixed;
+	width:100%;
+}
+
+.st-c {
+	padding:1px 1px 0 2px;
+	vertical-align:top;
+	font-family:Verdana, sans-serif
+}
+.st-s {
+	padding-bottom:2px;
+	cursor:default;
+}
+.t1 {
+	font-size:1px;
+	height:1px;
+	line-height:1px;
+	margin:0 2px;
+	overflow:hidden
+}
+.t2 {
+	font-size:1px;
+	height:1px;
+	line-height:1px;
+	margin:0 1px;
+	overflow:hidden
+}
+.chromecolor {
+	background:#c3c3ff;
+	border-color:#c3c3ff
+}
+.tg-timedevents {
+	background-color:#fff;
+	table-layout:fixed;
+	width:100%;
+	margin-top:-1px
+}
+.tg-timedevents tr { background: none; }
+
+.tg-times {
+	padding:0;
+	font-family:Arial;
+	font-size:11px;
+	background-color:#e8eef7;
+	color:#468;
+	text-align:right;
+	vertical-align:top;
+	padding-right:1px;
+	padding-top:1px;
+	overflow:hidden
+
+}
+.tg-time {
+	border-bottom:1px solid #E0E0FF;
+	padding-right:2px
+}
+.tg-col {
+	border-left:3px double #E0E0FF;
+	overflow:hidden;
+	vertical-align:top
+}
+.tg-col-overlaywrapper {
+	position:relative;
+	height:0
+}
+.tg-col-eventwrapper {
+	position:relative;
+	cursor:default;
+	margin-right:10px;
+}
+.tg-today {
+	background-color:#ffc;
+}
+.tg-spanningwrapper {
+	position:relative;
+	margin-left:3px;
+	height:1px;
+	top:1px;
+}
+.tg-hourmarkers {
+	position:absolute;
+	width:100%
+}
+.tg-dualmarker {
+	border-top:1px solid #E0E0FF;
+	height:1em;
+	line-height:1em;
+	border-bottom:1px dotted #E0E0FF;
+	margin-bottom:1em
+}
+.tg-nowmarker {
+	position:absolute;
+	left:0;
+	width:100%;
+	top:0;
+	height:0;
+	border-top:2px solid red;
+	overflow:hidden;
+	opacity:0.4;
+	filter:alpha(opacity=40);
+}
+.tg-nowptr {
+	position:absolute;
+	background-position:-60px -68px;
+	width:5px;
+	height:9px;
+	background-image:url(images/calendar/combined.gif)
+}
+
+.gridcontainer .not_editable {
+	opacity: 0.5;
+}
+.chip {
+	position:absolute;
+	overflow:hidden;
+	cursor:default;
+	color:#000;
+	-moz-user-select:none;
+}
+.chip dl {
+	margin:0;
+	padding-bottom:1px;
+	border-left:1px solid;
+	border-right:1px solid;
+	overflow:hidden
+}
+.chip dt {
+	margin-top:-1px;
+	font:bold 80%/normal Verdana, Sans-serif;
+	white-space:nowrap;
+	overflow:hidden;
+	padding-left:1px;
+	text-align:left;
+	color: white;
+}
+.chip a:link, .chip a:visited, .chip a:active {
+	text-decoration:none;
+	color:#fff
+}
+.ie6 .chip dl {
+	zoom:1
+}
+.ie6 .chip dt {
+	width:100%;
+	margin-right:-1px
+}
+.chip dd {
+	margin:0;
+	overflow:hidden;
+	padding:0 1px;
+	font-family: Verdana, Arial, Helvetica;
+	font-size: 11px;
+	text-align:left;
+	word-wrap:break-word
+}
+.cb1, .cb2 {
+	border-style:solid;
+	overflow:hidden;
+}
+.cb1 {
+	height:1px;
+	margin:0 1px;
+	border-width:0 1px
+}
+.cb2 {
+	height:0;
+	margin:0 2px;
+	border-width:0 0 1px
+}
+.ct {
+	height:0;
+	overflow:hidden;
+	border-style:solid;
+	border-width:0 2px 2px;
+	border-color:transparent
+}
+.ie6 .ct {
+	border-style:solid dotted
+}
+
+.cic {
+	background-repeat:no-repeat;
+	display:inline-block;
+	margin-left:2px;
+	width:9px;
+	height:7px;
+	line-height:7px;
+	background-image:url(images/calendar/combined.gif)
+}
+.ff2 .cic {
+	display:-moz-inline-box;
+	vertical-align:bottom;
+	position:relative;
+	top:-2px
+}
+.cic-ques {
+	margin-left:0;
+	margin-right:2px;
+	width:9px;
+	height:9px;
+	line-height:9px;
+	background-position:-56px -50px
+}
+.cic-prsn {
+	background-position:-28px -50px
+}
+.cic-noprs {
+	background-position:-46px -50px
+}
+.cic-tmr {
+	background-position:-28px -57px
+}
+.cic-rcr {
+	background-position:-37px -50px
+}
+.cic-spcl {
+	background-position:-37px -57px
+}
+.cic-priv {
+	background-position:-11px -64px
+}
+
+.resizer {
+	position:absolute;
+	height:7px;
+	line-height:7px;
+	width:100%;
+	bottom:0;
+	cursor:s-resize;
+	
+}
+.rszr_icon 
+{
+    /*display:none;*/
+	border-top:3px double white;
+	font-size:0;
+	line-height:0;
+	height:0;
+	width:10px;
+	margin-left:auto;
+	margin-right:auto
+}
+.rb-n {
+	padding:1px 1px 1px 3px;
+	overflow:hidden;
+	white-space:nowrap;
+	color:white;
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	cursor:pointer
+}
+.rb-o {
+	margin:0 1px;
+	border-width:1px 0;
+	border-style:solid;
+	cursor:pointer
+}
+.rb-m {
+	padding-left:3px;
+	margin:0 -1px;
+	border-width:0 1px;
+	border-style:solid;
+	zoom:1
+}
+.rb-i {
+	overflow:hidden;
+	color:white;
+	white-space:nowrap;
+	width:100%
+}
+.mv-container {
+	height:100%;
+	position:relative;
+	line-height:14px;
+	white-space:nowrap;
+}
+.mv-container th{
+    font-size:12px;
+}
+.bg-exists .mv-container {
+	background-color:transparent
+}
+.st-contents, .mv-container {
+	font-size:11px;
+	line-height:14px
+}
+.mv-daynames-table {
+	position:absolute;
+	table-layout:fixed;
+	top:0;
+	left:0;
+	width:100%;
+	background:#c3c3ff;
+	color:#112abb
+}
+.mv-dayname {
+	font-weight:normal
+}
+
+.mv-event-container {
+	overflow:hidden;
+	position:absolute;
+	left:0;
+	width:100%;
+	top:14px;
+	bottom:0;
+	background:white;
+}
+.month-row {
+	position:absolute;
+	left:0;
+	width:100%;
+	overflow:hidden
+}
+.bg-exists .month-row {
+	opacity:0.9;
+	filter:alpha(opacity=90)
+}
+.st-bg-table {
+	position:absolute;
+	top:0;
+	left:0;
+	height:100%;
+	width:100%;
+	table-layout:fixed
+}
+.st-bg {
+	border-left:1px solid #c3c3ff
+}
+.st-bg-nonmonth {
+	background-color: #f0f0FF;
+}
+.st-bg-today {
+	background-color:#ffc
+}
+.bg-exists .st-bg-today {
+	background-color:#eee;
+	border:1px solid #579;
+	opacity:0.8;
+}
+.st-dtitle {
+	border-left:1px solid #c3c3ff;
+	border-top:1px solid #c3c3ff;
+	background-color:#e8eef7;
+	color:#444;
+	padding-right:2px;
+	text-align:right;
+	line-height:16px;
+	overflow:hidden
+}
+.bg-exists .st-dtitle {
+	opacity:0.8;
+	filter:alpha(opacity=80)
+}
+.st-dtitle-nonmonth {
+	background-color:#f0f0FF;
+	color:#f0f0FF;
+}
+.st-dtitle-today {
+	background-color:#bcd
+}
+
+.st-more {
+	color:#112abb;
+	text-align:center;
+	cursor:pointer;
+	/*font-family:Arial, sans-serif*/
+}
+.st-moreul {
+	text-decoration:underline
+}
+.st-moreicon {
+	background-color:#d0d6de;
+	color:#627487;
+	margin:1px;
+	padding-right:5px;
+	text-align:right;
+	font-size:85%
+}
+.cc {
+	position:absolute;
+	border:1px solid gray;
+	background-color:white;
+	visibility:hidden
+}
+.cc-titlebar {
+	background-color:#e8eef7
+}
+.cc-close {
+	margin:2px 2px 0 0;
+	position:absolute;
+	right:0;
+	cursor:pointer;
+	width:15px;
+	height:15px;
+	background:url(images/calendar/combined.gif) 0 -50px
+}
+.cc-title {
+	padding:2px;
+	font-weight:bold
+}
+.st-ad-ml, .st-ad-mr {
+	position:relative;
+	top:2px;
+	margin-bottom:-8px;
+	height:0;
+	width:0;
+	line-height:0;
+	font-size:0;
+	border-top:4px dotted;
+	border-top:4px solid transparent;
+	border-bottom:4px dotted;
+	border-bottom:4px solid transparent
+}
+.st-ad-mpad {
+	padding-left:10px
+}
+.st-ad-ml {
+	border-right:4px solid white;
+	margin-left:-7px;
+	margin-right:auto
+}
+.st-ad-mr {
+	border-left:4px solid white;
+	margin-left:auto;
+	margin-right:3px
+}
+
+.bubble {
+	position: absolute; visibility: hidden; font-size: 9pt; top: 0px; left: 0px
+}
+.bubble-table {
+	width: 100%; TABLE-LAYOUT: fixed
+}
+.bubble-cell-side {
+	width: 25px
+}
+.bubble-cell-main {
+	width: 100%
+}
+.bubble-sprite {
+	background-image: url(images/calendar/bubble_combined.png); position: absolute; width: 148px; height: 96px
+}
+.ie6 .bubble-sprite {
+	filter: progid:DXimageTransform.Microsoft.AlphaimageLoader(sizingMethod="crop",src="/Theme/Default/images/calendar/bubble_combined.png"); background: none transparent scroll repeat 0% 0%
+}
+.bubble-corner {
+	position: relative; width: 25px; height: 25px; overflow: hidden
+}
+.bubble-tl {
+	left: 0px
+}
+.bubble-tr {
+	left: -25px
+}
+.bubble-bl {
+	top: -25px; left: 0px
+}
+.bubble-br {
+	top: -25px; left: -25px
+}
+.bubble-closebutton {
+	position: absolute; width: 15px; background: url(images/calendar/combined.gif) 0px -50px; height: 15px; top: 10px; cursor: pointer; right: 10px
+}
+.bubble-top {
+	background: #fff; height: 24px
+}
+.bubble-bottom {
+	background: #fff; height: 24px
+}
+.bubble-top {
+	border-top: #ababab 1px solid
+}
+.bubble-bottom {
+	border-bottom: #ababab 1px solid
+}
+.bubble-mid {
+	border-left: #ababab 1px solid; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; background: #fff; border-right: #ababab 1px solid; padding-top: 0px
+}
+.cb-root {
+	width: 100%; 
+	font-size: 13px; 
+	overflow: hidden
+}
+.cb-switcher {
+	margin-bottom: 0.8em
+}
+.cb-switcher-selected {
+	font-weight: bold
+}
+.cb-table {
+	width: 100%; margin-bottom: 0.8em
+}
+.cb-table tr { background: none; }
+.cb-example {
+	font-size: 12px; padding-top: 2px;
+	font-style:italic
+}
+.cb-key {
+	text-align: left; padding-bottom: 0.4em; padding-left: 0px; padding-right: 1em; white-space: nowrap; vertical-align: top; font-weight: normal; padding-top: 0.4em
+}
+.cb-value {
+	padding-bottom: 0.4em; padding-left: 0px; width: 95%; padding-right: 0px; padding-top: 0.4em;	
+}
+.cb-textarea {
+	height: 3.9em
+}
+.textbox-fill-input {
+	width:95%;
+	padding:2px;
+	border-width:1px;
+	border-color:#666 #ccc #ccc #666
+}
+.lk {
+	white-space: nowrap; color: #112abb; cursor: pointer; text-decoration: underline
+}
+.cal-control
+{
+   
+}
+.control-main
+{
+    width: 100%;    
+    vertical-align: bottom;
+    border-color:#c3c3ff;
+}
+.view-tab {
+	padding-bottom: 0px; padding-left: 2px; padding-right: 2px; vertical-align: bottom; cursor: pointer; padding-top: 0px
+}
+.view-tab-unselected {
+	background-color: #e8eef7
+}
+.view-tab-selected {
+	background-color: #c3c3ff
+}
+.tab-name {
+	padding: 4px 6px 3px;
+	white-space: nowrap;
+}
+.tab-spacer {
+	width: 3px; cursor: default
+}
+.bbit-cs-split
+{
+    margin-top:2px;
+    padding:2px;
+    border-top:solid 1px #555;    
+}
+.textbox-fill-div {
+	width:95%;
+	padding:2px;
+	font-size:14px;
+}
+
+.drag-lasso-container {
+	position: absolute; 
+	width: 0px; 
+	height: 0px; 
+	top: 0px; 
+	left: 0px
+}
+.drag-lasso {
+	position: absolute; 
+	filter: alpha(opacity=50); 
+	LINE-height: 0; 
+	background-color: #c3c3ff; 
+	font-size: 0px; 
+	opacity: 0.5; 
+	-khtml-opacity: 0.5
+}
+.drag-event {
+	Z-INDEX: 1000; 
+	position: absolute; 
+	font-FAMILY: Verdana,sans-serif; 
+	cursor: pointer
+}
+.drag-chip-wrapper {
+	Z-INDEX: 1; 
+	position: absolute;
+	width: 100%; 
+	left: 0px
+}
+.drag-chip {
+	filter: alpha(opacity=80); 
+	cursor: pointer; 
+	opacity: .8; 
+	-khtml-opacity: .8
+}
+.prong {
+	position: relative; width: 98px; margin-bottom: -72px; height: 72px; overflow: hidden; top: -1px;
+	left:101px;
+}
+.prong .bubble-sprite {
+	top: -24px; left: -50px
+}
+.monthdayshow
+{
+    cursor:pointer;
+}
+.monthdayshow:hover
+{
+    text-decoration:underline;
+}

dav/wdcal/css/main.css

@@ -0,0 +1,554 @@
+.toolBotton
+{	
+    border: none;
+	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;
+}
+
+input
+{
+	border: solid 1px #3C7FB1;	
+}
+
+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
+{
+	border: #E8E8FF 1px solid;
+	padding: 4px 4px 3px 21px;
+	cursor: pointer;
+}
+
+a.imgbtn:hover span
+{
+	border: #466094 1px solid;
+	cursor: pointer;
+	background-color: #C3C3FF;
+}
+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%;
+}
+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: 0 0 0 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;
+}
+.fform
+{
+   margin:0;
+}
+.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;
+}
+
+ 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;
+}
+ 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
+{
+    OVERFLOW: hidden;	
+    POSITION: relative;
+    HEIGHT: 25px;
+    background: #E0E0FF;
+    margin-bottom: 2px;
+}
+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: 1px solid #fff;
+	border-right-color: #eee;
+	border-bottom-color: #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: 1px;
+	display: block;
+	float: left;
+	cursor:default;
+	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: 1px solid #ccc;
+	border-top-color: #fff;
+	border-bottom: 0 #9c9c9c;
+	background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;
+    overflow: hidden;
+	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: 0 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;
+}