/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

/*------ Panels --------- */
.whereIsPanel {
	background-color: #C0ADDB;	
}

.topBarPanel {
	height: 30px;
	align: right;
	margin-top: 10px;
	margin-bottom: 20px;
  }
  
.bottomBorder {
	border-bottom:10px solid #000000;
}
  
.loginPanel {
	width: 1000px; 
	align: center;
}

.alignRight {
	    text-align: right;
}

.loginLink {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
    text-align: right;
}

.forgotPasswordLink {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 9pt;
    text-align: right;
}
 	
.northPanel {
	height: 75px;
	margin-bottom: 15px;
	align: center;
  }

.logoHeader {
	align: center;
}

.allDayScrollPanel {
	border-bottom:4px solid #EBEBEB;
}

.allDayTable {
	background-color: #A4B4C4;	
}

.timelineHeaderCell {
	background-color: #A4B4C4;	
}

.noWrapButton {
        white-space: nowrap;        
}

.tvFinderPanel {
	margin-top: 50px;
	margin-left: 5px;
	margin-right: 60px;
	border:3px solid #D8F0C0;	
}

.centerPanelBottom {
	margin-top: 20px;
    padding-bottom: 0px;
}

.configPanel {
	height: 500px;
	margin-top: 20px;
    padding-bottom: 0px;
}

.timeHeaderLabel {
	margin-right: 10px;
}

.configButton {
	display: block;
	background-color: transparent;
	background-image: url(images/configButton.png);
	background-repeat: no-repeat;
	border: transparent;
	margin-top: 20px;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	width: 100px;
	height: 500px;
}

.transButton {
	display: block;
	background-color: transparent;
	border: transparent;
}

.lineButton {
	display: block;
	background-color: transparent;
	border: transparent;
	padding: 0px 0px 0px 0px;
}

.msieButton {
	width:0;
   	overflow:visible;
}

.blackText {
	color: #000000;
}
.whiteText {
	color: #000000;
}

.noBottom {
	border-bottom: transparent;
}

.buttonStandard {
	background-color: #2A8FBD;
}
.buttonStandardHL {
	background-color: #6CDFEA;
}

.buttonStandard2 {
	color: #8F9A9C;
	background-color: #F7FDFA;
}
.buttonStandard2HL {
	color: #9D9D93;
	background-color: #F2F3E9;
}

.buttonCancel {
	background-color: #7F94B0;	
}
.buttonCancelHL {
	background-color: #A1BEE6;	
}

.detailTabPanel {
    margin-top: 20px;
	padding-bottom: 0px;
}	

.southPanel {
	height: 75px;	
}

.dayPanel {
	height: 800px;
  	width:  115px;
	border-left:3px solid #EBEBEB;
}

.border2px {
	border:2px solid #000000;
}
.border2pxGray {
	border:2px solid #C0C0C0;
}


.widthLabel {
  font-size: 10pt;
  margin-left: 5px;
  background-color: transparent;
  width:  115px;
}

.transparentPopup {
  background-color: transparent;
}

.buttonShadow {
	background-color: #EEE;
	float: left;
	-webkit-box-shadow: inset -1px -1px 1px 1px#888;
	box-shadow: inset -1px -1px 1px 1px #888;
}

.buttonShadowPressed {
	background-color: #EEE;
	float: left;
	-webkit-box-shadow: inset 1px 1px 1px 1px#888;
	box-shadow: inset 1px 1px 1px 1px #888;
}

.roundedCornersButton {
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.roundedCorners {
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.roundedCornersTop {
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.roundedCornersBottom {
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.standardPopupPanel {
	border-left:10px solid #B6A3A7;
	border-top:10px solid #B6A3A7;
	border-right:4px solid #B6A3A7;
	border-bottom:4px solid #B6A3A7;
	background: #FFFFFF;

	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tvLoadLabel {
  	font-size: 9pt;
  	background-color: transparent;
  	width:  237px;
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

.tableRowOdd {
	background-color: #A4B4C4;
}

.tableRowEven {
	background-color: #FFFFFF;	
}

.tableRowHighlight {
	background-color: #E8F3F8;
}

.scheduleTimesAbsolutePanel {
	height: 800px;
	width: 60px;	
}	

.scheduleTimesGridCell {
	font-size: 10pt;
	height: 20px;
	color: #515151;
	text-align: right;
	width: 40px;	
}	

.westLayoutTable {
	margin-top: 10px;	
}


/*-----Labels------*/

.headerLabel {
	font-size: 14pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.level2Label {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
	margin-left: 5px;
}

.level2PopupLabel {
    color: #FFFFFF;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
	margin-left: 5px;
}

.searchingLabel {
    color: #737373;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
	margin-left: 5px;
}

.pastDateLabel {
    color: #737373;
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

.grayText {
    color: #737373;
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

.lbGray {
    color: #737373;
}

.metaMainLabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 25px;
    margin-right: 10px;
    margin-bottom: 0px;
	margin-left: 5px;
}

.level2ALabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
	margin-left: 15px;
}

.backgroundGray {
	background-color: #E7E7E7;
}

.backgroundLightBlue {
	background-color: #E2EAED;
}

@eval fontsize com.timeshaker.client.ScreenSizing.thirtynineWidth + "pt";

.level3Label {
	color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
	margin-left: 5px;
}


.searchLabel {
	color: #999999;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: right;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}

.loadingLabel {
	color: #999999;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16pt;
}


.searchLabel2 {
	color: #999999;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
	margin-top: 10px;
	margin-bottom: 3px;
}

.boxHeaderLabel {
	color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
}

.boxFooterLabel {
	color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
    text-align: left;
}

.level3ALabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

.orLabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.level4Label {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
	margin-left: 5px;
}

.level4PopupLabel {
    color: #FFFFFF;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
}

.fontGeorgiaSerif {
	font-family: Georgia, serif;
}

.bannerLabel {
	background-color: #999999;
	color: #FFFFFF;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 9pt;
}

.label7pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 7pt;
}
.label8pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 8pt;
}
.label9pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 9pt;
}
.label10pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
}

.label11pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
}

.label12pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 12pt;
}
.label13pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 13pt;
}
.label14pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 14pt;
}
.label15pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 15pt;
}
.label16pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16pt;
}
.label18pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 18pt;
}
.label20pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 20pt;
}
.label22pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 22pt;
}
.label24pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 24pt;
}
.label25pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 25pt;
}
.label26pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 26pt;
}
.label28pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 28pt;
}
.label30pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 30pt;
}
.label40pt {
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 40pt;
}

