/* this style sheet is used to overwrite the google stylesheet to achieve your own styling of the calendar.
It has only been tested on firefox  */ 
/* Note: note all css here is actually required for the monthly calendar view */
/* Special amr additional styles */

div.date-top {
	font-size: 4em; 
	color: #888;}
.monthview .week td {
	background: 
}

.eventtitle {
	/* font-family: cursive; */
	/* color: #333;  /* just delete if want white oon the coloured background */
	font-size: x-small;
}

.monthview .week td h3.nonmonthday {
	color:#CCC;
	/* background-color:#eee; */
	font-size:5em;
	padding-top: 0.2em;
	padding-right: 0.15em;
	float: right; 
}
.monthview .webcontent {  /* This needs to be adjusted if you want to use a different font - fonts and size affect the webcontent icons, like the moonphase */
	margin-top:-1.4em;
	text-align: right;
	margin-right: 2.5em;
	height:1.3em;
	white-space:nowrap;
}
/* .monthview .event { 
	padding: 0; 
}
 /* zero the paddingto try to overwrite the background color of the div's  */


html {
 /* font-family: Tahoma, Geneva, Arial, sans-serif; */
  font-family: Georgia, san-serif;
  /*  font-family: Helvetica, san-serif;  popular web 2.0 font */

}



html>body .goog-inline-block {
	display:-moz-inline-box;
	display:inline-block;
}

.goog-inline-block {
	position:relative;
	display:inline-block;
}

* html .goog-inline-block {
	display:inline 1.8;
	
}

*:first-child+html .goog-inline-block {
	display:inline;
}

.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;
}

.calendar-list input {
	display:inline;
	padding:0;
	margin-bottom:1px;
}

.calendar-list span {
	color:#0f0;
	font-weight:bold;
}

.calendar-list label {
	cursor:pointer;
}

.calendar-container {
	margin:0;
	padding:0;
	font-size-adjust:none;
	position:relative;
}

.view-cap, .view-container-border {
	background-color:#fff;
	/* background-color:#ccc; */
}

.view-container {
	overflow:hidden;
}

.view-container-border {
	padding:0 8px;
	position:relative;
}

.loading {
	background-color:#c44;
	color:#fff;
	padding:2px;
	position:absolute;
	top:0;
	right:2px;
	z-index:25000001;
	display:none;
	white-space:nowrap;
}

.calendar-container.IE7 {
	overflow-x:hidden;
}

.detail-item {
	padding:0;
	margin:0;
}

.event-details-label {
	display:block;
	clear:left;
	float:left;
	font-size:100%;
	font-weight:bold;
	padding:3px 0;
	margin:0;
	width:7.0em;
	color:#4e4e4e;
}

.event-when, .event-where, .event-description, .event-who, .event-going {
	display:block;
	margin-left:7em;
	padding:3px 0;
}

.detail-content {
	padding:1em 0;
}

* html .event-detail-item {
	margin-right:-3px;
}

* html .event-when, * html .event-where, * html .event-description, * html .event-who, * html .event-going {
	height:1%;
	margin:0;
}

.cc {
	position:absolute;
	z-index:30000001;

	font-size:83%;
	border:1px solid gray;
	background-color:#fff;
	visibility:hidden;
}

.cc .titlebar {
	background-color:#e8eef7;
}

.cc .close {
	margin:2px 2px 0 0;
	float:right;
	cursor:pointer;
}

.cc .title {
	padding:2px;
	font-weight:bold;
}

.cc .root {
	border:0 none;
	width:100%;
	height:100%;
}

.calendar-container {

	font-size:small;
}

.footer {display: none;}
}

.subscribe-image {
	cursor:pointer;
}

.menu-arrow { /* display: none; */
	vertical-align:bottom;
	cursor:pointer;
}

.header {
	padding:0 8px;
}

.header img {
	border:0 none;
	vertical-align:middle;
}

.navSpacer {
	width:100%;
	cursor:default;
}

.date-controls {
}


