/*
* dotCal UI CSS Framework
* Copyright (c) 2009 neutralspace, inc.
*/

/* Formatting
----------------------------------*/

html, body {
    height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
html body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.75em;
	line-height: 1.33em;
}
html body.ui-widget-overlay {
	background-image: none !important;
	border: 0 !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0 ;
	opacity:1.0;    
	position: relative;
}
#overlay {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
    z-index: 997;
}
#overlay {
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 997;
}
#loading {
    position: absolute;
    top: 150px;
    left: 50%;
    margin: 0 0 0 -250px;
    width: 500px;
    font-size: 1.5em;
    z-index: 998;
}
#loading .message {
    border-width: 3px;    
    position: relative;
    z-index: 999;
}
h1, h2, h3, h4, p {
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.33em;
}
h1 {
	font-size: 2em;
	font-weight: normal;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	font-size: 1.17em;
	font-weight: normal;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
a {
	color: #000;
	text-decoration: underline !important;
}
a:hover {

}
div, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
object {
    background: none transparent;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
iframe {
    background: none transparent;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
button {
	text-align: center;
	cursor: pointer;
	cursor: hand;
	padding: 0.2em 0.5em;
	font-size: 0.92em;
	text-align: center;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
button .ui-icon {
    margin: 0 auto;
}
button.noStyle {
    background: none transparent;
    border: 0;
    margin: 0;
    padding: 0;
    overflow:visible;
}
.withIconLeft {
    overflow: hidden;
    padding-left: 2.2em !important;
}
.withIconRight {
    overflow: hidden;
    padding-right: 2.2em !important;
}
.withIconLeft .ui-icon, .withIconLeft .icon {
    left: 0.2em;
    margin-left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.withIconRight .ui-icon, .withIconRight .icon {
    right: 0.2em;
    margin-right: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
input.ui-widget-content, textarea.ui-widget-content {
    background: #fff;
    color: #333;
}
input, textarea {
	background-image: none !important;
	padding: 0.2em;
}
input.ui-widget-content, textarea.ui-widget-content {

}
.buttonWrap {
    text-decoration: none !important;
}
.button, .buttonWrap span {
    padding: 0.2em 0.5em;
    text-decoration: none !important;
}
.buttonBig, .buttonWrapBig span {
    padding: 0.5em 0.75em;
    text-decoration: none !important;
    font-size: 1.33em;    
}
hr {
    background-color: #999;
    color: #999;
    border: 0;
    margin: 10px 0;
    padding: 0;
    height: 1px;
    line-height: 0;
}

/* Structure
----------------------------------*/
html #padding {
    padding: 10px;
}
html #container {
        /* this is the old style for the container, leave it because its better
           and it might come back soon.  */
/*	padding: 10px;
	-webkit-border-radius: 20px;    /* for Safari */
  /*	-moz-border-radius: 20px;       /* for Firefox */
 /* 	position: relative;
  	background-position: top !important; */

        background: #fff
        /* Changed to 2 plus borders */
        border: 2px solid #ddd;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:1%;
        margin-left:1%;
        padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
}
#header {
    margin-bottom: 4px;
}
#header .innerWrap {
    padding: 5px;
    margin-left: 244px;
}
#subHeader .innerWrap {
    padding: 5px;
}
#content {
    height: auto;
}
#content .section {
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
	position: relative;
}
#content #contentInnerWrap {
     position: relative;   
}
.leftColumn {
	float: left;
	width: 160px;
}
.rightColumn {
	float: right;
	width: 160px;
}
.leftColumn  .innerWrap, .rightColumn  .innerWrap {
    padding: 10px;
}
.leftColumn h3, .rightColumn h3 {
    margin: 0.2em;
    padding: 0.2em 0.5em;
    text-align: center;
}
.leftColumn  .buttons, .rightColumn  .buttons {
    margin: 0;
    padding: 0;
}
.leftColumn  .buttons li, .rightColumn  .buttons li {
    list-style-type: none;
    display: block;
    margin: 0 0 5px 0;
    position: relative;
}
.leftColumn  .buttons li button, .rightColumn  .buttons li button,
.leftColumn  .buttons li .button, .rightColumn  .buttons li .button {
    width: 99%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.leftColumn  .buttons li .button, .rightColumn  .buttons li .button {
    display: block;
    width: 98%;
}
.leftColumn  .buttons li.last, .rightColumn  .buttons li.last {
    margin: 0;
}
.leftColumn .list , .rightColumn .list {
    margin: 0;
    padding: 0;
}
.leftColumn .list li , .rightColumn .list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    list-style-type: none;
    font-size: 0.92em;
    position: relative;
}
.leftColumn .list li.last, .rightColumn .list li.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.oneColumn .middleColumn {
    margin: 0;
}
.twoColumnLeft .middleColumn {
    margin: 0 0 0 170px;
}
.twoColumnRight .middleColumn {
	margin: 0 170px 0 0;
}
.threeColumn .middleColumn {
    margin: 0 170px;
}
.leftColumn .section, .rightColumn .section {
	float: none !important;
	width: auto !important;
    background: #fff;
	color: #333;
}
.leftColumn .section, .rightColumn .section a {
    color: #000;
}
#footer {
	font-size: 0.83em;
	overflow: hidden;
}
#footer .innerWrap {
	padding: 5px;
}
#footer .innerWrap .links {
    float: left;
}
#footer #copyright {
    float: right;
    margin-left: 5px;
    display: block;
}
#footer .subscribe {
    float: left;
}