.labelWhite {
    color: #FFFFFF;
}

.verticalText {
    filter         : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform  : rotate(270deg);
    -moz-transform     : rotate(270deg);
    -o-transform       : rotate(270deg);
}

.labelBold {
	font-weight: bold;
}

.logTableHeaders {
	color: #000000;
	padding-top: 0px;
	font-weight: bold;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
}

.level5Label {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 8pt;
    margin-top: 3px;
}

.scheduleTimeLabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
    margin-right: 10px;
}

.level4NoMarginLabel {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 10pt;
    text-align: left;
    margin-bottom: 5px;
}

.descriptionLabel {
    color: blue;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
    margin-bottom: 5px;
}

.leftMargin {
	margin-left: 10px;
}

.marginRight5 {
	margin-right: 5px;
}
.marginRight10 {
	margin-right: 10px;
}
.marginLeft3 {
	margin-left: 3px;
}
.marginLeft5 {
	margin-left: 5px;
}
.marginLeft7 {
	margin-left: 7px;
}
.marginLeft10 {
	margin-left: 10px;
}
.marginLeft15 {
	margin-left: 15px;
}
.marginLeft20 {
	margin-left: 20px;
}
.marginLeft30 {
	margin-left: 30px;
}
.marginTop5 {
	margin-top: 5px;
}
.paddingTop5 {
	padding-top: 5px;
}
.marginTop3 {
	margin-top: 3px;
}
.marginTop2 {
	margin-top: 2px;
}
.marginTop8 {
	margin-top: 8px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginTop15 {
	margin-top: 15px;
}
.marginTop20 {
	margin-top: 20px;
}
.marginTop30 {
	margin-top: 30px;
}
.marginBottom3 {
	margin-bottom: 3px;
}
.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}
.marginBottom15 {
	margin-bottom: 15px;
}
.marginBottom20 {
	margin-bottom: 20px;
}

.fullTVBackground {
	background-color: #CDD3D8;
	border: transparent;
}
.fullTVBorder {
	border:8px solid #A1A5A2;		
}

.tvUserHeaderPanel {
	margin-left: 10px;
	margin-top: 7px;
}