.legend-bullet {
	margin:0.2em;
	border:0.05em solid #aaa;
	padding:0;
	vertical-align:text-bottom;
	width:0.9em;
	height:0.9em;
	overflow:hidden;
}

.date-buttons img {
	vertical-align:middle;
}

.nav-table tr {
	padding:0;
	margin:0;
}

.nav-table td {
	vertical-align:middle;
}

.nav-table .view-tab {
	vertical-align:bottom;
	padding:0 2px;
}

.nav-table {
	white-space:nowrap;
	cursor:pointer;
}

.arrowImg { 

	margin-left:5px;
	margin-right:5px;
	
}

.date-picker-on {
	border:1px solid #808080;
}

.date-picker-arrow-on {
	background-color:#ccc;
}

.date-top, .date-top-on, .date-top-over {
	font-weight:bold;

	/*
	padding-top:1px;
	padding-left:.3em;
	padding-right:.3em;
	*/
	white-space:nowrap;
}

.date-top-over {
	text-decoration:underline;
}

.cal-menu {
	position:absolute;
	left:11px;
	top:37px;
	z-index:100001;
	border:1px solid #808080;
}

.view-tab-unselected {
	background-color:#e8eef7;
}

.view-tab-selected {
	background-color:#ccc;
}

.tab-name {
	padding:4px 5px 3px;
	white-space:nowrap;
}

.tab-spacer {
	width:3px;
	cursor:default;
}

.calendar-list {

	padding:2px;
	font-size:9pt;
	border:1px solid gray;
	background-color:#fff;
	width:14em;
}

.calendar-nav img {
	width:15px;
	height:14px;
}

.calendar-list .subscribeButton {
	width:100%;
	margin:2px 0 0;
}

.calendar-list img {
	cursor:pointer;
	margin-left:3px;
}

.bubble {
	position:absolute;
	z-index:30000002;
	visibility:hidden;
	font-size:9pt;
}

.IE6 .bubble .corner {
	position:relative;
}

.bubble .t {
	width:100%;
	height:25px;
	margin:0 25px;
	background-position:bottom center;
	background-repeat:repeat-x;
}

.IE6 .bubble .t {
	margin-bottom:-1px;
}

.bubble .tl {
	height:100%;
	width:25px;
	margin-left:-25px;
	background-position:bottom right;
	background-repeat:no-repeat;
}

.bubble .tr {
	height:100%;
	width:25px;
	margin-right:-25px;
	float:right;
	background-position:bottom left;
	background-repeat:no-repeat;
	cursor:pointer;
}

.bubble .m {
	width:100%;
	padding-left:25px;
	background-position:center left;
	background-repeat:repeat-y;
	background-color:#fff;
}

.bubble .mr {
	width:100%;
	background-position:center right;
	background-repeat:repeat-y;
	padding-right:25px;
}

.IE6 .bubble .mr {
	background:none;
	margin-left:-1px;
	border-right:1px solid #ababab;
}

.bubble .b {
	width:100%;
	height:25px;
	margin:0 25px;
	background-position:top center;
	background-repeat:repeat-x;
}

.bubble .bl {
	height:100%;
	width:25px;
	margin-left:-25px;
	background-position:top right;
	background-repeat:no-repeat;
}

.bubble .br {
	height:100%;
	width:25px;
	margin-right:-25px;
	float:right;
	background-position:top left;
	background-repeat:no-repeat;
}

.bubble .closebutton {
	margin-top:10px;
}

.bubble .details .title {
	font-weight:bold;
	font-size:medium;
}

.bubble .detail-content {
	padding-bottom:0;
}

.bubble .tap {
	width:98px;
	height:96px;
	margin-top:-25px;
	direction:ltr;
}

.bubble .separator {
	height:1px;
	line-height:0;
	font-size:0;
	width:100%;
	margin-top:10px;
	margin-bottom:5px;
}


.weekview {
	background-color:#c3c3c3;
	height:100%;
	overflow:hidden;
}

.weekview a, .weekview a:visited {
	text-decoration:none;
}