#footer #revision {
    float: right;
    margin-left: 5px;
}

/* Custom
----------------------------------*/

#search {
    margin: 0 0 5px 0;
}
#search #ns-search-bar {
    float: left;
    width: 70%;
}
#search #ns-search-button {
    margin: 0;
    padding: 0;
    width: 2em;
    height: 2em;
    float: left;
    margin-left: 5px;
}
#logo {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}
#slogan {
    color: #000;
    position: absolute;
    top: 67px;
    left: 10px;
    z-index: 0;
}
#histgoramOuterWrap {
}
#histgoramOuterWrap .label {
    float: left;
    background-image: none;
    float: left;
    display: block;
    height: 2.15em;
    line-height: 2.15em;
    padding: 0 0.5em;
    position: relative;
    z-index: 1;
    margin-right: -3px;
}
#histgoramOuterWrap .loadingSettings {
    margin-left: 1em;
    float: left;
}
#viewOuterWrap {
     width: 20em;
     margin: 0 auto; 
}
#viewOuterWrap .calViewButton {
    width: 2.33em;
    height: 2.33em;
    position: relative;
    z-index: 2;
}
#view {
    position: relative;
    margin: 0 3.5em;
    z-index: 1;
}
#view .zoomLabel {
    display: block;
	width: 25%;
	float: left;
    padding: 0;
	position: absolute;
	top: 15px;
	z-index: 2;
}
#ns-tabs-view {
    z-index: 2;
}
#newCalendarPanels #newCalURLField {
    border-top: 0;
}
#dotCalConnectHeader {
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}
#outlook2003 {
    float: left;
    width: 45%;
    margin: 0;
    padding: 0;
    text-align: center;
}
#outlook2007 {
    float: right;
    width: 45%;
    margin: 0;
    padding: 0;
    text-align: center;
}
#outlook2003 a, #outlook2007 a {
    text-decoration: none !important;
}
#outlook2003 a strong, #outlook2007 a strong {
    text-decoration: underline !important;
}
#outlook2003 a img, #outlook2007 a img {
    margin-top: 0.5em;
}
.subscribe {
    float: left;
    clear: left;
    overflow: hidden;
    white-space: nowrap;
}
.subscribe .txt {
     float: left;
}
.subscribe .share {
    float: left;
}
.subscribe .share a {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.calSubscribe {
	clear: left;
	white-space: nowrap;
	text-align: left;
	margin-left: 6px;
    margin-bottom: -4px;
    padding-bottom: 0;
}
.calSubscribe .txt {
	position: relative;
	top: -.45em;
	left: -0.5em;
}
.calSubscribe .share a {
	width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Tabs
----------------------------------*/

#tabby {
	padding: 0;
}
#tabby .ns-tabs-bar {
	margin-bottom: -1px;
	clear: both;
	position: relative;
}
#tabby .ns-tabs-buttons {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
}
#tabby .ns-tabs-left-buttons {
    left: 0;
}
#tabby .ns-tabs-right-buttons {
    right: 0;
}
#tabby .ns-tabs-buttons li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#tabby .ns-tabs-buttons button {
	height: 2.33em;
	line-height: 2em;
	z-index: 1;
	position: relative;
    padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}