.tvUserPanel {
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.header4Label {
    color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}

.categoryLabel {
    color: #000000;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.typeLabel {
    color: #000000;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 11pt;
    text-align: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 15px;
}

.containerPanel {
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.picTitlePanel {
	margin-left: 5px;
}


/*---Profile panel --- */

.profileLabel {
	font-size: 16pt;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

.tvCheckBox {
	font-size: 14pt;
	height: 20px;
	width: 20px;	
}

.friendsScrollPanel {
	width: 500px;	
}	

.profileHeaderLabel {
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

.profileWidgetTable {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.connectedLabel {
	font-size: 12pt;
	color: green;
	margin-top: 0px;
	margin-bottom: 5px;
}

.headerPanel {
	height:  30px;	
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 0px;
}


.backgroundPanel {
	background-color: #D8F0C0;
}

.headerPopupPanel {
	height:  40px;	
	background-color: #226FCB;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 0px;
}

.transparentPopupPanel {
	background-color: transparent;
	border: transparent;
}

.whiteFlexTable {
	background-color: #FFFFFF;
	border: transparent;
}
.blackFlexTable {
	background-color: #000000;
	border: transparent;
}

.popupBorder {
	border:6px solid #226FCB;		
}

.boxHeaderPanel {
	height:  30px;	
	border:2px solid #FFFFFF;	
}

.cityZip {
	color: #000000;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 9pt;
}

.separator {
	display: block;
	background-color: transparent;
	background-image: url(images/separator.png);
	background-repeat: no-repeat;
	border: transparent;
	margin-top: 7px;
	margin-bottom: 13px;
	text-align: center;
	text-decoration: none;
	width: 40px;
	height: 15px;
}

.profileHorizontalPanel {
	align: top;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-top: 0px;
}

.flexCell99 {
	align: top;
	background-color: #999999;
}

.checkBoxPanel {
	margin-left: 15px;
	margin-bottom: 15px;
}


.googleButton {
	display: block;
	background-color: transparent;
	background-image: url(images/googlebutton.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 77px;
	height: 69px;
}

.tvSidePanelEventListBackground {
	background-color: #E4ECED;
}
.tvSidePanelEventListBorder {
	border:3px solid #A5CFD8;	
}

.widgetPanel {
	align: top;
	border:3px solid #D8F0C0;	
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 40px;
}

.tvCBCheckedBig {
	display: block;
	background-color: transparent;
	background-image: url(images/checkedbox.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 20px;
	height: 20px;
}

.tvCBUncheckedBig {
	display: block;
	background-color: transparent;
	background-image: url(images/uncheckedbox.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 20px;
	height: 20px;
}

.tvCBCheckedSmall {
	display: block;
	background-color: transparent;
	background-image: url(images/checkedboxsmall.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 12px;
	height: 12px;
}

.tvCBUncheckedSmall {
	display: block;
	background-color: transparent;
	background-image: url(images/uncheckedboxsmall.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 12px;
	height: 12px;
}

.standardImageButton {
	display: block;
	background-color: transparent;
	background-image: url(images/addphotobutton.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 66px;
	height: 50px;
}

.calendarButton {
	display: block;
	background-color: transparent;
	background-image: url('images/buttoncalendar.png');
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 91px;
	height: 22px;
}

.comboButton {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	border:2px solid transparent;
	text-align: center;
	text-decoration: none;
	width: 94px;
	height: 22px;
}

.buttonZoomOut {
	display: block;
	background-color: transparent;
	background-image: url('images/buttonzoomout.png');
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 85px;
	height: 22px;
}

.timeTravelButton {
	display: block;
	background-color: transparent;
	background-image: url('images/buttontimeline.png');
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 91px;
	height: 22px;
}

.standardTVButton {
	display: block;
	border: #000000;
	text-align: center;
	text-decoration: none;
	
	background: #f1f4f9;
	background: -moz-linear-gradient(right, #87acca 0%, #f1f4f9 75%);
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,#87acca), color-stop(75%,#f1f4f9));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
	background-repeat: no-repeat;
	background-color: #F4F7F7;
	
}

.plannerButton {
	display: block;
	background-color: transparent;
	background-image: url(images/addphotobutton.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 74px;
	height: 74px;
}

.registerButton {
	display: block;
	background-color: transparent;
	background-image: url(images/buttonregister.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 156px;
	height: 48px;
}

.loginButton {
	display: block;
	background-color: transparent;
	background-image: url(images/buttonlogin.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 108px;
	height: 48px;
}

.frameButton {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 181px;
	height: 43px;
}

.checkboxFour {
	width: 40px;
	height: 40px;
	background: #ddd;
	margin: 20px 90px;
	border-radius: 100%;
	position: relative;
	font-size: 28px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.boxShadow {
	-webkit-box-shadow: 3px 3px 10px 3px #999999;
	-moz-box-shadow: 3px 3px 10px 3px #999999;
	box-shadow: 3px 3px 10px 3px #999999;
}

.boxShadowBottom {
	-webkit-box-shadow: 0 3px 3px -3px #999999;
    -moz-box-shadow: 0 3px 3px -3px #999999;
    box-shadow: 0 3px 3px -3px #999999;
}

.eventPopShadow {
	-webkit-box-shadow: 5px 5px 10px 5px #999999;
	-moz-box-shadow: 5px 5px 10px 5px #999999;
	box-shadow: 5px 5px 10px 5px #999999;
}

.rotateLeftButton {
	display: block;
	background-color: transparent;
	background-image: url(images/rotateleftbutton.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 27px;
	height: 22px;
}
.rotateRightButton {
	display: block;
	background-color: transparent;
	background-image: url(images/rotaterightbutton.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 27px;
	height: 22px;
}

.buttonSmallStandard {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 94px;
	height: 24px;
}

.blockCell {
	padding: 0px;
	spacing: 0px;
}

.buttonCategory {
	display: block;
	background-color: transparent;
	background-image: url(images/buttonImageSocial.png);
	background-repeat: no-repeat;
	border: transparent;
	text-align: center;
	text-decoration: none;
	width: 146px;
	height: 30px;
}

.fade {
   opacity: 1;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
   }
    .fade:hover {
      opacity: 0.4;
      }
      
.shadeLabel {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 16px; color: #445668;
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

.shadowBox {
	background: #f1f4f9;
	background: -moz-linear-gradient(top, #87acca 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87acca), color-stop(50%,#ffffff));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}

.shadowTextBox {
	background: #f1f4f9;
	background: -moz-linear-gradient(top, #87acca 0%, #f1f4f9 25%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87acca), color-stop(25%,#f1f4f9));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}

.tvLibraryShadowBox {
	background: #262626;
	background: -moz-linear-gradient(top, #262626 0%, #F2F4F6 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(50%,#F2F4F6));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}


.tvLibraryShadowBoxTan {
	background: #CEAA92;
	background: -moz-linear-gradient(top, #CEAA92 0%, #dacabb 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CEAA92), color-stop(50%,#dacabb));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}

.darkBlueShadeBox {
	background: #6695BB;
	background: -moz-linear-gradient(top, #6695BB 0%, #87ACCA 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6695BB), color-stop(50%,#87ACCA));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}


.popupBackground {
	background: #becad5;
	background: -moz-linear-gradient(top, #becad5 0%, #CBD8E8 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#becad5), color-stop(50%,#CBD8E8));
	-moz-box-shadow: 0px 1px 0px #90a686;-webkit-box-shadow: 0px 1px 0px #90a686;
}


.shadeBox {
	-moz-box-shadow: 10px 10px 5px #888888;
	-webkit-box-shadow: 10px 10px 5px #888888;
	box-shadow: 10px 10px 5px #888888;
}

.insetShadow {
	box-shadow:1px 1px 1px 1px #C2CBCE inset;
}


/** NEW PALETTE */
.borderNew2 {
	border:2px solid #262626;	
}

.backgroundNew {
	background: #f7f7f7;	
}

.backgroundDarkNew {
	background: #d5d8d1;	
}

.blueBorderNew {
	border:2px solid #3b809f;	
}

.popupBorderNew8 {
	border:8px solid #3b809f;	
}

.popupBorderNew2 {
	border:2px solid #3b809f;	
}

.popupBorderNew4 {
	border:4px solid #3b809f;	
}

.popupHeaderNew {
	background: #3b809f;	
}

.historyBackground {
	background: #F7F3E1;	
}
.planningBackground {
	background: #E1ECF0;	
}

/** POPUP PALETTE */
.popupThickBorder {
	border:6px solid #9da5b3;	
}

/** PROFILE PALETTE */
.profileBorder2 {
	border:2px solid #90a686;	
}
.profileBorder {
	border:3px solid #90a686;	
}
.profileThinBorder {
	border:2px solid #90a686;	
}
.profileThickBorder {
	border:6px solid #90a686;	
}
.profileBackground {
	background-color: #ebede6;
}
.profileBackgroundLight {
	background-color: #EDF0F7;
}
.profileTabButtonSelected {
	background-color: #90a686;
}
.profileBoxHeaderPanel {
	background-color: #90a686;
}

/** SEARCH PALETTE */
.searchBorder2 {
	border:2px solid #d6867a;	
}
.searchBorder {
	border:3px solid #d6867a;	
}
.searchBackground {
	background-color: #f7f0ee;
}
.searchBackgroundLight {
	background-color: #EDF0F7;
}
.searchTabButtonSelected {
	background-color: #d6867a;
}
.searchBoxHeaderPanel {
	background-color: #d6867a;
}

/** EVENT PALETTE */
.eventBorder2 {
	border:2px solid #87acca;	
}
.eventBorder {
	border:3px solid #87acca;	
}
.eventThickBorder {
	border:9px solid #87acca;	
}
.eventBackground {
	background-color: #f1f4f9;
}
.eventBackgroundLight {
	background-color: #EDF0F7;
}
.eventTabButtonSelected {
	background-color: #87acca;
}
.eventBoxHeaderPanel {
	background-color: #87acca;
}

/** PHOTO PALETTE */
.photoBorder2 {
	border:2px solid #7a6a87;
}
.photoBorder {
	border:3px solid #7a6a87;
}
.photoBackground {
	background-color: #d7d1dc;
}
.photoBackgroundLight {
	background-color: #EDF0F7;
}
.photoTabButtonSelected {
	background-color: #7a6a87;
}
.photoBoxHeaderPanel {
	background-color: #7a6a87;
}


/** TV PALETTE */
.tvBorder2 {
	border:2px solid #dbcd86;	
}
.tvBorder {
	border:3px solid #dbcd86;	
}
.tvBorder2 {
	border:2px solid #dbcd86;	
}
.tvBackground {
	background-color: #faf5e4;
}
.tvBackgroundLight {
	background-color: #EDF0F7;
}
.tvTabButtonSelected {
	background-color: #dbcd86;
}
.tvBoxHeaderPanel {
	background-color: #dbcd86;
}

/** FLEX PALETTE */
.tvContainerHeader {
	background-color: #4682B4;
}
.tvContainerPanelBackground {
	background-color: #4682B4;
}
.tvContainerPanelBorder {
	border:2px solid #4682B4;
}
.tvContainerPanelBorderHL {
	border:2px solid #4682B4;
}
.flexPanelBackground {
	background-color: #F4F7F7;
}
.flexPanelBackgroundLight {
	background-color:#F4F7F7;
}
.flexPanelBorder {
	border-top:3px solid #F4F7F7;	
}

.opaque1 {
	opacity:.10;
	filter:alpha(opacity=10); /* For IE8 and earlier */
}

.opaque2 {
	opacity:.15;
	filter:alpha(opacity=15); /* For IE8 and earlier */
}

.opaque5 {
	opacity:.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.opaque3 {
	opacity:.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
}

.metaDataPanel {
	margin-left: 40px;
}

.rightsPanel {
	align: top;
}

.metaHeaderPanel { 
	background-color: #D8F0C0;
	height: 30px;
	border:3px solid #D8F0C0;	
}	

.rightsScrollPanel {
	width: 450px;
}

.lbRights {
	background: transparent;
	border: none;	
	button: none;	
}

.topButtonPanel {
	background-color: #226FCB
}

.introLabel {
	background: transparent;
	color: #FFFFFF;
	text-align: right;
	font-size: 9pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

.dbstartDateSelect {
	font-size: 9pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

.flexTVHeaderLabel {
	display: block;
	background: transparent;
	color: #F0F0CC;
	border: transparent;
	text-align: left;
	vertical-align:text-top;
	font-size: 11pt;
	margin-top: 3px;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	text-decoration: none;
}

.introButton {
	display: block;
	background: transparent;
	color: #FFFFFF;
	border: transparent;
	text-align: left;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Florence, cursive;
	text-decoration: none;
}

.whatIsTimeShaker {
	display: block;
	background: transparent;
	color: #000000;
	border: transparent;
	text-align: right;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Florence, cursive;
	text-decoration: none;
}

.introButtonHeader {
	display: block;
	background: transparent;
	color: #FFFFFF;
	border: transparent;
	text-align: left;
	vertical-align:text-top;
	font-size: 11pt;
	font-family: Florence, cursive;
	text-decoration: none;
}

.topButton {
	display: block;
	background: transparent;
	color: #FFFFFF;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	font-size: 9pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	text-decoration: none;
}

.popupTransparent {
	background: transparent;
}

.rightsButton {
	display: block;
	background-color: #999999;
	color: #FFFFFF;
	border: transparent;
    padding-right: 3px;
	text-align: right;
	vertical-align:text-middle;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 50px;
	width: 90px;
	text-decoration: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


.rightsButtonSelected {
	background-color: #90a686;	
}

.standardButton {
	display: block;
	background-color: #226FCB;
	color: #FFFFFF;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 20px;
	text-decoration: none;
}

.cancelButton {
	display: block;
	background-color: #999999;
	color: #FFFFFF;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 20px;
	text-decoration: none;
}

.standardPopupButton {
	display: block;
	background-color: #CC6633;
	color: #FFFFFF;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 20px;
	text-decoration: none;
}

.typePanel {
	border-left:2px solid #cccccc;	
}

.3dPanel {
	border-left:4px solid #E7E7E7;	
	border-top:4px solid #E7E7E7;	
	border-right:2px solid #E7E7E7;	
	border-bottom:2px solid #E7E7E7;	
}

.btnCategorySocial {
		background-color: #226fcb;
}
.btnCategoryBusiness {
		background-color: #815651;
}
.btnCategorySchool {
		background-color: #74a538;
}
.btnCategorySports {
		background-color: #7a6a87;
}
.btnCategoryFitness {
		background-color: #b68b3f;
}

.dateRangeButton {
	display: block;
	background-color: #95C5FE;
	color: #FFFFFF;
	text-align: center;
	vertical-align:text-top;
	font-size: 8pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	border: transparent;
	height: 15px;
	width: 20px;
	text-decoration: none;
}

.dateRangeButtonSelected {
	display: block;
	background-color: #226FCB;
	color: #FFFFFF;
	text-align: center;
	vertical-align:text-top;
	font-size: 8pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	border: transparent;
	height: 15px;
	width: 20px;
	text-decoration: none;
}

.metaAddButton {
	display: block;
	background-color: transparent;
	color: #0034aa;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	border: transparent;
	height: 15px;
	text-decoration: none;
}

.metaAddButtonNoMargins {
	display: block;
	background-color: transparent;
	color: #0034aa;
	border: transparent;
	text-align: left;
	vertical-align:text-top;
	margin-top: 2px;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 18px;
	text-decoration: none;
}

.blueButton {
	display: block;
	background-color: transparent;
	color: #0034aa;
	border: transparent;
	text-align: left;
	vertical-align:text-top;
	font-size: 10pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	height: 18px;
	text-decoration: none;
}

.yesLabel {
	color: green;
}

.maybeLabel {
	color: yellow;
}

.noLabel {
	color: red;
}

.eventListCellYes {
	border-left:5px solid green;	
}
.eventListCellNo {
	border-left:5px solid blue;	
}
.eventListCellMaybe {
	border-left:5px solid yellow;	
}

/*---Event detail panel --- */
.addPanelBackground {
	background-color: #D3D3D3;		
	height: 15px;
}

.detailTitle {
	font-size: 16pt;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
}

.eventNameLabel {
	font-size: 12pt;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}

.categoryPanel {
	margin-bottom: 15px;
	margin-left: 15px;
}

.eventPicPanel {
	margin-top: 15px;
}

.eventDetailPanel {
	  height 1000px;
}	

.dcpLabel {
    color: #000000;
	font-size: 12pt;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.tagHeaderLabel {
	font-size: 12pt;
    color: #000000;
    text-align: left;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.addTagHeaderLabel {
	font-size: 12pt;
    color: #000000;
    text-align: left;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.eventDetailTabPanel {
	margin-top: 10px;
	border: transparent;
	
}

.tvRegistrationPanel {
	margin-left: 15px;
	margin-top: 15px;	
	width: 400px;
	height: 175px;
}

.tvEntryPanel {
	margin-bottom: 10px;
	width: 375px;
	height: 200px;
	background-color: #D8F0C0;		
	border: transparent;
}

.tvEntryPopup {
	background-color: #FFFFFF;		
	border:5px solid #D8F0C0;	
}

.tvAbsoluteEntryPanel {
   	height: 800px;
}	


.marginPanel {
	margin-top: 10px;
	margin-left: 15px;
	border: transparent;
}

.arrowRight {
	display: block;
	background-color: transparent;
	background-image: url(images/arrowright.jpg);
	background-repeat: no-repeat;
	border: transparent;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	width: 20px;
	height: 10px;
}

.arrowDown {
	display: block;
	background-color: transparent;
	background-image: url(images/arrowdown.jpg);
	background-repeat: no-repeat;
	border: transparent;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	width: 20px;
	height: 10px;
}



.resultsListPanel {
	margin-top: 0px;
	align: top;
    padding-bottom: 0px;
}

.resultsPanel {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 50px;
	
}

.borderPanel {
	border:3px solid #D8F0C0;	
}

.borderPopupPanel {
	border:3px solid #226FCB;	
	background-color: #FFFFFF;
}

.searchSelectionPanel {
	align: top;
    padding-bottom: 0px;    
}



.tvLeftPanel {
	margin-top: 20px;
	margin-left: 20px;
}

.tvRightPanel {
	margin-top: 20px;
}

/*------ TimeView Finder Box --------- */
.tvFinderPanelLabel {
    color: #000000;
	font-size: 14pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	text-align: center;
}

.tvFinderCatButton {
	display: block;
	background-color: #FAF2F8;
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left: 10px;
	text-align: center;
	vertical-align:text-top;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 14px;
	color: 00000;
	text-decoration: none;
	width: 80px;
	height: 30px;
}

.tvFinderHeaderPanel {
	height:  40px;	
	width:  90px;	
	background-color: #D8F0C0;
	margin-bottom: 15px;
}

.tvFinderButtonsPanel {
	margin-top: 15px;		
	margin-bottom: 15px;		
}	

.categoryTable {
	margin-left: 8px;
    margin-right: 8px;
}

.zipButton {
 	display: block;
	margin-left: 5px;
	height: 20px;
}

.tbzip {
  margin-left: 8px;
  height: 20px;
}

.tvSearchPanel {
	margin-top:5px;	
}	

/*------ Time Picker --------- */
.hoverAMPMButton {
	background-color: #CCFFCC;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.timeEntryLabel {
	background-color: #FFFFFF;
  font-size: 12pt;
  margin-top: 3px;
  	width: 90px;
	height:  25px;	
}

.noHoverAMPMButton {
	background-color: #FFCC99;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.hoverHourButton {
	background-color: #FFFFCC;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.noHoverHourButton {
	background-color: #FF99CC;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.noHover0Button {
	background-color: #FF9933;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.hover0Button {
	background-color: #A0C53F;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.noHover30Button {
	background-color: #FF9933;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.hover30Button {
	background-color: #F08860;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.noHover15sButton {
	background-color: #CDAF78;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.hover15sButton {
	background-color: #1E90FF;
  font-size: 9pt;
  margin-top: 3px;
  	width: 35px;
	height:  25px;	
}

.noHoverMinutesButton {
	background-color: transparent;
  font-size: 9pt;
  margin-top: 3px;
  	width: 23px;
	height:  18px;	
}

.hoverMinutesButton {
	background-color: #FF9933;
  font-size: 9pt;
  margin-top: 3px;
  	width: 23px;
	height:  18px;	
}


/*------ Calendar View/Config Menu --------- */

.submitButton {
  display: block;
  font-size: 9pt;
  margin-top: 7px;
  margin-left:20px;
}

.calendarsLabel {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.calendarsSubLabel {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
    padding-right: 5px;
    padding-bottom: 3px;
}

.calendarConfigButton {
	display: block;
	background-color: transparent;
	background-image: url(images/timeshaker_logo_shaker_button.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding: 0;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 10px;
	color: 000000;
	text-decoration: none;
	width: 30px;
	height: 30px;
}

.timePlannerMenuButton {
	display: block;
	background-color: transparent;
	background-image: url(images/timePlanners.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-top: 20;
	padding-bottom: 30px;
	border: transparent;
	text-align: center;
	vertical-align:text-top;
	text-decoration: none;
	width: 180px;
	height: 60px;
}

.showCalendar {
	display: block;
	background-color: transparent;
	background-image: url(images/calendar_titlebar_show.png);
	background-repeat: no-repeat;
	border: transparent;
	vertical-align:text-top;
	text-decoration: none;
	width: 185px;
	height: 27px;
}

.hideCalendar {
	display: block;
	background-color: transparent;
	background-image: url(images/calendar_titlebar_hide.png);
	background-repeat: no-repeat;
	border: transparent;
	vertical-align:text-top;
	text-decoration: none;
	width: 185px;
	height: 27px;
}

.imageButton {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	border: transparent;
	vertical-align:text-top;
	text-decoration: none;
}

.scheduleButton {
	display: block;
	background-color: transparent;
	color: #0034aa;
	text-align: center;
	vertical-align:text-top;
	font-size: 12pt;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	border: transparent;
	text-decoration: none;
}

.tvButton {	
	display: block;
	font-size: 9pt;
    border: none;
    background-color: transparent;
}

.tvCloseButton {
	display: block;
	background-color: transparent;
	background-image: url(images/closebutton.png);
	background-repeat: no-repeat;
	border: transparent;
	vertical-align:text-top;
	text-decoration: none;
	width: 19px;
	height: 19px;
}

.tvGalleryCloseButton {
	display: block;
	background-color: transparent;
	background-image: url(images/tvgalleryclosebutton.png);
	background-repeat: no-repeat;
	border: transparent;
	vertical-align:text-top;
	text-decoration: none;
	width: 236px;
	height: 27px;
}

.tvLabel {
	font-size: 14px;	
	color: #ffffff;
	font-family: Helvetica, Calibri, Arial, sans-serif;
    text-align: right;
	vertical-align:text-middle;
}

.buttonFrameColor {
	background-color: #1C3952;
}
.buttonFrameColorHL {
	background-color: #689797;
}
.buttonFrameBorder {
	border:3px solid #FFFFFF;	
}
.buttonFrameButton {
	background-color: transparent;
}

.highlightBorder3 {
	border:3px solid transparent;	
}

.highlightBorder2 {
	border:2px solid transparent;	
}

.tvButtonPanel1 {
	background-color: transparent;
	background-image: url(images/tvbutton1.png);
	background-repeat: no-repeat;
    border: none;
	height: 50px;
	width: 50px;
}

.calendarStackPanel {
	font-size: 32px;	
	border: 3px;
	background-color: white;
	
}	

.horizontalPanel {
    align: top;
}

.configurationTable {
	margin: 0;
	padding-top:0px;
	align: top;
}

.userNameHL {
	text-decoration: none;
	underline: none;
}	

/*------ calendar --------- */

/* Timeline  */



.standardBackColor {background-color: #FFFFFF;}

.tvBackColor {background-color: #E5ECF9;}
.backColor0 {background-color: #D8ECDF;}
.backColor1 {background-color: #ADCCEB;}
.backColor2 {background-color: #D9D99D;}
.backColor3 {background-color: #FFEDBF;}	
.backColor4 {background-color: #EAEBD9;}
.backColor5 {background-color: #FFD7C8;}
.backColor6 {background-color: #99CCFF;}
.backColor7 {background-color: #D6CCC2;}	
.backColor8 {background-color: #F2C783;}	
.backColor9 {background-color: #C0DFEC;}	
.backColor10 {background-color: #EDEBFF;}								
.backColor11 {background-color: #EBD8C3;}	
.backColor12 {background-color: #FDF1F4;}	
.backColor13 {background-color: #FFDCA0;}	
.backColor14 {background-color: #a9d98e;}	
.backColor15 {background-color: #FAFBB5;}
.backColor16 {background-color: #C2CCD6;}	
.backColor17 {background-color: #A7D9D3;}	
.backColor18 {background-color: #d9a58e;}	
.backColor19 {background-color: #CCFFCC;}

.eventButton {
	display: block;
	border-top: transparent;
	border-right: transparent;
	background-color: #D8ECDF;
	border-left:3px solid blue;
	border-bottom:2px solid blue;

-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;

	        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        text-align:left;
        padding-left: 0;
        padding-right: 0;
}

.standardLeftBorderColor {border-left:3px solid #000000;}
.standardBottomBorderColor {border-bottom:3px solid #000000;}
.leftBorderColor0 {border-left:3px solid  #D8ECDF;}
.leftBorderColor1 {border-left:3px solid #ADCCEB;}
.leftBorderColor2 {border-left:3px solid #D9D99D;}
.leftBorderColor3 {border-left:3px solid #FFEDBF;}	
.leftBorderColor4 {border-left:3px solid #EAEBD9;}
.leftBorderColor5 {border-left:3px solid #FFD7C8;}
.leftBorderColor6 {border-left:3px solid #99CCFF;}
.leftBorderColor7 {border-left:3px solid #D6CCC2;}	
.leftBorderColor8 {border-left:3px solid #F2C783;}	
.leftBorderColor9 {border-left:3px solid #C0DFEC;}	
.leftBorderColor10 {border-left:3px solid #EDEBFF;}								
.leftBorderColor11 {border-left:3px solid #EBD8C3;}	
.leftBorderColor12 {border-left:3px solid #FDF1F4;}	
.leftBorderColor13 {border-left:3px solid #FFDCA0;}	
.leftBorderColor14 {border-left:3px solid #a9d98e;}	
.leftBorderColor15 {border-left:3px solid #FAFBB5;}
.leftBorderColor16 {border-left:3px solid #C2CCD6;}	
.leftBorderColor17 {border-left:3px solid #A7D9D3;}	
.leftBorderColor18 {border-left:3px solid #d9a58e;}	
.leftBorderColor19 {border-left:3px solid #CCFFCC;}


.tvBorderColor {border:2px solid #8CBBFA;}
.borderHighlight {border:2px solid #FFFB94;}
.borderColor0 {border:2px solid #D8ECDF;}
.borderColor1 {border:2px solid #8ba4be;}
.borderColor2 {border:2px solid #9b9b70;}
.borderColor3 {border:2px solid #a6a778;}	
.borderColor4 {border:2px solid #aaab9d;}
.borderColor5 {border:2px solid #c0a196;}
.borderColor6 {border:2px solid #7096bc;}
.borderColor7 {border:2px solid #a9a199;}	
.borderColor8 {border:2px solid #a7895a;}	
.borderColor9 {border:2px solid #95adb8;}	
.borderColor10 {border:2px solid #bbbaca;}								
.borderColor11 {border:2px solid #b4a595;}	
.borderColor12 {border:2px solid #b6adaf;}	
.borderColor13 {border:2px solid #caae7e;}	
.borderColor14 {border:2px solid #7da169;}	
.borderColor15 {border:2px solid #c8b995;}
.borderColor16 {border:2px solid #9ba3ab;}	
.borderColor17 {border:2px solid #7a9f9a;}	
.borderColor18 {border:2px solid #a37b6a;}	
.borderColor19 {border:2px solid #9bc29b;}

.headerColor0 {background-color:#e9fff0;}
.headerColor1 {background-color:#badbfd;}
.headerColor2 {background-color:#f1f1ad;}
.headerColor3 {background-color:#f0f1ad;}	
.headerColor4 {background-color:#fdffeb;}
.headerColor5 {background-color:#f1cbbd;}
.headerColor6 {background-color:#bef7ff;}
.headerColor7 {background-color:#fff3e7;}	
.headerColor8 {background-color:#ffe2a8;}	
.headerColor9 {background-color:#f9f9ff;}	
.headerColor10 {background-color:#fcf7ff;}								
.headerColor11 {background-color:#ffead3;}	
.headerColor12 {background-color:#fdfdfd;}	
.headerColor13 {background-color:#fff3cf;}	
.headerColor14 {background-color:#c6ffa6;}	
.headerColor15 {background-color:#fffbed;}
.headerColor16 {background-color:#e3effb;}	
.headerColor17 {background-color:#c4fff7;}	
.headerColor18 {background-color:#ffc1a6;}	
.headerColor19 {background-color:#ebffec;}

/* Calendar Event */

.eventButtonYes {
	display: block;
/*	background-color: #FAF2F8;*/
/*	background-image: url(images/calendar_column_green.png);*/
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0;
	text-align: center;
	vertical-align:text-top;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 9px;
	color: 00000;
	text-decoration: none;
	border-top:5px solid #7FAF1B;
	width: 115px;
}


.timeViewButton {
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.timeViewButtonOnCalendar {
	border-left:5px solid blue;
}
.timeViewButtonYes {
	border-left:5px solid #7FAF1B;
}
.timeViewButtonMaybe {
	border-left:5px solid yellow;
}

.month1HeaderCell {
    background-color: #6b95c7;
	font-size: 11pt;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.month2HeaderCell {
    background-color: #6b95c7;
	font-size: 11pt;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.yearHeaderCell {
  font-size: 12pt;
  color: #6b95c7;
  text-align: left;
}

.cellBorder {
	border:2px solid #E1E1E1;
	padding: 0px;
	border-collapse: collapse;
}

.noCellBorder {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.backgroundColor0 {
	background-color: #F4F8FF;
	vertical-align:top;
}
.backgroundColor1 {
	background-color: #F9ECEC;
	vertical-align:top;
}
.backgroundColor2 {
	background-color: #F1F6E4;
	vertical-align:top;
}
.backgroundColor3 {
	background-color: #FCE8CD;
	vertical-align:top;
}


.shadePanel {
	background-color: #B5C3C4;
}

.timelineDayPanel {
    background-color: #5d88a2;	
	width: 115px;
}

.timelineWeekendPanel {
    background-color: #2e647b;	
	width: 115px;
}

.calendarDayLabel {
  font-size: 9pt;
  margin-left: 5px;
color: #F2F2F2;
  width:  115px;
  height: 20px;
}

.calendarLineBreakLabel {
  font-size: 10pt;
  margin-left: 5px;
  background-color: transparent;
  width:  115px;
  height: 3px;
}

.labelBreak {
	word-wrap: break-word;
}

.calendarLineBreak {
    background-color: #0034aa;	
	width: 115px;
	height: 3px;
}
/* Event Selection  */

.dialogBox {
  width: 200px;
  height: 100px;
}

.eventSelctionPanel {
    background-color: #FFFFFF;
	padding-left: 200px;
}

.selectionHeader {
  font-size: 12pt;
  margin-left: 5px;
  color: #4B538B;
  
}

/*------Tag Detail Page--------- */

.detailPanelTable {
	padding-top: 0px;
  
}

.tagActivitiesTitle {
	font-size: 14pt;
	color: #000000;
	padding-top: 15px;
  
}

.detailPanelTableHeader {
	color: #000000;
	padding-top: 0px;
	font-weight: bold;
	font:25px Arial,serif;
}



/*------advertising panel--------- */
.sponsor {
	color: #FFFFFF;
	font: sans-serif;
	font-style: italic;
	font-size: 14pt;
	padding-bottom: 5px;
	margin-left: 40px;
	
}

.italic {
	font-style: italic;	
}

.event {
	color: #FFFFFF;
	font: sans-serif;
	font-size: 14pt;
	padding-bottom: 5px;
	
}

.adBarRight {
    background-color: #EBEBEB;
	margin-left: 20px;
}

.adSquare {
	margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.adMessage {
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 10pt;
	margin-top: 7px;
	margin-left: 7px;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.highlightOn {
	border:5px solid #25E8F2;
}

.highlightOff {
	border:5px solid #FFFFFF;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.dialogHeaderLabel {
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 1.6em;
	color: #2020a4;
	background-color: #e8f8e8;
	margin: 0px 0px 0px;
	padding: 10px 3.8em;
	text-align: left;
	width: 100%;
}

.galleryListPanel {
	background-color: #f8fdef;
 	border:1px solid #a0a0a0;
}
.invisibleFrameStyle {
	border:0;
}
.selectedStyle {
	border:3px solid #7070a0;
}
.lsabel12pt {
}
.clickableLink {
	color: blue;
	text-decoration: underline;
	cursor: hand;
}
.<b>TimeShaker is a whole new way to manage your time.</b>  Find all kinds of public calendars and move selected events into your schedule. {
}