.weekview img {
	border-style:none;
}

.weekview table {
	margin:0;
	padding:0;
}

.weekview .weektop {
	table-layout:fixed;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
	font-size:8pt;
}

.IE7 .weekview .weektop {
	position:relative;
}

.weekview .daynames {
	height:1em;
}

.weekview .daynames .dayname {
	font-weight:normal;
	color:#000;
	/*color:#112abb; */
	padding:1px;
	white-space:nowrap;
}

.weekview .daynames th.today {
/*	color:#fff;
	font-weight:bold;
	background-color:#8ac;
	padding:0;
	border-top:1px solid #6786a7;
	border-left:1px solid #6786a7;
	border-bottom:1px solid #ace;
	border-right:1px solid #ace;
	*/
}

.weekview .dummyth {
	vertical-align:top;
	background-color:#ccc;
	padding:0;
}

.weekview .dummy2 {
	background-color:#ccc;
	width:100%;
	z-index:24000000;
	position:relative;
}

.weekview .allday {
	background-color:#e8eef7;
	font-size:0;
}

.weekview .allday td {
	border-top:1px solid #a2bbdd;
	border-left:3px double #ddd;
	padding-bottom:17px;
	vertical-align:top;
}

.weekview .placeholder {
	display:none;
}

.IE .weekview .placeholder {
	display:inline;
}

.weekview .webcontent td {
	font-size:0;
	border-top:1px solid #fff;
	padding-left:2px;
	padding-bottom:5px;
}

.weekview .webcontent td img {
	margin-bottom:-5px;
	height:16px;
	width:16px;
	cursor:pointer;
}

.weekview .scrolltimedevents {
	overflow:auto;
	position:relative;
	overflow-x:hidden;
	background-color:#fff;
	border-top:1px solid #a2bbdd;
	border-left:1px solid #a2bbdd;
	border-bottom:1px solid #fff;
	padding:0;
	font-size:8pt;
}

.weekview .timedevents {
	table-layout:fixed;
	width:100%;
}

.weekview .dummy {
	width:36px;
	padding:0;
}

.locale-zh_tw .weekview .dummy, .locale-zh_cn .weekview .dummy, .locale-ko .weekview .dummy, .locale-ja .weekview .dummy {
	width:61px;
}

.weekview .times {
	padding:0;
	width:34px;
}

.IE6 .weekview .times {
	width:35px;
	padding-left:0;
}

.locale-zh_tw .weekview .times, .locale-zh_cn .weekview .times, .locale-ko .weekview .times, .locale-ja .weekview .times {
	width:59px;
}

.locale-zh_tw .IE6 .weekview .times, .locale-zh_cn .IE6 .weekview .times, .locale-ko .IE6 .weekview .times, .locale-ja .IE6 .weekview .times {
	width:60px;
}

.locale-ar .weekview .dummy, .locale-iw .weekview .dummy {
	width:41px;
}

.locale-ar .weekview .times, .locale-iw .weekview .times {
	width:39px;
}

.locale-ar .IE6 .weekview .times, .locale-iw .IE6 .weekview .times {
	width:40px;
}

.weekview .times {
	background-color:#e8eef7;
	color:#468;
	text-align:right;
	vertical-align:top;
	padding-left:1px;
}

.weekview .times div {
	position:relative;
	height:12px;
}

.IE6 .weekview .times div {
	line-height:1em;
	margin-top:2px;
	padding-right:1px;
}

.weekview .day {
	border-left:3px double #ddd;
	overflow:hidden;
	vertical-align:top;
}

.weekview td.today {
/*	background-color:#ffc; */
}

.weekview .timedevent {
	position:relative;
	overflow:hidden;
	color:#fff;

	z-index:500;
	cursor:pointer;
}

.weekview .ec {
	background-color:#0f0;
	height:1px;
	margin:0 2px;
}

.weekview .ec2t {
	background-color:#0f0;
	height:1px;
	margin:0 1px;
}