#tabby .ns-tabs-buttons button.ui-state-active, #tabby .ns-tabs-buttons button.ui-state-hover {
    z-index: 2;
}
#tabby .ns-tabs-buttons .icon {
	width: 2.33em;   
	padding: 0;
	margin: 0;
}
#tabby .ns-tabs-buttons button span {
	margin: -1px auto 0 auto;
}
#tabby .ns-tabs-left-buttons {
	position: absolute;
	top: 0;
	left: 0;
}
#tabby .ns-tabs-left-buttons button {
	margin-right: -1px;
}
#tabby .ns-tabs-right-buttons {
	position: absolute;
	top: 0;
	right: 0;
}
#tabby .ns-tabs-right-buttons button {
	margin-left: -1px;
}
#tabby #ns-menu {
	margin: 0;
	padding: 0;
	z-index: 99;
	width: 10em;
}
#tabby #ns-menu li {
	list-style-position: inside;
	list-style-type: disc;
	display: list-item;
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	font-size: 0.92em;
	position: relative;
	z-index: 1;
	margin-top: -1px;
	float: none;
}
#tabby #ns-menu li span {
	margin: 0;
	padding: 0;
	border: 0;
	background: none transparent;
}
#tabby #ns-menu li.ui-state-highlight {
	z-index: 2;
}
#tabby #ns-tabs-list {
}
#tabby .ns-tabs-bar .ns-tabs-disabled {
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	cursor: default !important;
}
#tabby #ns-tabs-list #ns-tab-icon {
	border: 0;
	padding: 0;
	margin-right: 5px;
	width: 1.33em;
	height: 1.33em;
	margin-left: 0.2em;
}
#tabby #ns-tabs-list #ns-tab-label {
	overflow: hidden;
	text-align: center;
	display: block;
	white-space: nowrap;
	position: relative;
	line-height: 1.33em;
}
#tabby #ns-tabs-list #ns-tab-close {
	float: right;
	background: none transparent;
	border: 0;
	padding: 0;
	cursor: hand;
	cursor: pointer;
	margin-left: 5px;
}
#tabby #ns-tabs-list-bar {

}
#tabby #ns-tabs-list {

}
#tabby #ns-tabs-list li {
	padding: 0.5em 0;
	display: block;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 0;
}
#tabby #ns-tabs-list li #ns-tab-dots {
	float: right;
	margin-left: 5px;
	margin-right: 0.2em;
}

/* Buttons
----------------------------------*/

.calButtons {
	margin: 0;
	padding: 0;
	line-height: 2em;
}
.calButtons button {
	margin: 0;
	height: 2.33em;
	line-height: 2em;
	float: left;
	display: block;
	position: relative;
	z-index: 1;
}
.calButtons button.ui-state-active, .calButtons button.ui-state-hover {
    z-index: 2;
}
.calButtons .icon {
	width: 2.33em;
	height: 2.33em;
	padding: 0;
}
.calButtons button .ui-icon {
    margin: 0 auto;
    position: relative;
    line-height: 0;
}
.calButtonsLeft {
	float: left;
	text-align: left;
}
.calButtonsLeft button {
    margin-right: -1px;
}
.calButtonsRight {
	float: right;
	text-align: right;
	margin-left: 10px;
}
.calButtonsRight button {
    margin-left: -1px;
}
.calViewButton {
    padding: 0;
    cursor: pointer;
    cursor: hand;
}

/* Calendar
----------------------------------*/

/*  Calendar Date Display  */

#calDateArea {
    line-height: 2em;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
#calDateArea #calDateDisplay {
 	font-size: 1.5em;
}

/*  Loadding  */

.loadingSettings {
 	font-size: 1.5em;
}

/*  Calendar Wrap  */