.weekview .ec2b {
	height:1px;
	margin:0 1px;
	background-color:#0f0;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#0f0;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0f0;
}

.IE6 .weekview .ec, .IE6 .weekview .ec2t, .IE6 .weekview .ec2b {
	font-size:1px;
	line-height:0;
}

.weekview .eventcontainer {
	background-color:#0f0;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#0f0;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0f0;
	padding:0 2px;
	overflow:hidden;
}

.IE6 .weekview .eventcontainer {
	padding:0;
	margin-right:-5px;
	width:100%;
}

.weekview .topbar {
	background-color:#0f0;
	font-size:7pt;
	font-weight:bold;
	white-space:nowrap;
	margin:-3px -2px 0 -2px;
	padding-bottom:1px;
	height:12px;
}

.IE6 .weekview .topbar {
	overflow:hidden;
}

.weekview .topbar .eventstarttime {
	padding:1px 0 0 3px;
}

.weekview .timedevent .eventtitle {
	line-height:11pt;
}

.weekview .hourmarkers {
	padding-top:2px;
}

.IE6 .weekview .hourmarkers {
	margin-top:-1px;
	padding-top:0;
}

.weekview .hourmarker {
	position:relative;
	height:0;
	border-top:1px solid #ddd;
	margin-bottom:-1px;
}

.weekview .halfhourmarker {
	position:relative;
	height:0;
	border-top:1px dotted #ddd;
	margin-bottom:-1px;
}

.IE6 .weekview .hourmarker, .IE6 .weekview .halfhourmarker {
	font-size:1px;
	line-height:0;
	z-index:400;
}

.weekview .nowmarker {
	border-top-color:red;
	margin-top:-14px;
	z-index:24000000;
}

.IE6 .weekview .nowmarker {
	z-index:24000000;
}

.weekview .alldayevent {
	margin:1px -3px 1px -3px;
	white-space:nowrap;
	color:#fff;
	overflow:visible;

	position:relative;
	font-size:8pt;
	cursor:pointer;
}

.weekview .alldayevent .ec {
	background-color:#0f0;
	margin:0;
	font-size:0;
}

.weekview .alldayevent .bg {
	background-color:#0f0;
	padding-left:3px;
	display:block;
	margin-bottom:-1.3em;
}

.weekview .alldayeventcontainer {
	padding-left:3px;
	line-height:1.3em;
	display:block;
}

.IE6 .weekview .alldayleftarrow .alldayeventcontainer {
	margin-top:1px;
}

.weekview .alldayleftside, .weekview .dummyevent {
	border-left:3px double #ddd;
}

.weekview .alldayleftside .ec {
	margin-left:1px;
}

.weekview .alldayleftside .alldayeventcontainer {
	display:block;
}

.weekview .alldayrightside {
	text-align:left;
	margin-right:0;
}

.weekview .alldayrightside .ec {
	margin-right:1px;
}

.weekview .alldayrightarrow .moreright {
	float:right;
	position:relative;
	padding:0 2px 0 3px;
	margin-top:-13px;
	background-color:#0f0;
	height:8px;
	z-index:29000000;
}

.IE .weekview .alldayrightarrow .moreright {
	margin-top:-11px;
}

.weekview .alldayleftarrow .moreleft {
	background-color:#0f0;
	height:8px;
}

.weekview .alldayevent .eventtitle, .weekview .dummyevent span {
	width:100%;
}

.weekview .dummyevent {
	background-color:#e8eef7;
	padding:1px 0;
	margin-right:0;
	cursor:default;
}

.weekview .dummy3 {
	display:none;
}

.IE .weekview .dummy3 {
	display:block;
}

.locale-rtl .IE7 .weekview .dummy3 {
	display:none;
}

.monthview a, .monthview a:visited, .monthview a:active, .monthview a:hover {
	color:#112abb;
}

.monthview a, .monthview a:visited {
	text-decoration:none;
}

table.mvcontainer td{border-collapse: collapse;}