#calendarWrap {
	position: relative;
}
#mainPageContainer {
	position: relative;
	background-image: none;
}
#mainPageContainer .withButtons {
    margin-right: 2.5em;
}
#mainPageContainer .calButtons {
    position: absolute;
    top: 0;
    right: 0;
}
#mainPageContainer .calButtons .calViewButton {
    float: left;
    clear: left;
}
#mainPageContainer #calViewUp {
    padding: 3em 0;
    height: auto;
    margin-bottom: 5px;
}
#mainPageContainer #calViewDown {
    padding: 3em 0;
    height: auto;
}
#calendar {

}
#calendar table {
	width: 100%;
	table-layout: fixed;
}
#calendar, #newCalendar {
	clear: both;
	position: relative;
	background-image: none;
	font-weight: normal;
}

/*  Year View  */

.yearView .monthRow {
	clear: left;
}
#calendar .miniCalContainer {
	float: left;
	width: 33%;
}
#calendar .miniCalContainer .miniCal {
    margin: 10px;
}
#calendar .miniCalContainer .miniCal .miniCalHeader {
	font-weight: bold;
	padding: 0 0 5px 0;
	cursor: pointer;
	cursor: hand;
}
#calendar .miniCalContainer .cell, #calendar .miniCalContainer .weekDisplayCell {
	height: 3em !important;
	vertical-align: middle;
	text-align: center;
}
#calendar .miniCalContainer .weekDisplayCell, #calendar .miniCalContainer .monthHeader .weekDisplayDay {
	width: auto !important;
}
#calendar .miniCalContainer .cell .header {
	font-weight: normal;
	text-align: center;
}
#calendar .miniCalContainer .cell .header .date {
	float: none;
}
#calendar .miniCalContainer .cell .header .monthName {
    display: none;
}  
#calendar .miniCalContainer .cell .more {
	margin: 0 auto;
	float: none;
	position: static !important;
}

/*  Month View  */

#calendar .monthHeader {

}
#calendar .weekDisplayDay {
	width: 4%;
	border-width: 1px 0 1px 1px !important;
}
#calendar .weekDay {
	padding: 0.5em 0;
	white-space: nowrap;
	text-align: center;
	z-index: 5;
	vertical-align: middle;
	font-weight: bold;
	border-width: 1px 0;
}
#calendar .monthHeader .first {
    border-left-width: 1px;
}
#calendar .monthHeader .last {
    border-right-width: 1px;
}
#calendar .month {
	position: relative;
	border-width: 0;
}
#calendar #monthRow_spacer {
	display: none;
}
#calendar .month .weekDisplayCell {
	border-width: 0 1px 1px 1px;
	overflow: hidden;
	height: 10em;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	width: 4%;
	background-position: top;
}
#calendar .month .weekDisplayCell span {
	font-size: 1.17em;
}
#calendar .month .odd {

}
.monthView .event {
    margin: 0;
}

/*  Week View  */

#calendar .eventContainers {
	table-layout: fixed;
	width: 100%;
}
.weekView .eventContainer {
	margin: 0;
	padding: 0;
}

/*  Day View  */

.scroll {
    height: 588px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: none transparent;
    border-width: 0 1px 1px 0;
    position: relative;
}

#calendar #dayHeader .last {
    border-width: 1px 1px 1px 0;
    background: none-transparent;
}
#calendar .dayHeader, #calendar .timeHeader {
	padding: 0.5em 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	border-width: 1px 0;
}
#calendar .dayHeader .date, #calendar .timeHeader .date {
    display: block;
    font-size: 0.86em;
}
#calendar .timeHeader {
    width: 4em;
    border-width: 1px 0 1px 1px;
}
#calendar #allDay #allDayHeader {
    text-align: center;
	border-width: 0 1px 3px 1px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	padding: 0 !important;
	width: 4em;
}
#calendar #allDay .scroll {
    z-index: 4;
	position: relative;
	background: transparent none;
    height: 4em;
    border-width: 0 1px 3px 0;
}
#calendar #allDay .allDayCell {
    height: 4em;
    border-width: 0 1px 0 0;
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#calendar .timeOfDay {
	text-align: center;
	border-width: 0 1px 1px 1px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	width: 4em;
}
#calendar .timeOfDay span {
	font-size: 1.17em;
}
html #calendar .dayEvents {
    height: 2em;
    padding: 0.5em 0;
}

/*  List View  */

#calendar #listView {
	padding: 10px;
	min-height: 588px;
	background-image: none;
}
#calendar #listView #expandCollapse {
	margin: 0;
	padding: 0;
}
#calendar #listView #expandCollapse li {
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0 0.2em 10px 0;
}
#calendar #listView #listContent .listTitle {
	padding: 5px;
	height: auto;
}
#calendar #listView #listContent .listDetails {
	margin: 0;
	padding: 5px 0;
}
#calendar #listView #listContent .listDetails li {
	list-style-type: none;
}
#calendar #listView #listContent .listDetails .listChildItem {
	clear: left;
	padding: 2px 0;
}
#calendar #listView #listContent .listDetails .listChildItem .listEventTime {
	float: left;
	width: 4em;
	text-align: right;
	margin-right: 5px;
}
#calendar #listView #listContent .listDetails .listChildItem .listEventToggle {
	cursor: pointer;
	float: left;
	margin-right: 5px;
}
#calendar #listView #listContent .listDetails .listChildItem .listEventTitle {

}
#calendar #listView #listContent .listDetails .listChildItem .listEventInfo {
	padding: 0 0 5px 0;
	border-width: 0 0 1px 0;
	background: none transparent;
	margin-left: 4em;
	padding-left: 26px;
	font-size: 0.92em;
}
#calendar #listView #listContent .listDetails .listChildItem .listEventItem {
	padding: 0.2em 0;
	float: none !important;
}

/*  Cell  */

#calendar .cell {
	border-width: 0 1px 1px 0;
	height: 10em;
	text-align: left;
	vertical-align: top;
    background-image: none !important;
}
#calendar .cell .header {
	font-weight: bold;
	display: block;
	overflow: hidden;
	position: relative;
}
#calendar .cell .header .date {
	float: right;
}
#calendar .cell .header .buttons {
    float: left
}
#calendar .cell .header .monthName {
     font-size: 1.2em;
     font-style: italic;
}

/*  Event  */

#calendar .event {
	font-size: 0.92em;
	overflow: hidden;
    margin: 0.2em 0;
    padding: 0;
	cursor: move;
	text-align: left;
	clear: both;
	line-height: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	white-space: nowrap;
}
#calendar .event .innerWrap {
    margin: 0 0.2em;
    padding: 0 0.2em;
    overflow: hidden;
    height: 1.33em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#calendar .event .event-time {
	font-weight: bold;
	line-height: 1.33em;
	float: left;
	position: relative;
}
#calendar .event .event-title {
	border: 0 !important;
	line-height: 1.33em;
	overflow: hidden;
	width: auto;
	display: block;
	text-align: left;
    padding: 0 0.5em;
    position: relative;
}
#calendar .more {
    position: absolute;
	margin: 0;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	top: 0;
	left: 0;
}
#calendar .more-txt {
    padding: 0.2em;
    font-size: 0.92em;
    text-decoration: underline !important;
	cursor: pointer;
	cursor: hand;
}
#calendar .more span {
	margin: 0 auto;
	padding: 0;
}

/*  Controls ( Vertical Tabs )  */

#subscriptionsMainPage {
}

.controls, #newCalendarControls {
	margin: 0;
	padding: 0;
	float: left;
	width: 12em;
}

.controls, #subsCalendarControls {
	margin: 0;
	padding: 0;
	float: left;
	width: 12em;
}
.controls li, #newCalendarControls li {
	display: block;
	list-style-type: none;
	margin-top: -1px;
}

.controls li, #subsCalendarControls li {
	display: block;
	list-style-type: none;
	margin-top: -1px;
}
.controls li a, #newCalendarControls li a {
	display: block;
	position: relative;
	cursor: pointer;
	cursor: hand;
	padding: 0.5em;
	position: relative;
	z-index: 1;
	text-decoration: none !important;
}