.mvcontainer {
	clear:both;
	height:100%;
	width:100%;
/*	background-color:#ccc; */
	background-color:#fff; 
	table-layout:fixed;
	font-size:normal;
	margin-bottom:-1px;
	overflow:hidden;
}

.IE7 .mvcontainer {
	position:relative;
}

.monthview .daynames {
	height:1em;
}

.monthview .daynames th {
	font-weight:normal;
	font-size: x-large;
	letter-spacing: 0.2em;
	/* 	color:#112abb; */
	color:#000; 
	padding:0;
	width:14.28571%;
}

.monthview .week {
	overflow:hidden;
}

.monthview .week td {
	background-color:#fff;
/*	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	*/
	vertical-align:top;
	overflow:visible;
	padding:0;
}

.IE6 .monthview .week td {
	overflow:hidden;
}

.monthview .week td.today {
/*	background-color:#ffc; */
}

.monthview .week td h3 {
	font-weight:normal;
	font-size:x-large;
	text-align:right;
	line-height:24px;
	margin:0;
	padding:2px 1px 0 0;
	color:#222;
	z-index: 9999999;
	/* background-color:#e8eef7; */
}



webcontenticons img { z-index: 99999;}

.week td.today h3 {
/*
	background-color:#bcd; */
}



.IE6 .monthview .webcontent {
	margin-bottom:-3px;
}

.monthview .webcontenticons img {
	margin:0 -3px 0 0;
	padding:0;
	height:16px;
	width:16px;
	border-style:none;
	cursor:pointer;
}


.monthview .morewebcontent {
	margin-left:2px;
	font-size:10pt;
	position:relative;
	top:-4px;
	padding:0 2px;
}

.monthview .event {
	margin:1px;
	margin-left:-1px;
	padding:1px 0 1px 3px; 

	border-left:1px solid #fff; 
	white-space:nowrap;
	color:#0f0;
/*	background-color:#fff; */
	overflow:hidden;
	position:relative;
	cursor:pointer;
	border:#fff; 
}

#htmlRenderer .monthview .event {
	position:static;
}

.monthview .today .event {
/*	background-color:#ffc; */
}

.IE6 .monthview .event {
	width:95%;
	margin:1px 0;
	padding-left:2px;
	left:-1px;
}

.monthview .morelink {
	text-align:center;
	color:#112abb;
	text-decoration:underline;

}

.monthview .dummyevent {
/*	margin:1px 0 1px -1px; */
	margin:1px 0 1px 0px;
	cursor:default;
}

.IE6 .monthview .dummyevent {
	position:relative;
	margin-right:-1px;
}

.monthview .alldayevent {
	margin:1px 0 1px 0px;
	color:#fff;
	background-color:#0f0;
	padding-top:0;
	padding-bottom:0;
	border-left:none;
	overflow:visible;
}

.monthview .today .alldayevent {
	background-color:#0f0;
}

.IE6 .monthview .alldayevent {
	margin-left:0;
	width:auto;
}

.IE7 .monthview .alldayevent {
	height:1.4em;
}

.monthview .ec {  /* take these out - don't look good on pdf ?*/
	background-color:#fff; 
	height:1px ;  /* was 1 */
}

.IE6 .monthview .ec {
	font-size:1px;
	line-height:0;
	margin:0 -1px;
}

.IE6 .monthview .bg {
	background-color:#0f0;
	padding-top:1px;
	margin-left:-2px;
	margin-bottom:-1px;
	margin-right:-1px;
}

.IE6 .monthview .alldayrightside .bg {
	margin-right:0;
}

.IE6 .monthview .startallday .bg, .IE6 .monthview .alldayleftarrow .bg {
	margin-bottom:-1.3em;
}

.IE6 .monthview .startallday {
	position:relative;
	background:none;
}

.monthview .alldayleftside {
	margin-left:1px;
	padding-left:2px;
}

.IE6 .monthview .alldayleftside {
	margin-left:2px;
	padding-left:2px;
}

.monthview .alldayleftside .bg {
	display:none;
}