.controls li a, #subsCalendarControls li a {
	display: block;
	position: relative;
	cursor: pointer;
	cursor: hand;
	padding: 0.5em;
	position: relative;
	z-index: 1;
	text-decoration: none !important;
}
.controls li a img, #newCalendarControls li a img {
	margin-bottom: -3px;

}
.controls li a img, #subsCalendarControls li a img {
	margin-bottom: -3px;
}
.controls li a:hover, #subsCalendarControls li a:hover {
	text-decoration: none !important;
}
.controls li .ui-state-active, #newCalendarControls li .ui-state-active {
	z-index: 5;
	background-image: none;
	border-right: 0;
}
.controls li .ui-state-active, #subsCalendarControls li .ui-state-active {
	z-index: 5;
	background-image: none;
	border-right: 0;
}

/*  Panels ( Vertical Tabs )  */

.panels, #newCalendarPanels {
	margin-left: 12em;
	position: relative;
	z-index: 4;
	top: -1px;
	left: -1px;
	background-image: none !important;
	padding: 5px;
	margin-bottom: 10px;
}
.panels .header, #newCalendarPanels .header {
	padding: 5px 10px;
	font-weight: bold;
	margin: -1px 0  0;
}
.panels .panel {
	padding: 10px;
	min-height: 26em;
	border-width: 0 1px 1px 1px;
	background-image: none !important;
	font-weight: normal;
	background: #fff;
	color: #333;
	overflow: hidden;
}
html .panels .comingSoon, html #newCalendarPanels {
    min-height: 30em;
}
#newCalendarPanels .newCalendarPanel {
	padding: 10px;
    border-width: 0 1px 1px 1px;
	min-height: 0;
	background-image: none !important;
	font-weight: normal;
	background: #fff;
	color: #333;
	overflow: hidden;
}
#newCalendarPanels #calErrors {
    padding: 5px;
    background-image: none;
    margin: 0 0 10px 0;
}
.calEditingError {
    padding: 5px;
    background-image: none;
    margin: 0 0 10px 0;    
}
html .panels .landing, html #newCalendarPanels .landing {
	border-width: 1px;
	min-height: 30em;
}
.panels .panel label, #newCalendarPanels .newCalendarPanel label {
	float: left;
	width: 150px;
}
.panels .panel a, #newCalendarPanels .newCalendarPanel a {
    color: #000 !important;
}

#panelsMainPage .pageTitle {
    font-size: 1.5em;
}

#panelsMainPage .panelsHeader {
    margin: 0 0 1em 0;
}

/*  Buttons ( Vertical Tabs )  */

.control-button {
    float: right;
    margin-left: 0.2em;
}

/* Share Panel
----------------------------------*/
#share {
    position: relative;
}
#share .panel {
    min-height: 0;
    border-width: 1px;
    margin-top: -1px;
}
#share .share-panel {
    display: none;
    width: 48%;
    margin: 0 auto;
    position: static;
}
#share #share-main-panel {
    margin: 0 auto 10px auto;
    position: static;
}

#share #share-form {
    width: 45%;
    float: left;
}

#share #share-form .share-option {
    border-style:solid;
    border-width:1px;
    padding: 1em;
    margin: 0 0 1em 0;
}

#ns-share-email-confirmation-recipients {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#ns-share-email-confirmation-recipients li {
    display: inline;
}

/* This is added to the recipients lists if it needs to have scrollbars.  */
.share-email-confirmation-recipients-compact {
   max-height: 200px;
   overflow-y: scroll;
   overflow-x: hidden;
   position: relative;
   background: #fff none;
   color: #333;
}

#share-main-panel label {
    /*  overwrite selector  ".panels .panel label, #newCalendarPanels .newCalendarPanel label" "*/
    width: auto;
    float: none;
}

#ns-share-email-send {
    float:right;
    margin-left: 1.4em;
}
#ns-share-email-preview {
    float: right;
    margin-top: .3em;
}
#ns-share-email-cancel {
    float: left;
}

#share .control-button {
    margin-left: .8em;
}

/* Syncing
----------------------------------*/

#caldavEmailNeededMessage {
    display: none;
    border: none; /* override ui-state-error; I just want the colors. */
    margin-bottom: 0.2em;   /* make it butt right up against the address field. */
    padding-bottom: 0;
}