.IE6 .monthview .alldayleftside .bg {
	display:block;
}

.monthview .alldayleftside .ec {
	margin-left:-2px;
	border-left:1px solid #fff; 
}

.monthview .alldayrightside {
	margin-right:1px;
	text-align:left;
}

.IE6 .monthview .alldayrightside {
	margin-right:0;
	text-align:left;
}

.monthview .alldayrightside .ec {
	 border-right:1px solid #fff; 
}

.IE6 .monthview .alldayrightside .ec {
	margin-right:0;
}

.monthview .alldayrightarrow .moreright {
	float:right;
	position:relative;
	padding:0 2px 0 3px;
	margin-top:-12px;
	height:8px;
	background-color:#0f0;
}

.monthview .alldayrightarrow .moreright img {
	margin:0;
	padding:0;
}

.monthview .alldayleftarrow .moreleft {
	background-color:#0f0;
}

.monthview .alldayevent .eventtitle, .monthview .dummyevent span {
	width:100%;
	visibility:hidden;
}

.monthview .startallday .eventtitle {
	visibility:visible;
}

.IE6 .monthview .startallday .eventtitle {
	position:relative;
}

.monthview .eventstarttime {
	font-size:7pt;
	margin-right:2px;
}

.extraevents {
	overflow:hidden;
}

.IE6 .extraevents .event {
	left:1px;
	border-left:none;
}

.goog-cal-dp-popup {
	position:absolute;
	display:none;
	border:1px solid black;
	background:#ccc;
	font-size:9pt;
	line-height:1em;
	width:170px;
	z-index:25000003;
}

.goog-cal-dp-dayh {
	font-size:78%;
}

.goog-cal-dp-monthtable {
	width:100%;
	padding:0;
	border-bottom:1px #a2bbdd solid;
	-webkit-user-select:none;
	-khtml-user-select:none;
}

.IE .goog-cal-dp-monthtable {
	table-layout:fixed;
}

.goog-cal-dp-monthtable TD {
	text-align:center;
	padding:2px;

	font-size:85%;
}

.goog-cal-dp-heading {
	background:#ccc;
	color:#112ABB;
	font-weight:bold;
	vertical-align:middle;
}

.goog-cal-dp-cur {
	font-weight:bold;
	padding-bottom:4px;
	text-align:center;
	white-space:nowrap;
}

.goog-cal-dp-prev, .goog-cal-dp-next {
	font-size:125%;
	padding-bottom:6px;
	cursor:pointer;
}

.goog-cal-dp-prev {
	text-align:right;
}

.goog-cal-dp-next {
	text-align:left;
}

.goog-cal-dp-days {
	background:#ccc;
}

td.goog-cal-dp-weekday {
	background:#fff;
}

td.goog-cal-dp-weekday-selected {
	background:#ace;
}

td.goog-cal-dp-weekend {
	background:#eee;
}

td.goog-cal-dp-weekend-selected {
	background:#9bd;
}

td.goog-cal-dp-with-events {
	font-weight:bold;
}

td.goog-cal-dp-offmonth {
	color:#888;
}

td.goog-cal-dp-day-left {
	border-left:1px #a2bbdd solid;
}

td.goog-cal-dp-day-right {
	border-right:1px #a2bbdd solid;
}

td.goog-cal-dp-dayh {
	border-bottom:1px #a2bbdd solid;
}

td.goog-cal-dp-today, td.goog-cal-dp-today-selected {
	padding:1px;
	color:#fff;
	border:1px solid;
}

td.goog-cal-dp-today {
	background:#9ab;
	border-color:#567 #abc #abc #567;
}

td.goog-cal-dp-today-selected {
	background:#579;
	border-color:#246 #9bd #9bd #246;
}

td.goog-cal-dp-onhover {
	background-color:#def;
	color:#000;
}

table.mvcontainer  {}
table.mvcontainer tr.week {
border-left: 1px solid black;
}

tr.daynames {background: #ccc; }
.eventstarttime {display: none;}