#caldavLoginUnauthorized {
    display: none;
    border: none;
}

#caldavLoginProgress {
    margin-top: 1em;
    display: none;
}

#caldavLoginSecurityWarning {
    position: relative;
    top: 2em;
}

#caldavSelection-remoteCalendars {
	list-style-type: none;
	padding-left: 0;
}

#caldavSelection-remoteCalendars label {
    /*  overwrite selector  ".panels .panel label, #newCalendarPanels .newCalendarPanel label" "*/
    width: auto;
    float: none;
    
    padding-left: 0.5em;
    margin-bottom: 0.2em;
}

/* New panel system
----------------------------------*/

.newPanel {
    display: none;
    padding: 5px;
    margin: 2em 4.5em 2em 12em;
    position: relative;
    top: -1px;
    left: -1px;
}

.newPanel .header {
    padding: 5px 10px;
    font-weight: bold;
    margin: -1px 0 0 0;
}

.newPanelSection {
    margin: 0;
    padding: 1em 1em .25em 1em;
    border-bottom-width: 0 !important;
    background: white !important;
}

.newPanelSection:last-child {
    padding-bottom: 1em;
}

.okButton {
    font-weight: bold !important;
}

.okButton, .cancelButton {
    width: 5em;
    height: 2.25em;
    margin-right: .5em;
    /* This looks way better, but needs to be done within the theme system:
    border: solid 1px #999 !important; */
}

/* Themes
----------------------------------*/

.themes {
    margin: 0;
    padding: 0;
}
.themes li {
    list-style-type: none;
    margin: 0 20px 20px 0;
    float: left;
    padding: 5px;
    background-image: none !important;
}
.themes li dl {
    background: #fff none;
    margin: 0;
    color: #333;
}
.themes li dl a {
    color: #000;
}
.themes li dl a.button {
     padding: 0.2em 0.5em !important;
     width: auto !important;
}
.themes li dl dt {
    text-align: center;
    margin: 0;
    padding: 10px;
}
.themes li dl dt h3 {
    margin: 0;
    padding: 0;
}
.themes li dl dd {
    text-align: center;
    margin: 0;
    padding: 10px;
}
.themes li .active {
    display: none;
}
.themes li.ui-state-active .active {
    display: block;
}
.themes li.ui-state-active .notActive {
    display: none;
}
.themes-small li {
    float: none;
    margin: 0 0 10px 0;
}
.themes-small .buttonWrap, .themes-small .buttonWrap span {
    display: block;
}

/* Overrides 
----------------------------------*/

.ui-widget {
	font-size: 1em !important;
	line-height: 1.33em;
}
.ui-state-confirm {
    background-color: #eafbe5 !important;
    border: 1px solid #2fdc00 !important;
    color: #006633 !important;
}
#ui-datepicker-div {
	z-index: 999;
    top: 0 !important;
    left: 27.5em !important;
}
.ui-slider-handle {
	cursor: pointer !important;
	cursor: hand !important;
}

/* Misc
----------------------------------*/

.clear {
	clear: both;
	margin: 0 !important;
	padding: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}
.inlineBlock {
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
	clear: both;
	height: 0;
}
.clearfix { overflow: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*  Underline & Hover Classes  */
.cell .header .date:hover, .dayHeader:hover, .weekDisplayCell:hover, #view .zoomLabel span:hover, 
#calendar .miniCalContainer .miniCal .miniCalHeader:hover, .event .event-time .time:hover, .event .event-title .title:hover, #calendar #listView #listContent .listDetails .listChildItem .listEventTitle:hover, 
.underline {
	text-decoration: underline !important;
	cursor: pointer !important;
	cursor: hand !important;
}

/*  Ads  */
.spiderable {
	display: none;
}
.fake_google_ad {
	margin: 0;
	padding: 0;
	color: black;
}
.fake_google_ad li {
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: underline;
	display: inline;
	padding: 0 10px 0 4px;

}
.adWrapper {
	position: relative;
}
.adCover {
	display: block;
	opacity: 0.01;
	z-index: 99;
	position: absolute;
	overflow: hidden;
}
.ads {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
}
.ads img {
    margin: 0 0 10px 0;
    border: 1px solid #999;
}

/*  Droppable  */
.droppable {
    background-color: #999 !important;
    background-image: none !important;
}
.monthView .droppable .date {
	font-size: 1.67em;
	color: #fff;
}

/*  various Classes  */
.message {
    background-image: none !important;
    padding: 10px;
    margin: 0 0 10px 0;
    position: relative;
}
.message ul {
    margin: 0;
    padding: 0;
}
.message ul li {
    font-weight: bold;
    padding: 0.2em 0;
    margin: 0 0 0 2em;
}
.content {
	padding-top: 10px;
}
.color {
    border: 1px solid #999 !important;
    background-image: none !important;
    color: #333 !important;
}
.links a {
    font-size: 0.92em;
}
html .FBConnectButton_Simple, html .FBConnectButton_RTL_Simple {
    background-image: none;
    display: block;
}
html .FBConnectButton_Simple .FBConnectButton_Text_Simple {
    margin-left: 0;
    text-decoration: none !important;
    padding: 0;
}
html .share .FBConnectButton_Simple, html .share .FBConnectButton_RTL_Simple {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/facebookbutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.myspace_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/myspacebutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.twitter_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/twitterbutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.outlook_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/outlookbutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.thunderbird_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/thunderbirdbutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.iphone_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/phonebutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.ical_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/icalbutton.png') !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
}

.google_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/googlebutton.png') !important;
    width: 18px !important;
    height: 18px !important;
    display: block;
}

.dotcal_share_button {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/dotcalbutton.png') !important;
    width: 20px !important;
    height: 19px !important;
    display: block;
}

.outlook_2003_share_image {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/outlook2003button.png') !important;
    width: 64px !important;
    height: 64px !important;
    display: block;
}

.outlook_2007_share_image {
    background-image: url('/stylesheets/dotcal/images/calendar_buttons/outlook2007button.png') !important;
    width: 64px !important;
    height: 64px !important;
    display: block;
}

/**
* Styles for the the dotcal.calendar.event.recurrence.* widgets
*/
#recurrenceHousing {
    padding: 0.5em;
}

#recurrenceSettings {
   margin: 0.5em 0 0 0;
}

#recurrDisplayPeriod {
    width: 6.3em;
}

#recurrDisplayFreq {
    width: 6.4em;
}

#monthDisplayPeriod {
    width: 6.2em;
}

#monthDisplayFreq {
    width: 7.7em;
}

#recurrPeriodTimes {
    width: 1.9em;
}

.recurrenceBubble {
    width: 600px;
}

#recurrenceSelectable .ui-selecting { background: #FECA40; }
#recurrenceSelectable .ui-selected { background: #F39814; color: white; }
#recurrenceSelectable { list-style-type: none; margin: 0; padding: 0; }
#recurrenceSelectable li { padding: 1px; float: left; padding: 1px; text-align: center;}

#location_link_span {
    margin: 0.3em 0pt 0pt 0.3em;
    display: none;
}
#location_link {
    font-size: 0.92em;
}

#facebook_bubble .buttons{
    text-align: left;
    padding: 0.2em 0 0.2em 1em;
}

#facebook_bubble .title{
    margin: 0.5em 0 0 0;
}

#facebook_bubble .description {
    width: 95%;
    overflow: hidden;
    height: 2.5em;
}

#facebook_bubble .specify {
    width: 100%;
    height: 15em;
}

#facebook_bubble .specify_left {
    float: left;
    width: 48%;
    height: 90%;
}

#facebook_bubble .specify_right {
    float: right;
    width: 48%;
    height: 100%;
    text-align: right;
}

#facebook_bubble textarea {
    width: 95%;
    height: 10.5em;
}

#facebook_bubble .carousel .image {
    height: 12.6em;
    width: 100%;
    text-align: center;
}

#facebook_bubble .carousel .image img {
    width: 150px;
    height: 150px;
}

#facebook_bubble .carousel .controls {
    height: 2em;
    width: 99%;
}

#facebook_bubble .carousel .controls .control {
    width: 10%;
}

#facebook_bubble .carousel .controls .middle {
    width: 90%;
    text-align: center;
}

.user_form_label {
}

.required_field {
    color: #990000;
}