/* Start zbase */
.ZBASE_START{zoom: 1}
FORM{margin:0;padding:0;}
FIELDSET{border:1px solid #99AABD;padding:5px;margin:5px;}
LEGEND{color:black;overflow:hidden;white-space:nowrap;font-weight:bold;}
INPUT[readonly]{color:#686357;background-color:transparent;border:1px solid #d1c6ae;}
TEXTAREA{padding:2px 4px;cursor:text;color:#2B2B2B;background-color:white;border:1px solid #99AABD;}
TEXTAREA[readonly]{color:#686357;background-color:transparent;border:1px solid #d1c6ae;}
input[type="checkbox"]{cursor:pointer;}
input[type="text"],input[type="password"]{font-size:100%;padding:2px 4px;cursor:text;color:#2B2B2B;background-color:white;border:1px solid #99AABD;}
select{font-size:100%}
INPUT[disabled]{color:#D4D4D4;background-color:transparent;border:1px solid #d1c6ae;}
textarea{padding:2px 4px;cursor:text;color:#2B2B2B;background-color:white;border:1px solid #99AABD;font-size:100%;}
.CompactTable{border-collapse:collapse;border-spacing:0;padding:0;}
.fullSize{width:100%;height:100%;}
.fullWidth{width:100%;}
.fullHeight{height:100%;}
.minSize{width:1px;height:1px;}
.leftAlign{text-align:left;}
.rightAlign{text-align:right;}
.checkboxLabel{font-weight:bold;}
.ToolbarBg{background-color:#bab09a;}
.ZmHead{font-size:15px;font-weight:bold;}
.ZmSubHead{font-size:13px;}
.ZmBigger{font-size:15px;font-weight:bold;}
.ZmFinePrint{font-size:9px;}
.ZmImportant{color:darkred;}
.ZmFieldLabel{color:black;overflow:hidden;white-space:nowrap;}
.ZmFieldLabelLeft{color:black;overflow:hidden;white-space:nowrap;text-align:left;}
.ZmFieldLabelRight{color:black;overflow:hidden;white-space:nowrap;text-align:right;}
.ZmFieldLabelCenter{color:black;overflow:hidden;white-space:nowrap;text-align:center;}
.TextPadding{padding-left:3px;padding-right:3px;}
.BigHeaderBg{border-bottom:1px solid #686357;padding-top:1px;background-color:#d1c6ae;height:36px;}
.ZmOverride{background-color:#FFF6BF;padding:2px;}
.ZmSelectedHeaderBg{background-color:#acc0dd!important;}
.ZmGraphKey{background-color:#FFF;border:2px solid;-moz-border-left-colors:#99AABD #746e61;-moz-border-top-colors:#99AABD #746e61;-moz-border-bottom-colors:#d1c6ae #99AABD;-moz-border-right-colors:#d1c6ae #99AABD;}
.ZmGraphKeyHeader{background-color:#BAD7F3;font-size:13px;color:#2B2B2B;padding-left:3px;padding-right:3px;text-align:left;font-weight:bold;vertical-align:middle;}
.ZmGraphKeyBody{padding:5px;margin:5px;}
.ZmGraphKeyColorBox{border:2px solid;-moz-border-left-colors:#99AABD #746e61;-moz-border-top-colors:#99AABD #746e61;-moz-border-bottom-colors:#d1c6ae #99AABD;-moz-border-right-colors:#d1c6ae #99AABD;width:16px;height:16px;}
.ZmGraphKeyColorText{color:#2B2B2B;white-space:nowrap;overflow:hidden;}
.horizSep{height:1px!important;border-bottom:1px solid #99AABD;font-size:1px;line-height:1px;margin:5px 0;width:100%;}
.vertSep{border-left:1px solid #99AABD;margin-left:3px;padding-right:3px;height:20px;}
DIV.vSpace{margin:5px 0;}
.AttLink:link,.AttLink:visited{color:darkblue;text-decoration:none;cursor:pointer;}
.AttLink:hover{color:darkblue;text-decoration:underline;background-color:#e3da93;}
.AttLink:active{color:darkgreen;text-decoration:underline;background-color:#e3da93;}
.Row-selected .AttLink:link,.Row-selected .AttLink:active,.Row-selected .AttLink:visited{color:darkblue;text-decoration:none;cursor:pointer;}
.AttLink:hover,.Row-selected .AttLink:hover{color:darkblue;text-decoration:underline;background-color:#e3da93;}
.DragProxy{-moz-opacity:.7;opacity:.7;}
.notDroppable{border:2px solid red!important;background-color:#e3da93;;-moz-opacity:.7;opacity:.7;}
.notDroppable-linux{border:2px solid red!important;background-color:#e3da93;;}
.droppable{border:2px solid green!important;background-color:#e3da93;;-moz-opacity:.7;opacity:.7;}
.droppable-linux{border:2px solid green!important;background-color:#e3da93;;}
.DragProxyTextLabel{font-weight:bold;color:white;}
.BusyOverlay table,.VeilOverlay table{-moz-opacity:.5;opacity:.5;cursor:wait;background-color:transparent;}
.BusyOverlay-linux table,.VeilOverlay-linux table{cursor:wait;background-color:transparent;}
.VeilOverlay table{cursor:default!important;cursor:not-allowed!important;background-color:white;}
.VeilOverlay-linux table{cursor:default!important;cursor:not-allowed!important;}
.CurtainOverlay table{background-color:white;}
.Row{height:18px;;cursor:pointer;border-style:solid;border-width:1px 0;border-bottom-color:#f6f1e6;-moz-user-select:none;}
.Row TABLE{table-layout:fixed;height:100%;}
.Row TD{vertical-align:middle;white-space:nowrap;overflow:hidden;}
.Row{background-color:#fefdfc;border-top-color:#fefdfc;}
.RowOdd{background-color:#f9f6f0;border-top-color:#f9f6f0;}
/* .selected,.Row-selected,.Row-selected-dragProxy,.Row-selected-disabled{background-color:#fdf8ba!important;border-top-color:#fdf8ba!important;} */
.Row-matched,.Row-matched-dragProxy{background-color:#e3da93;border-style:solid;border-width:1px 0;border-color:#fefdfc;}
.Row-matched table,.Row-matched-drag table{table-layout:fixed;}
.Row-focused{border:2px solid;-moz-border-left-colors:#b1ae82 #fdf9c1;-moz-border-top-colors:#b1ae82 #fdf9c1;-moz-border-bottom-colors:#7f7c5d #cac695;-moz-border-right-colors:#7f7c5d #cac695;border-width:1px 0;}
.Row-selected-actioned{background-color:#e3da93!important;border-color:#e3da93!important;}
.Row-dragProxy,.Row-matched-dragProxy{background-color:#e3da93!important;}
.Row td{color:#2B2B2B;}
.RowOdd td{color:#2B2B2B;}
/* .selected td,.Row-selected td,.Row-selected-dragProxy td,.Row-selected-disabled td{color:#2B2B2B;} */
.Row-matched td{color:#2B2B2B;}
.Row-focused td{color:#2B2B2B;}
.Row-selected-right td{color:#2B2B2B;}
.Row-dragProxy td,.Row-matched-dragProxy td{color:#2B2B2B;}
.Row td.Flag,.Row td.Attach,.Row td.Tag,.Row td.Icon,.Row td.Count,.Row-selected td.Flag,.Row-selected td.Attach,.Row-selected td.Tag,.Row-selected td.Icon,.Row-selected td.Count,.Row-dragProxy td.Flag,.Row-dragProxy td.Attach,.Row-dragProxy td.Tag,.Row-dragProxy td.Icon,.Row-dragProxy td.Count,.Row-selected-dragProxy td.Flag,.Row-selected-dragProxy td.Attach,.Row-selected-dragProxy td.Tag,.Row-selected-dragProxy td.Icon,.Row-selected-dragProxy td.Count,.Row-matched-dragProxy td.Flag,.Row-matched-dragProxy td.Attach,.Row-matched-dragProxy td.Tag,.Row-matched-dragProxy td.Icon,.Row-matched-dragProxy td.Count,.Row-dragProxy td.Flag,.Row-dragProxy td.Attach,.Row-dragProxy td.Tag,.Row-dragProxy td.Icon,.Row-dragProxy td.Count{text-align:center;}
.Unread{color:#2B2B2B;font-weight:bold;}
.ZmOverview{width:100%;height:100%;}
.OverviewTree{width:100%;}
.dialogOverview{background-color:#f9f6f0;border:2px solid;-moz-border-left-colors:#99AABD #746e61;-moz-border-top-colors:#99AABD #746e61;-moz-border-bottom-colors:#d1c6ae #99AABD;-moz-border-right-colors:#d1c6ae #99AABD;padding:5px;height:200px;}
.dialogOverview td{color:#2B2B2B;}
.pickerOverview{background-color:#f9f6f0;height:100%;}
.overviewHeader{cursor:default;background-color:#d1c6ae;border-bottom:1px solid #99AABD;color:#2B2B2B;font-weight:bold;padding-top:1px;padding-left:2px;padding-right:2px;}
.overviewHeader-Text,.overviewHeader-actioned,.overviewHeader-dragOver{color:#2B2B2B;font-weight:bold;}
.overviewHeader .imageCell{padding-right:5px;white-space:nowrap;}
.inlineIcon{font-family:Verdana;font-size:13px;}
.TooltipHint{font-style:italic;text-align:center;white-space:nowrap;}
.TooltipNotInAddrBook{white-space:nowrap;text-align:center;padding:8px 0 5px 0;}
.focusBorder{border:1px dotted black;}
.ZBASE_END{zoom: 1}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {zoom: 1;}

/* ############################################################################## */
/* ## Y! Calendar                                                              ## */
/* ############################################################################## */

xml { display: none; }
    /* MOZILLA: makes the contents of these tags always invisible */

* { box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* box-sizing: resolves the cross-browser box model issue for all tags */

html, body {
    background-color: #E9F2FA;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

a { text-decoration : none; }

img {
	border: none;
	vertical-align: middle;
}

legend {
    color : black;
    padding : 4px 5px 4px 5px;
}

submit, .tbButton {
    background-color: #d1c6ae;
    margin:0px;
    border:1px solid;
    border-color: #bab09a #8b8474 #8b8474 #bab09a;
    text-align:center;
    color : black;
    font-size : 11px;
}

.ZhAppLinks {
	vertical-align: middle;
}

.ZhAppLinks a:link, .ZhAppLinks a:visited {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

.ZhAppSwitchLink a,
.ZhAppSwitchLink a:link,
.ZhAppSwitchLink a:visited {
	font-size:10px;
	font-weight:normal;
}

a:visited { color: blue; }

.TopContent {
	padding:0 15px 0 0;
 /*   border-bottom: 1px solid #98adbe;*/
}

.ZhAppContent2 {
	background-color : #FFF;
	margin:0px;
    border:1px solid;
    border-color:#746e61 #bab09a #bab09a #746e61;
}


.ZhAppContent {
    background-color : #FFF;
    margin:0px;
    border:solid 1px #99AABD;
}

.ZhAppViewContent {
	background-color : #FFF;
	border:solid 1px #99AABD;
	border-top-width:0px;
}


.TbTop INPUT, .TbBottom INPUT {
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	font-size : 11px;
	color : black;
	background-color: #bab09a;
}

/* ---- Top Toolbar Container ----- */
.TbTop {
	background-color: #bab09a;
    border:solid 1px #99AABD;
    border-left-width:2px;
	border-right-width:2px;
}

/* ---- Bottom Toolbar Container ----- */
.TbBottom {
	background-color: #bab09a;
    border:solid 1px #99AABD;
	border-left-width:2px;
	border-right-width:2px;
	margin-bottom:5px;
}

.Tb2 {
	background-color: #bab09a;
}

.TbBt {
	padding:5px;
}

.TbBt A {
	padding: 0px 5px 0px 5px;
}

.TbBt#caltb a:link, .TbBt#caltb a:visited {
    color : black;
    text-decoration: none;
}

.Tb SPAN { vertical-align: middle; }

.Tags SPAN { vertical-align: middle;  padding-right:5px;}

.Unread {	font-weight:bold; }

.RowSelected TD {
    background-color:#ACC0DD !important;
}
.RowMatched TD { background-color: #e3da93 }

.Folder { padding-bottom: 2px;  }

.Folder SPAN { vertical-align: middle; padding-left: 3px; }

.Paging {
	padding: 0px 5px 0px 5px;
}

.Compose {
    background-color: #bab09a;
    border:solid 1px #99AABD;
}

.ConvSummary  {
	background-color : #BAD7F3;
    border-bottom: 1px solid #99AABD;
    padding: 5px 0px 5px 0px;
}

.ConvSummary2  {
	border-bottom: 1px solid #99AABD;
	background-color : #bab09a;
	padding: 5px 0px 5px 5px;
}

.ConvSummary SPAN, .CompOrigAtt SPAN { vertical-align: middle; }


/* Header section for an email message */
.MsgHdr {
    background-color:#d1c6ae;
    border-bottom : 1px solid #99AABD;
    padding:3px;
    margin:0px; border:1px solid #99AABD;
}
.MsgHdr TABLE {
	background-color: #d1c6ae;
	padding: 5px 0 5px 0;
}

.MsgOps {
	background-color : #bab09a;;
}

.Msg { }

.MsgHdrName {
	width: 10%;
	padding: 3px 0px 3px 0px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

.MsgHdrValue {
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	overflow: hidden;
}

.MsgHdrValue IMG { vertical-align: top; }

.MsgHdrSub {
	font-size:15px; font-weight:bold;
}

.MsgHdrSender {
	font-size:13px;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	overflow: hidden;
}

.MsgHdrSent {
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
}

.MsgHdrAttAnchor {
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
}

.MsgHdrAttAnchor A, .CompOrigAtt A {
	color : black;
	text-decoration: none;
}

.MsgBody {
    margin:0px; border:1px solid; border-color:#746e61 #bab09a #bab09a #746e61;
    background-color: #FFFFFF;
	font-size:13px;
	padding: 10px;
	overflow: auto;
}

.MsgBody .zUrl {
	font-size:13px;
}

.Fragment {
	color: gray;
	font-weight: normal;
}

.contactLabel {

	color : black;  white-space:nowrap; overflow:hidden;
	width: 1%;
	text-align: right;
}

.editContactLabel {
	color : black;  white-space:nowrap; overflow:hidden;
	width: 18em;
	text-align: right;
}

.editContactGroupLabel {
	width: 18em;
	color : black;  white-space:nowrap; overflow:hidden;
	text-align: left;
}

.editContactGroupHintLabel {
	color: gray;  white-space:nowrap; overflow:hidden;
	text-align: right;
}

.optionSectionLabel {
	color : black;  white-space:nowrap; overflow:hidden; font-size:15px; font-weight:bold;
}
.optionsBullet {
    color:gray;
    -moz-user-select:none;
    -webkit-user-select : none;
    cursor : default;
}

.sectionLabel {
	color : black;  white-space:nowrap; overflow:hidden; border-bottom: 1px solid #8597a7; font-size:15px; font-weight:bold;
}

.companyName {
	font-size:15px; font-weight:bold;
}

.companyFolder {
	font-size:13px;
	white-space:nowrap; overflow:hidden;
	width: 1%;
}

.contactHeaderRow {
	background-color:#E9E9E9; /* TODO: dynamic based on folder */
	height:36px;
}

.contactTagsRow {
	background-color:#E9E9E9; /* TODO: dynamic based on folder */
}

.contactHeader, .ZhFolderHeader {
	font-size:18px; font-weight:bold;
	color : black;
	overflow:hidden;
	padding: 3 0 3 2;
}

.ZhFolderHeader {
	white-space:nowrap;
}

.searchField {
	padding: 2px 4px;
    color : #2B2B2B;
    cursor: text;
    background-color : white;
    border: 1px solid #99AABD;
    height: auto;
    width:50px;
    float:left;
}

.NoResults {
	text-align: center;	padding: 20px 0px 20px 0px;
	font-weight: bold;
}

.InitialContactSearch {
	text-align: center;
	padding: 20px 0px 20px 0px;
	color: gray;
}

.ImgDisabled {
	opacity:.4;
}

.Displayimages {
	cursor: pointer;
	background-color: #FFFFCC;
	padding: 7px;
	font-size: 10pt;
	border-bottom: 1px solid #777777;
}

.AttachmentImage {
  width: 120px;
  height: 80px;
}

.Status  {
	padding: 2px 0px 2px 0px;
}

.StatusEmpty  {
	padding: 8px 0px 6px 0px;
}

.Status DIV {
	padding: 2px 25px 4px 25px;
}

.StatusInfo     {
    background-color:#BAD7F3; border-color:#99AABD;
    opacity:.95; border :1px solid;
}
.StatusWarning  {
    background-color:#FFFFBB; border-color:gold;
	opacity:.95; border :1px solid;	}
.StatusCritical {
    background-color:#EAEEF2; border-color:#99AABD;
    opacity:.95; border :1px solid;
}

/*
 *   Shortcut key display
 */

.shortcutIntro {
	background-color: #FFFFCC;
	padding: 7px;
	border-bottom: 1px solid #777777;
}

.shortcutList {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

.shortcutListHeader {
	border:1px solid #999999;
}

.shortcutKeys {
	text-align:right;
	padding:6px 0;
	vertical-align:top;
	border : solid 1px #99AABD;
	font-weight:bold;
	color : #686357;;
}

.shortcutDescription {
	border : solid 1px #99AABD;
	padding:5px;
	width:auto;
}

.shortcutKeyCombo {
	white-space:nowrap;
	padding:5px;
}

.shortcutKey {
	border : solid 1px #99AABD;
	color : black;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	margin:1px 1px 1px 1px;
	line-height:22px;
}
.shortcutTable {
	table-layout:fixed;
	border-collapse:collapse;
	margin-bottom:10px;
	border:1px solid #999999;
}
.shortcutTable TH {
	font-size:11px;
	text-align:left;
	font-weight:bold;
	padding-left:5px;
	color:#666666;
	border-bottom:1px solid #999999;
}
.SubHead,
.PanelHead {
	font-size:12px; font-weight:bold;
	padding:3 10 5 7;
}
.PanelHead {
	background-color:#bab09a;
}
.ZhSubTabs {
	padding-top: 10px;
}
.ZhEditFolderContent,
.ZhEditAddressBookContent,
.ZhEditCalendarContent,
.ZhEditTagContent {
	background-color : #FFF;  margin:0px; border:1px solid #99AABD;
}
.ZhCalType, .ZhABType, .ZhFolderType {
color : #686357;;
}
.ZhCalMonthHeaderRow {
	background-color : #BAD7F3;
}
.ZhCalMonthTable {
	border-collapse:collapse; border-spacing:0px; padding:0px;
	background-color : #FFF;
}
.ZhCalYearHeaderYear,
.ZhCalMonthHeaderMonth {
	background-color : white;
	color : black;
    font-family: Arial,Helvetica,sans-serif;
	text-align:center;
    padding : 6px;
    border-bottom : none;
    -moz-user-select : none;
    -webkit-user-select : none;
}

#navWrapper {
    text-align: center;
    margin: 0 auto;
    padding: 0; /* Zero to prevent IE box trouble. */
    position: relative;
}
.viewNavContainer {
    text-align: center;
}
.XXXkhtml .viewNavContainer {
    width : 10%;
    white-space : nowrap;
    padding : 2px 44%;
}

/* day of week label for the month */
.ZhCalMonthHeaderCellsText {
 	background-color : #BAD7F3;
	color : #223661;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 20px;
    font-weight : bold;
	font-size:13px;
	padding : 2px;
	border-bottom: 1px solid #99AABD;
	color : black;
	text-align:center;
}

/* cell for each day in the month view in various states*/
.ZhCalMonthDay, .ZhCalMonthDaySelected {
	border : solid 1px #99AABD;
	white-space:nowrap; overflow:hidden;
	vertical-align:top;
}

.ZhCalMonthDaySelected { background-color:#acc0dd !important; }

/* header for day view */
.ZhCalDayHeader, .ZhCalDayHeaderToday {
    color : black;
    color : #223661;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 20px;
    font-weight : bold;
	font-size:13px;
	text-align:center;
	border-bottom: 1px solid #99AABD;
	line-height: 2.0em;
}

.ZhCalPager {
	color : #223661;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 20px;
    font-weight : bold;
	font-size:13px;
    color : black;
	text-align:center;

}

.ZhCalMonthHeaderRow a:link, .ZhCalMonthHeaderRow a:visited {
	color : black;
}

.ZhCalDayHeaderToday, .ZhCalDayHeaderToday a:link, .ZhCalDayHeaderToday a:visited {
	color : #2B2B2B; font-weight : bold;
}

/* label of a particular day in various states */
.ZhCalDOM,
.ZhCalDOMT,
.ZhCalDOMO,
.ZhCalDOMOT
{
	white-space:nowrap; overflow:hidden;
	font-size:13px;
	padding-left:3px; padding-right:3px;
	text-align:left;
}

.ZhCalMonthTable a:link, .ZhCalMonthTable a:visited,
.ZhCalMiniContainer a:link, .ZhCalMiniContainer a:visited,
	.ZhCalMonthHeaderRow a:link, .ZhCalMonthHeaderRow a:visited { text-decoration: none; color:inherit;}

.ZhCalDOM, .ZhCalDOM a:link, .ZhCalDOM a:visited {
    color : black;
    text-decoration : none;
}

.ZhCalDOMO, .ZhCalDOMO a:link, .ZhCalDOMO a:visited, .alternateMonth a:link{
	color : #969696;
    text-decoration : none;
}

.ZhCalDOMOT, .ZhCalDOMOT a:link, .ZhCalDOMOT a:visited {
	color : #686357;
	color : #2B2B2B; font-weight : bold;
    text-decoration : none;
}

.ZhCalMDS { background-color:#acc0dd !important; }

.ZhCalMDOM,
.ZhCalMDOMT,
.ZhCalMDOMO,
.ZhCalMDOMOT
{
	white-space:nowrap; overflow:hidden;
	font-size:10px;
	padding-left:3px; padding-right:3px;
	padding:2px; border:0px;
	text-align:center;
}

.ZhCalMDOMT {
padding:1px; border:1px solid darkred;
}

.ZhCalMDOMO, .ZhCalMDOMO a:link, .ZhCalMDOMO a:visited {
	color : #686357;

}

/* .ZhCalMDOMOT, .ZhCalMDOMOT a:link, .ZhCalMDOMOT a:visited { */
/* removed 'a' rules to prevent wierd double darkred border issue on today, per bug 1773389 */
.ZhCalMDOMOT {
	padding:1px; border:1px solid darkred;
	color : #686357;
}

.ZhCalMDOM a:link, .ZhCalMDOM a:visited, ZhCalMDOMT a:link, .ZhCalMDOMT a:visited {
	color : black;
}


/* Container of the calendar titlebar (arrows and month label, not DOW labels) */
.ZhCalMiniTitlebar {
    border-bottom:1px solid #686357; padding-top:1px;
    background-color:#d1c6ae;
    height:16px;
}


/* Name of the month in the calendar titlebar */
.ZhCalMiniTitleCell {
	white-space:nowrap;
    color : #2B2B2B;
    width : auto;
    cursor: pointer;
	font-weight: normal;
}

.ZhCalMiniTitleCell a:link, .ZhCalMiniTitleCell a:visited {
	color : black;
}

/* Label for the days of the week in calendar titlebar */
.ZhCalMiniDow {
	text-align : center;
    color : #686357;
    font-weight: normal;
}

.spannerFix{
    padding-left:1px;
    padding-right:2px;
    text-align:left;
    cursor : pointer;
}
/* Markup single appt in the month view in various states */
.ZhCalMonthAppt {
    border-style:solid;
    border-width:1px 0px;
    margin:auto 0.25em;
    opacity:0.75;
    filter: alpha(opacity=75);
    padding:0px;
    white-space:nowrap;
    height : 16px;
    margin-bottom : 1px;
    cursor : pointer;
}
.ie .ZhCalMonthAppt {
    height : 12px;
    margin-top : 0px;
    margin-bottom : 0px;
}
.ZhCalMonthApptInner {
    border-style:solid;
    border-width:0pt 1px;
    display:block;
    margin:0pt -1px;
    overflow : hidden;
    position : relative;
}

.ie .ZhCalMonthApptInner {
    height : 12px;
    filter: alpha(opacity=55);
    width : 100%;
}

.ie .appt {
    filter: none;
}
.ie .apptInner {
    filter: none;
    width : auto;
    top : 1px;
}
.apptInner span{
    padding-left : 2px;
}
.ie #allDayEvents .ZhCalMonthApptInner {
	z-index : 1;
	filter : alpha(opacity=85);
    height : 14px;
}
.ie #allDayEvents .ZhCalMonthAppt {
	z-index : 1;
	filter : alpha(opacity=38);
    height : 14px;
    margin-bottom : 1px;
}

.ZhCalMonthApptInner a{
    padding-left: 2px;
    overflow : hidden;
    color : black;
    zoom : 1;
}

.ie .ZhCalMonthApptInner a{
    clear: right;
    float: left;
    position : absolute;
}
/* Fix for the title not displaying the IE */
.ie .ZhCalMonthApptInner a span{
    zoom:1;
}

.ZhCalMonthApptInner span{
    padding-left: 1px;
    padding-right: 2px;
}

.pageTitleText {
	font-size:18px;
	font-weight:bold;
	color : black;
	overflow:hidden;
    color : #223661;
    padding-right : 10px;
}

.ZhCalDayGrid A:link, .ZhCalDayGrid A:visited, .ZhCalMonthTable A:link, .ZhCalMonthTable A:visited  {
	color: inherit;
	text-decoration: none;
}

.ZhBottomSep {
	border-bottom: 1px solid #99AABD;
}

.ZhApptRecurrInfo {
	background-color: #FFFFCC;
    border-bottom:1px solid #99AABD;
    font-size:10pt;
    padding:7px 5pt;
}

.ZhCallListPrintView {
	padding:10px;
}

.ZhCallListPrintTable TH {
	font-weight:bold;
}

.ZhCallListPrintTable TD,
.ZhCallListPrintTable TH {
	padding-left:20;
	padding-right:20;
	border-bottom:1px solid;
	text-align:left;
}

.ZhZimbraTitle {
	font-size:18px; font-weight:bold;
}

.ZhOptVoice .List TD,
.ZhOptVoice .List TH {
	padding-left:20px;
}

 .ZhOptVoiceCBCell {
	width:23;
 }

/* Submit button that's made to look like text in an <a> tag */
.ZhOptVoiceRemove {
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	font-size : 11px;
	color : black;
	background-color:transparent;
	text-decoration:underline;
}



.ZhAC {position:relative;}
.ZhACB { font-weight: bold; }
.ZhACCont {position:absolute;bottom:0;}
.ZhACCont .yui-ac-content {position:absolute;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
.ZhACCont .yui-ac-shadow {position:absolute;margin:.3em;background:#a0a0a0;z-index:9010;}
.ZhACCont ul {margin: 0; padding:1px 0; list-style: none}
.ZhACCont li { margin: 0; padding:0 1px;cursor:default;white-space:nowrap;}
.ZhACCont li.yui-ac-highlight {  background-color:#acc0dd !important; }
.ZhACCont li.yui-ac-prehighlight {background:#FFFFCC;}

.ZhACTo {
    z-index:9050;
    width:98%;
    padding-top:5px;
}
.ZhACCc {z-index:9040;}
.ZhACBcc {z-index:9030;}

.ZOptionsSectionTable {
}

.ZOptionsHeaderL,
.ZOptionsHeaderR { }
.ZOptionsHeader {
 	font-size:15px; font-weight:bold;
 	color:white;
}

.ZHeader{
	font-size: 13px;
	font-weight: bold;
}

.ZOptionsHint {
	color : #686357;;
}

.ZOptionsSectionMain {
	background-color : #E9F2FA;
	padding:1em;
}
.ZOptionsLabel,
.ZOptionsLabelTop,
.ZOptionsLabelNarrow,
.ZOptionsTableLabel {
	width: 150px;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	vertical-align: middle;
	line-height:20px;
}

.ZOptionsSectionTable LABEL {
	white-space:nowrap;
}

.ZOptionsLabelTop {
	vertical-align:top;
	line-height:20px;
}

.ZOptionsLabelNarrow {
	width:auto;
}

.ZOptionsInfo {
	color : #686357;		/* TODO: Text-hint ? */
}

.ZhDateHint {
	color : #686357;;
    padding-left: 5px;
}

.ZhHomeVoiceBox {
	background-color:#FFFFFF;
	width:100%;
	height:230px;
}

.ZhHomeRow {
	height:40px;
}

.ZhHomeCell {
	border-bottom:1px solid #ccc;
	padding:5px
}

.ZhHomeTextLink {
	color:#000;
	text-decoration:underline;
}

#precacheImgs {
    display: none;
}

/* ####################################### */
/* ## Grids Floorplan                   ## */
/* ####################################### */

#hd {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color : #E9F2FA;
}

#bd {
    font-size: 11px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#leftColumn {
    position: absolute;
    left: 0;
    height: 100%;
}

#rightBody {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#toolbar {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 7;
    background-color : #E9F2FA;
}

#toolbarLeft {
    position: relative;
    float: left;
    height: 100%;
}

#toolbarRight {
    position: relative;
    float: right;
    height: 100%;
}

#subBody {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    border-left: 1px solid #8899AF;
}

#rightColumn {
    position: absolute;
    right: 0;
    height: 100%;
    overflow: hidden;
}

#rightGutter, #rightGutterProxy {
    position: absolute;
    top: 1px;
    height: 100%;
    overflow: hidden;
}

#mainBody {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#ft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

/* Grids Metrics */

#hd {
    /*height: 75px;*/
}
#bd { /*top: 75px; bottom: 6px;*/ z-index:2;}
#bd.nochrome {top : -1px;}

#ft { height: 6px; }

#leftColumn { width: 155px; margin-left: 6px; }
#rightBody { margin-left: 167px; }
#bd.nochrome #rightBody { margin-left : 0px;}

#toolbar { height: 35px; margin-right: 6px; }
#subBody { top: 35px; }
.nochrome #subBody { padding-right : 6px; }

#rightColumn { width: 155px; margin-right: 6px; }
#rightGutter, #rightGutterProxy { right: 163px; width: 6px; }
#mainBody { margin-right: 169px; }

#bd.disableLeftColumn #leftColumn,
   #bd.hideLeftColumn #leftColumn {
        top : -10000px;
        z-index : 5;
}
#bd.disableLeftColumn #rightBody,
   #bd.hideLeftColumn #rightBody  { margin-left: 6px; }

#bd.disableRightColumn #rightColumn,
   #bd.hideRightColumn #rightColumn { display: none; }
#bd.disableRightColumn #rightGutter { display: none; }
   #bd.hideRightColumn #rightGutter { right: 0; }
#bd.disableRightColumn #mainBody,
   #bd.hideRightColumn #mainBody    { margin-right: 6px; }

/* Grids Customization */

#hd {
    text-align: left;
}

#bd {
    text-align: left;
    border-top: 1px solid #8899AF;
}

#rightGutter {
    /*cursor: e-resize;*/
}

#rightGutter .handle {
    /*background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -1790px;*/
    display: block;
    position: absolute;
    top: 50%;
    left: 1px;
    margin-top: -12px;
    width: 5px;
    height: 24px;
}

#bd.hideRightColumn #rightGutter,
#bd.hideRightColumn #rightGutterProxy {
    cursor: w-resize;
}

#rightGutterProxy {
    background: #818386;
    cursor: e-resize;
    display: none;
}

#bd.dragRightGutter #rightGutterProxy {
    display: block;
}

#rightColumn {
    background-color: #FFFFFF;
    border: 1px solid #8899AF;
}

#mainBody {
    background-color: #FFFFFF;
    border: 1px solid #8899AF;
    border-left: 0;
}

#ft {
    text-align: left;
}

/* ####################################### */
/* ## Toolbar                           ## */
/* ####################################### */

#optionsBarLinks {
    position: absolute;
    right: 5px;
    top : 1px;
    white-space : nowrap;
}
#optionsBarLinks a {
    color: #000000;
}
#optionsBarLinks ul {
    font: 10px Verdana, san-serif;
}
#optionsBarLinks li {
    display: inline;
}
#optionsBarLinks .separator {
    padding: 0 6px;
}
#optionsBarLinks .feedback {
    font-style: italic;
}
#optionsBarLinks .feedback a {
    color: purple;
}

#optionsBarLinks .version li {
    color: silver;
    display: none;
}

#appStatus {
    display: none;
}
.closeIcon {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 3px -766px;
    height: 18px;
    width: 23px;
    float: right;
    cursor: pointer;
}

/* ####################################### */
/* ## Header                            ## */
/* ####################################### */

#hd #ygma {
    /* override ad-served header code that specifies a WHITE background :(  */
    background-color: transparent;
}

/* ####################################### */
/* ## Footer                            ## */
/* ####################################### */
#ft .ft-wrapper {
    font-size: 77%;  /* YUI smallest */
    color: gray;
    padding-right: 18px;
}
#ft .ft-wrapper li {
    display: inline;
}
#ft .ft-wrapper ul.version {
    float: left;
}
#ft .ft-wrapper ul.feedback {
    float: right;
    font-weight: bold;
}

/* ####################################### */
/* ## Module Definition                 ## */
/* ####################################### */
.mod .mod-content {
    position:relative;
}

/* ####################################### */
/* ## Sidebar Widgets                   ## */
/* ####################################### */

#leftColumn .widget {
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 6px;
    font-size: 11px;   /* 85%; 11px per UED spec */
    background-color: white;
}
#leftColumn #miniCalWidget .hd{
    height : 25px;
}
#leftColumn #miniCalWidget .hd,
#leftColumn #calendarsWidget .hd {
    border-bottom: 1px solid #99AABD;
    background : #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -194px;
    overflow : hidden;
}
#leftColumn .widget .hd h3 {
    padding: 0.45em 0.3em 0.3em 0.3em;
    font-size: 114%;
}
#leftColumn .widget .hdrEdit {
    padding: 0.45em 0.7em 0.3em;
    float: right;
    font-size: 114%;
}
#leftColumn .widget .bd  {
    padding: 0.3em 0.3em 0.45em 0.4em;
    background-color: white;
}
#leftColumn .widget .mod-content {
    border: 1px solid #99AABD;
    vertical-align : middle;
}

/* ####################################### */
/* ## Today Widget                      ## */
/* ####################################### */

/* ie6 hackage to avoid excess height in the today widget
* html #todayWidget .mod-content .bd,
* html #todayWidget .mod-content {
    margin-bottom: 0;
    padding-bottom: 0;
    height : 28px;
}
#todayWidget .mod-content .bd,
#todayWidget .mod-content {
    BOTTOM_BORDER_MISSING_height: 36px;
}
/* tweak the dateText block
#todayWidget #dateText {
    max-width : 143px;
    width : 100px;
    float : left;
    overflow : hidden;
    line-height : 1;
    margin-top : -1px;
    padding-left : 2px;
}
#todayWidget #dateText a  {
    color: #000;
    text-decoration: none;
}
#todayWidget #dateText a:hover {
    text-decoration: underline;
}
/* make the orange "today's Date" (#dateNumber) block
.yui-skin-sam #todayWidget .yui-button .innerButton,
.yui-skin-sam #todayWidget .yui-button button,
.yui-skin-sam #todayWidget .yui-button button a {
    padding: 0; /* uncustomize yButton
}
.yui-skin-sam #todayWidget .toolbarButton {
    height: auto;  /* uncustomize yButton
}
.yui-skin-sam #todayWidget .buttonLeftCap,
.yui-skin-sam #todayWidget .buttonRightCap {
    display: none; /* uncustomize yButton
}
.yui-skin-sam #dateNumber {
    padding-left: 2px;
    float : left;
    display : block;
}
.yui-skin-sam #dateNumber .toolbarButtonLabelContainer {
    border: 1px solid #F6AB2E;                  /* TODAY colors
    background: #FEEAAF none repeat scroll 0%;  /* clear the yButton background
    height : 20px;
    overflow : hidden;
}
.yui-skin-sam #todayWidget .yui-button .innerButton {
    margin-right: 5px;
}
.yui-skin-sam #dateNumber button {
    font-weight: bold;
    font-size: 14px;
    width: 1.5em;
    margin-top: -7px;
}
.yui-skin-sam #dateNumber .yui-button .first-child .toolbarButtonLabel {
    font-family: Arial,Helvetica,sans-serif;
}
.yui-skin-sam #dateNumber.yui-button-hover .first-child .buttonLeftCap,
.yui-skin-sam #dateNumber.yui-button-hover .first-child .buttonRightCap,
.yui-skin-sam #dateNumber.yui-button-hover .first-child .toolbarButtonLabelContainer {
    background: #FFF5DA none repeat scroll 0% !important;
}
.yui-skin-sam #dateNumber.yui-button-hover .buttonLeftCap {
    border-left: 1px solid #F3AC30 !important;
}
.yui-skin-sam #dateNumber.yui-button-hover .buttonRightCap {
    border-right: 1px solid #F3AC30 !important;
}
.yui-skin-sam #dateNumber.yui-button-hover .toolbarButtonLabelContainer {
    border: 1px solid #F3AC30 !important;
}
*/
.yui-skin-sam #todayWidget .yui-button-hover .first-child .mainToolbarBtn .toolbarButtonLabelContainer {
    background-position : 0pt -4720px !important;
}
.yui-skin-sam #todayWidget .yui-button-hover .first-child .mainToolbarBtn .buttonLeftCapCorner {
    background-position : 0pt -4690px !important;
}
.yui-skin-sam #todayWidget .yui-button-hover .first-child .mainToolbarBtn .buttonRightCapCorner {
    background-position : -3px -4750px !important;
}

/* ####################################### */
/* ## Calendar Widget                   ## */
/* ####################################### */

#calendarsWidget,
#calendarsWidget ul {
    width : 100%;
    -moz-user-select : none;
    -webkit-user-select : none;
}

#calendarsWidget .bd {
    background: #FFFFFF;
}

#calendarsWidget .addIcon {
    top: 4px;
    right: -35px;
}
#calendarsWidget .hd{
    height : auto;
    padding:5px 5px 2px;
    cursor : pointer;
}
.ie #calendarsWidget .hd{
    height : 16px;
    padding:5px 5px 2px;
}


#calsWidgetBody {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height : 98%;
	width : 100%;
	padding : 0.3em 0 5px 0 !important;
}

#calendarsWidget .bd li{
    position : relative;
}

#calendarsWidget .bd li.layerWidgetEntry {
    position: relative;
    padding: 2px 4px;
    background-color : white;
    vertical-align : top;
}

.ie #calendarsWidget .bd li.layerWidgetEntry {
    width: 137px;
}

.ie folderSeparator, .ie .folderSeparator div {
    margin-right: 20px;
}
#calendarsWidget .yCheckbox {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

li.layerWidgetEntry .menuIcon {
    position: absolute;
    top: -1px;
    right: 3px;
    background-color:transparent;
    z-index:3;

}

li.layerWidgetEntry .reloadIcon {
    position: absolute;
    top: 1px;
    right: -12px;  /* dont need  to leave space for hover triangle anymore */
}

.folderSeparator {
    padding: 2px 8px;
    margin-top: 2px;
    font-size: 1px;
    line-height: 0.1;
}

.folderSeparator div {
    background: #9DAFC2;
    height: 1px;
    font-size: 1px;
    line-height: 0.1;
}

/* ####################################### */
/* ## Ads Widget                        ## */
/* ####################################### */

#adsWidget {
    position : relative;
    overflow : hidden;
}
#adsWidget .hd {
	display : none;
}
#adsWidget #btn2Pane {
    height: 133px;      /* 5px pad, 120x60 ad, 5px pad, 120x60 ad, 5px pad (-2 for borders)  */
    background: white;  /* fun fake ads moved to adsWidget.tag */
    cursor : pointer;
    padding : 5px 20px 0 15px;
}
#adsWidget .adslot {
    padding-bottom: 4px;
}

/* ####################################### */
/* ## Options Page                      ## */
/* ####################################### */

#optionsForm {
    width: 100%;
    height: 100%;
}

#optionsEditor {
    /* padding: 20px; bug 2346288 - cant use padding up here, use in optionsContainer*/
    width: 100%;
    height: 100%;
    overflow: auto;
}

.aboutlinks li {
    display:inline
}

#optionsContainer {
    padding: 20px;  /* bug 2346288 - padding here, not in optionsEditor */
    width:100%;
    height:100%;
}

/* ####################################### */
/* ## Month View                        ## */
/* ####################################### */

.currentMonth {
    position : relative;
    bottom : 30px;
    text-align : center;
    z-index : 20;
    font-size : 20px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color :#002b82;
    font-weight : bolder;
}

.monthHeader {
    height : 22px;
}
.weekHeader{
    text-align : center;
    color : black;
    font-size : 11px;
    font-family : Arial, Helvetica, sans-serif;
    background-color : #FFF;
    white-space : nowrap;
    border-bottom: 1px solid #99AABD;
}
.weekHeader div{
    width: 100%;
    overflow : hidden;
    position: relative;
    left: 0;
    height: 15px;
}
.weekHeader div div{
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.month, .alternateMonth{
    background-color : #FFFFFF;
    XXbackground-color : transparent;
    cursor : pointer;
}
.noborder {
    border : none;
}
.fisheyed .hasAppts {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -603px;
}
.fisheyed td{
    background-image : none !important;
    background-color : transparent !important;
}

.dateLink {
    width : 23px;
    height : 20px;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.alternateMonth a{
    color : #969696;
}
fisheyeGridAllDayEventsTr {
    overflow-x: hidden;
    overflow-y: scroll;
}
#fisheyeGridAllDayEventsTr .today, .today, .today .timeMiniSlot, .today .timeLastMiniSlot, #searchResults .selectedRow {
    background-color : #FDEAAE;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.dateLink.today{
    display : inline;
}
.navigationArrow {
    height : 22px;
    position : absolute;
    width : 26px;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
    cursor : pointer;
}
.yearHeaderTitle, .monthHeaderTitle, .dayHeaderTitle {
    font-size : 14px;
    font-weight : bold;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.arrowNext {
    background-position : 10px -378px;
    right: 0px;
}
.arrowPrev {
    background-position : 10px -404px;
    left: 0px;
}

/* ####################################### */
/* ## Main Body Panel Layout            ## */
/* ####################################### */

.panelContainer {
    width: 100%;
    height: 100%;
    font-size: 12px;
}

.leftPanel {
    vertical-align: top;
    background-color: #FFFFFF;
    padding: 20px;
    padding-right: 0;
    width: 50%;
}

.rightPanel {
    vertical-align: top;
    background-color: #E9F2FA;
    padding: 20px;
    padding-top: 30px;
    width: 50%;
}

.panelTitle {
    font-size: 18px !important;
    padding-bottom: 11px;
    font-weight: bold;
}

/* ####################################### */
/* ## Calendar Manager                  ## */
/* ####################################### */

#calendarManagerForm,
.calendarManagerContent {
    width: 100%;
    height: 100%;
}

.panelContent{
    padding:30px;
}

.calendarManagerContent .panelContent td {
    padding: 3px;
}

.spacer {
    height:10px;
}
.calendarManagerEditor {
    width: 100%;
    height: 100%;
    overflow: auto;
    position : relative;
}

.calendarManagerToolbar {
    position: relative;
    background-color: #BAD7F3;
    height: 37px;
    border-top: 1px solid #99AABD;
    border-left: 1px solid #99AABD;
    border-right: 1px solid #99AABD;
}

.calendarManagerTitle {
    padding: 2px 10px;
    background-color : #BAD7F3;
    border-top: 1px solid #99AABD;
    border-left: 1px solid #99AABD;
    border-right: 1px solid #99AABD;
}

.calendarManagerList {
    position:absolute;
    height:auto;
    width:150px;
    top:5px;
    left:5px;
    bottom:5px;
    border : solid 1px #99AABD;
    overflow-y:auto;
    overflow-x:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.calendarManagerInfo {
    display:none;
    background-color:#f9f9f9;
    padding:5px;
}

.calendarManagerInfoHeader {
    font-weight:bold;
    margin-top:5px;
}

.calendarManagerFieldset {
    background-color:#f9f9f9;
    margin:5px 10px;
    padding-top: 0px;
}

#sharesTable {
    margin:4px 1px;               
}

.sharesTableHeaderRow{
    background-color:#E9E9E9;
	border : solid 1px #99AABD;
}

.sharesTableUserRow{
    background-color:#FFFFFF;
	border-left: 1px solid #99AABD;
    border-right: 1px solid #99AABD;
    border-bottom: 1px solid #99AABD;
}

.subscribLeftPanel {
    vertical-align: top;
    background-color: #FFFFFF;
    width: 100%;
    padding:24px;
}
.subscribExample {
    position:absolute;
    left:560px;
    top:-40px;;
    border: 1px solid #99AABD;
    background: #E9F2FA;
    padding:10px;
    width:380px;
}

.subscribeUl{
    margin-left:1em;
    padding-left:1em;
}

.subscribeLi{
    list-style-position: outside;
    list-style-type: disc;
}

#userDetails table td, #icsDetails table td{
    padding:5px;
}

.subscribeTab {
    width:100%;
}
.subscribeFiller{
    background: #E9F2FA;    
}

.tabunsel{
 background: #E9F2FA;
 font-size : 106%;
 font-family: Arial,Helvetica,sans-serif;
 padding : 5px;
 text-align : center;
 cursor:pointer;
 /*border : 0;*/

}

.tabsel{
 background: #fff;
 padding : 5px;
 text-align : center;
 color: #000000;
 font-size : 100%;
 font-family: Arial,Helvetica,sans-serif;
 font-weight : bold;
 
}


/* ####################################### */
/* ## Event Editor                      ## */
/* ####################################### */

.eventEditorPanelContainer{
    clear : both;
}
#eventEditor {
    width: 100%;
    height: 100%;
    overflow: auto;
    position : relative;
}
#eventEditorScrollableCont {
    height: auto;
}
#editorContainer {
    vertical-align : top;
}
.splitPanel {
    float : left;
    width : 50%;
    padding-top : 4px;
}
.editorFieldset{
    background-color : #fdfdfd;
    padding-left : 10px;
}
.editorFieldsetEventBasic {
    height : 15em;
}
.editorFieldset2 {
    background-color : #fdfdfd;
    height : 15em;
}
.editorFieldset td{
    padding-left : 5px;
    padding-bottom : 6px;
}
.eventEditorTools {
    height : 30px;
    overflow: hidden;
    padding-top : 1px;
}
.editorLabel{
    text-align : right;
}
.labelTop {
    vertical-align : top;
}
.editorNotes{
    width : 80%;
    height : 15em;
}
.repeaterSeparator {
    border-top: 1px solid #99AABD;
    height : 15px;
}
.inlineInputField {
    padding-right : 3px;
    padding-left : 3px;
}
.repeatWeeklyCheckboxes input{
    margin-left : 5px;
    margin-right : 5px;
}
.toolIcon{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -695px;
}
.questionIcon {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -672px;
}

/* ####################################### */
/* ## Toolbar                           ## */
/* ####################################### */

.calendarToolbar {
    height : 30px;
    overflow : hidden;
    padding-top : 1px;
    /* background : #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -151px; */
}
.calendarToolbarOptionGroup{
    float : left;
    position : relative;
}
.toolbarSeparator {
    height : 22px;
    width : 1px;
    float : left;
    margin-top : 3px;
    background : #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll -17px 0px;
}
.toolbarSeparatorWide {
    height : 22px;
    width : 20px;
    float : left;
}

.toolbarLabel {
    padding-right : 1px;
}
.iconLabel {
    margin-left : 30px;
}
.yui-skin-sam .yui-button{
    border : none;
    margin : auto;
    padding-top : 0px;
    background : none;
    cursor : pointer;
    float : left;
}
.calendarToolbarButtonContainer{
    border : none;
}
.toolbarAddIcon{
    height : 23px;
    width : 23px;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -1143px;
    top : 7px;
    float : left;
}
.addCalendarIcon {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 5px -2831px;
    float:right;
    height:18px;
    width:23px;
}

/* ####################################### */
/* ## Y-Button                          ## */
/* ####################################### */

/*YButton Regular*/
.yui-skin-sam .yui-button .first-child{
    border : none;
}
.yui-skin-sam .yui-button .first-child{
    *position : static;
}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
	outline : 0;
    font-size : 100%;
}
.toolbarButton {
    height : 28px;
    float : left;
 }
.mainToolbarBtn {
    height : 31px;
    float : left;
 }
.yui-skin-sam .yui-button .first-child .buttonLeftCapCorner,
.yui-skin-sam .yui-button .first-child .buttonRightCapCorner,
.yui-skin-sam .yui-button .first-child .buttonLeftCap,
.yui-skin-sam .yui-button .first-child .buttonRightCap{
    width : 2px;
}
.yui-skin-sam .yui-button .first-child .toolbarButtonLabel{
    vertical-align : middle;
    font-size : 106%;
    font-family: Arial,Helvetica,sans-serif;
    white-space : nowrap;
    width : auto;
}
.yui-skin-sam .yui-button .innerButton {
    padding : 3px 5px 0px 5px;
}
.yui-skin-sam .yui-radio-button .innerButton {
    padding : 3px 0px 0px 0px;
}
.yui-skin-sam .yui-button .innerBtnAlignTop {
    padding-top : 0px;
}
#calendarToolbarOptionGroup{
    padding-left : 1px;
}

/*Main app buttons -- main toolbar -- formerly known as sausage bar*/
.yui-skin-sam .mainToolbarBtn .first-child .buttonLeftCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -1px -2183px;
}
.ie .yui-skin-sam .mainToolbarBtn .first-child .buttonLeftCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -2183px;
}
.yui-skin-sam .mainToolbarBtn .first-child .toolbarButtonLabelContainer {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0px -2479px;
}
.yui-skin-sam .mainToolbarBtn .first-child .buttonRightCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  -2px -2294px;
}
.yui-skin-sam .mainToolbarBtn .first-child .buttonRightCap{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -2479px;
    width : 3px;
}
.yui-skin-sam .mainToolbarBtn .first-child .buttonLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  0px -2442px;
}
.ie .yui-skin-sam .mainToolbarBtn .first-child .buttonLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  1px -2442px;
}



/* YButton Hover */
.yui-skin-sam .yui-button-hover .first-child .toolbarButtonLabelContainer{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -90px !important;
}
.yui-skin-sam .yui-button-hover .first-child .buttonLeftCap  {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -28px !important;
}
.yui-skin-sam .yui-button-hover .first-child  .buttonRightCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -24px -28px !important;
}
.yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .toolbarButtonLabelContainer {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt  -2795px !important;

}
.yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -2721px !important;
}
.ie .yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -2721px !important;
}

.yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonLeftCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -1px -2647px !important;
}
.ie .yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonLeftCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -2647px !important;
}
.yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonRightCapCorner {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -2px -2758px !important;
}
.yui-skin-sam .yui-button-hover .first-child .mainToolbarBtn .buttonRightCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -1px -2684px !important;
}




/* Toolbar Pressed */
.yui-skin-sam .yui-button-active .first-child .toolbarButtonLabelContainer,
.yui-skin-sam .yui-button-show-borders .first-child .toolbarButtonLabelContainer{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -121px;
}
.yui-skin-sam .yui-button-checked .first-child .toolbarButtonLabelContainer {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -2521px
}
.yui-skin-sam .yui-button-active .first-child .buttonLeftCap,
.yui-skin-sam .yui-button-show-borders .first-child .buttonLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -59px;
}
.yui-skin-sam .yui-button-checked .first-child .buttonLeftCap{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -2368px;
}
.yui-skin-sam .yui-button-checked .first-child .buttonRightCap{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -2px -2257px;
    width : 3px;
}

.yui-skin-sam .yui-button-checked .first-child .buttonRightCapCorner{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -2px -2405px;
    width : 3px;
}
.yui-skin-sam .yui-button-checked .first-child .buttonLeftCapCorner{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -2220px;
    width : 3px;
}
.yui-skin-sam .yui-button-active .first-child  .buttonRightCap,
.yui-skin-sam .yui-button-show-borders .first-child  .buttonRightCap{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -24px -59px;
}
.yui-skin-sam .yui-radio-button-checked .first-child  .buttonRightCapCorner{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  -2px -2405px;
}
.ie .yui-skin-sam .yui-radio-button-checked .first-child  .buttonRightCapCorner{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  -3px -2405px;
}

.yui-skin-sam .yui-radio-button-checked button,
.yui-skin-sam .yui-checkbox-button-checked button,
.yui-skin-sam .yui-radio-button-active button,
.yui-skin-sam .yui-radio-button-show-borders button,
.yui-skin-sam .yui-checkbox-button-active button{
    color : black;
}
.buttonIcon{
    height : 23px;
    width : 23px;
    top : 7px;
    float : left;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 4px 0px;
}
.saveIcon {
    background-position: 4px -1224px;
}
.cancelIcon {
    background-position: 5px -1170px;
}
.deleteIcon {
    background-position: 5px -1197px;
}
.printIcon {
    background-position : 4px -1334px;
}

/* ####################################### */
/* ## Context Menus                     ## */
/* ####################################### */
.bd{
    z-index:100;
}
#manageMenu .bd,
#editAndShareMenu .bd {
    overflow: hidden !important;
}

#ymenu_sb_show, #ymenu_todo_show {
    display: none;
}
#ymenu_sb_hide, #ymenu_todo_hide {
    display: block;
}

/* ####################################### */
/* ## Month View                        ## */
/* ####################################### */

#gridContainer,
#monthViewContainer {
    height: 100%;
}
#monthViewTableBody.fisheyed {
    /*background-image:*/
}
#monthViewTable {
    -moz-user-select : none;
    -webkit-user-select: none;
}

#monthViewContainer,
#monthViewTable {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

/* Fisheye */
.singleApptContainer{
    width : 14%;
    overflow : hidden;
    position : absolute;
    left: -6000px;
    top: -900px;

}
.apptContainer {
    padding : 0px;
}
.apptContainer span {
    font-size: 11px;
}

.allDayApptOuter {
    float : left;
    height : 17px;
    overflow : hidden;
}
.allDayApptContainer{
    width : 100%;
    position : absolute;
    left: -6000px;
    top: -900px;
    white-space : nowrap;
    table-layout : fixed;
}
.nemoRow, .nemoCol {
    font-size: 0px;
    list-style: none;
    position: absolute;
}
.nemoCol {
    border-left: 1px solid #99AABD;
    height: 100%;
    bottom: 0;
    width: 1px;
}
.nemoRow {
    border-top: 1px solid #99AABD;
    height: 1px;
    left: 0px;
    width: 100%;
}
.fisheyeViewContainer {
    background-color: #E9F2FA;
    border: 1px solid #8799AF;
    left: -900px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    top: -500px;
    width: 200px;
}
.fisheyeView {
    border:1px solid #8799AF;
    margin-left:1px;
    overflow-y:auto;
    position:relative;
    table-layout:fixed;
}
.ie .fisheyeView {
    width : 100%;
}
.fisheyeHeader {
    border:none;
    display:block;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    height:37px;
}
.fisheyeHeaderDay {
    font-size:32px;
    font-weight:bold;
    text-align:center;
    width:45px;
    padding-left : 10px;
}
.fisheyeHeaderDay a {
    color : black;
}
.fisheyeHeaderDate {
    font-size : 12px;
    vertical-align:sub;
    padding-left : 6px;
}
.fisheyeHeaderDayDetails {
    height:14px;
    padding-top:5px;
}

.closeFisheyeIcon {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -760px;
    height:23px;
    position:absolute;
    right:8px;
    top:4px;
    width:23px;
    cursor : pointer;
    cursor : hand;
}
.calMoreLink{
    display : none;
    color : blue;
    cursor : pointer;
    cursor : hand;
    padding-left: 2px;
}
.fisheyeViewGrid {
    background-color : #FFFFFF;
    color: #242424;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    xoverflow-y: auto;
    xoverflow-x: hidden;
    padding-right: 0px;
    position: relative;
    width: auto;
    xborder-right : 1px solid #8799AF;
    xborder-left:1px solid #8799AF;
}
#fisheyeGridAllDayEventsContainer {
    background-color : white;
    border : none !important;
    width : 100%;
    position : relative;
    border-collapse : separate;
}
.ie #fisheyeGridAllDayEventsContainer {
    border-collapse : collapse;
}
#xfisheyeGridAllDayEvents{
    border-left : solid 1px #8799AF;
    border-right : solid 1px #8799AF;
    border-collapse : separate;
}
.fisheyeGridAllDayEvs{
    width : 5px;
    height : 8px;
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
}
.fisheyeGridTableHeader {
    border : none;
    width : 100%;
    table-layout : fixed;
}
.fisheyeGridTableHeader tbody{
    border-collapse : collapse;
}
.allDayEvsNW{
    background-position:-4px -2562px;
    float:left;
}
.allDayEvsNE{
    background-position:-17px -2598px;
    float:right;
}
.allDayEvsN{
    background-color:white;
    border-top : solid 1px #8799AF;
    float:left;
    height:5px;
}
#yearViewContainer,
#multiDayViewContainer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#multiDayViewContainer .fisheyeViewGrid tr{
    height: 35px;
}
#yearViewHeader,
#multiDayViewHeader {
    border-bottom: 1px solid #99AABD;
    width: 100%;
}
#multiDayAllDayTable {
    table-layout: fixed;
    width : 100%;
}
.ie #multiDayAllDayTable {
    width : auto;
}

#yearViewContainer td.colgroups,
#multiDayViewContainer td.colgroups {
    text-align: center;
    vertical-align: top;
}
#yearViewDaygridLabels .colgroups,
#multiDayViewDaygridLabels .colgroups {
    width : 14%;
    padding : 2px 0px;
}
#yearViewContainer td.colgroups a,
#multiDayViewContainer td.colgroups a {
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 92%;
}
#multiDayViewContainer td.colgroups a:hover {
    text-decoration: underline;
}
.fisheyeViewGrid tr{
    height: 30px;
}
.fisheyeGridAllDayTr{
    border-bottom : solid 1px #8799AF;
    border-collapse : separate;
}
.fisheyeHeaderAddUntimed{
    padding-left : 4em;
    padding-bottom : 0px;
}
.dayview .fisheyeHeaderAddUntimed {
    padding : 4px;
}
.allDayTr td, .fisheyeHeaderAddUntimed{
    border-left : solid 1px #8799AF;
    border-right : solid 1px #8799AF;
    background-color : white;
}
.dayview .allDayTr td, .fisheyeHeaderAddUntimed{
    border-left : none;
}
.allDayTr td {
    height: 100%;
}
.gridHeadCorner {
    margin-left:1px;
}
.ie .gridHeadCorner {
    margin-left:2px;
}
.fisheyeHeaderAddUntimed span{
    color : #255ed1;
    cursor : pointer;
    cursor : hand;
}
*html #fisheyeGridEventTable {
    wborder-left : none;
    wborder-right : none;
    woverflow-y : auto;
    position : absolute;
    width : 99%;
}
.timeLabelColumn {
    border-right: 1px solid #999999;
    background-color : white;
}
.timeLabelInner {
    position: relative;
}
.timeLabel {
    border-right: 1px solid #999999;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    padding-right: 6px;
    padding-left: 6px;
    text-align: right;
    vertical-align: top;
    background-color : white;
}
.fisheyeView .timeLabel {
    width: 3em;
}
.timeLabel div{
    cursor : pointer;
    -moz-user-select : none;
    -webkit-user-select : none;
    background: transparent;
    color: inherit;
    margin-top : -8px;
    *margin-top:-4px;
}
.timeSlotGrid {
    border-right: 1px solid #999;
}
.gridMiniSlot, .timeSlotGrid tr {
    -moz-user-select : none;
    -webkit-user-select : none;
}
* html .timeLabel div {
    margin-top:-4px
}

.timeSlot {
    border-bottom: 1px solid #99AABD;
    width: 100%;
}
#multiDayViewContainer .timeSlot {
    width: 9999px;
}
#yearViewBody,
#multiDayViewBody {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    width : 100%;
}

#yearViewBody td.minicalContainer {
    vertical-align: top;
}
#yearViewBody .yui-calendar .calheader {
    font-weight: bold;
}
#yearViewBody .yui-calendar .calheader a {
    color: black;
}
#yearViewBody .yui-calendar .calheader:hover {
    text-decoration: underline;
}
#yearViewBody .selectableOOM {
    color: #CCC;
}
#yearViewBody hr {
    color: #fef;
    background-color: #fef;
    border: 0;
    border-bottom: 1px solid #99aabd;
}
#yearViewBody .hr {
    padding: 8px 10%;
    visibility: hidden;
}

#multiDayAllDayOuterContainer {
    width: 100%;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    position : relative;
    border-top: 1px solid #999999;
    min-height : 37px;
}
#multiDayAllDayContainer {
    width: auto;
}
#yearViewTable,
#multiDayViewTable {
    table-layout : none;
}
*:first-child+html #yearViewTable,
*:first-child+html #multiDayViewTable{ /*IE7 hates us! */
    width : auto;
}
* html #multiDayAllDayContainer {
    width: 100%;
}

.log {
    background: #f4f5eb;
    border: 1px solid #b2b5af;
    width: 600px;
    height: 200px;
    overflow: auto;
    text-align: left;
}

.bin {
    position: absolute;
    border: 1px solid #b2b5af;
    width: 60px;
}

.appt {
    position: absolute;
    /*border-style:solid;
    border-width:1px 0px;
    margin:auto 0.25em;
    text-align : left;
    cursor : pointer;
    font-size: 11px;  /* ie6 needs abs sizing cause of the font-size:3px in the parent */
}
.apptInner {
    padding-left : 4px;
    text-align : left;
}
.apptInner span {
    white-space : normal;
    word-wrap : break-word;
}
#eventsLayer, .eventsLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-user-select : none;
    -webkit-user-select : none;
}

.timeMiniSlot {
  font-size: 3px;  /* IE6 inherits this font size for elements embedded inside :( */
  padding: 0px;
  height: 16px;
  width : 100%;
}
.timeMiddleSlot {
   border-bottom : 1px solid #DEE1E6;
}
.timeLastMiniSlot {
  font-size: 3px; /* IE6 inherits this font size for elements embedded inside :( */
  padding: 0px;
  height: 16px;
  border-bottom: 0px;
}
.gridSlotHourOn{
    background-color : white;
}
.gridSlotHourOff{
    background-color : #F5F5F5;
}

.allDayEventsList {
    padding : 0px 1px 0px 1px;
    zoom: 1;
    overflow-y : auto;
    overflow-x : hidden;
    width : 99%;
    position : relative;
    min-height : 17px;
}
#multiDayViewContainer .allDayEventsList {
    margin-top: 17px;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.dayview .allDayEventsList {
    min-height : 0px;
    margin-top : 2px !important;
}
#multiDayViewContainer .allDayEventsList li {
    margin: 2px;
}
.allDayEventsList li {
    padding : 0px;
    cursor : pointer;
    margin-left : 4em;
}

/* ####################################### */
/* ## Hovers                            ## */
/* ####################################### */

.calendarShadow {
    visibility : hidden;
    overflow : hidden;
    position : absolute;
    left : -900px;
    top : -1000px;
    z-index : 200;
}
.ie .calendarShadow {
    background-image: none;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="@ycsImgPath@generic/img/shadow.png", sizingMethod="scale");
}

.hoverT{
    border-collapse : separate;
}
*html .hoverT{
    border-collapse : collapse;
}
.yui-panel-container{ /*Kick it off screen at first, since IE will still render table borders and they will annoy users */
    z-index : 201;
    position : absolute;
    left: -999px;
    top : -399px;
}
.calHover {
    border : solid 1px purple;
}
.calHover.yui-panel {
    z-index:201;
    position : relative;
    border : none;
    background-color : transparent;
    border-width : 0px;
}
.hoverT tbody, .calHover.yui-panel.bd{
    background-color: #F2F9FF;
}
.calHover.yui-module {
    background-color : transparent;
    border : none;
}
.calHover .ht .nw, .calHover .ht .ne, .calHover .hb .sw, .calHover .hb .se{
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -10px -10px;
    height : 10px;
    width : 12px;
}
.calHover .ht .nw {
    background-position : 0px -229px;
}
.calHover .ht .ne {
    background-position : -3px -254px;
}
.calHover .ht .nc {
    border-top : solid 1px #C0C0C0;
    background-color: #F2F9FF;
    font-size: 2px;
}
.calHover .hb .sw {
    background-position : 0px -284px;
}
.calHover .hb .se {
    background-position : -3px -309px;
}
.calHover .hb .sc {
    border-bottom : solid 1px #C0C0C0;
    background-color: #F2F9FF;
    font-size: 2px;
}
.calHover .tb .w{
    border-left : solid 1px #C0C0C0;
    background-color: #F2F9FF;
    font-size: 2px;
}
.calHover .tb .e{
    border-right : solid 1px #C0C0C0;
    background-color: #F2F9FF;
    font-size: 2px;
}
.hoverContent .bd {
    text-align: left;
    zoom: 1;
}
.calHoverFang {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll  0pt -426px;
    height:21px;
    left:-100px;
    overflow:hidden;
    position:absolute;
    top:-100px;
    width:11px;
    z-index : 202;
}
.calHoverTitle {
    padding-bottom : 2px;
    font-size : 14px;
    font-weight : bold;
}
.calHoverDetail{
    font-size : 12px;
    overflow: visible;
}
#hoverEventDetails_fisheyeHover,
#hoverEventDetails_fisheyeExpandedHover {
    padding: 0;
    background-color: #F2F9FF;
}

/* ####################################### */
/* ## Y-Dialog                          ## */
/* ####################################### */

.yDialog {
    font-size: 11px;
    background-color : #EFF7FF;
    border: 1px solid #3862A3;
}
.yDialog .hd{
    background-color:#3862A3;
    height:30px;
    padding-left:10px;
    padding-top:8px;
    text-align : left;
}
.inlineHighlighter {
    position : absolute;
    z-index : 199;
}
.inlineHighlighter input{
    border : none;
    margin-left:10px;
    outline : 0;
    padding : 0px;
}
.highlighting #inlineHighlighter{
    background-color : #BFCFE3;
    border : solid 1px #333333;
    opacity : 0.75;
    filter: alpha(opacity=75);
}
.highlighting #inlineHighlighter input{
    background-color : #BFCFE3;
    opacity : 0.75;
    filter: alpha(opacity=75);
    width : 90%;
    font-style : italic;
    color : black;
    margin-top : 0px;
    padding : 0px;
}
.typing #inlineHighlighter{
    background-color : #FFF;
    opacity : 1;
    filter: alpha(opacity=100);
    border-color : #7C7C7C rgb(206, 206, 206) rgb(195, 195, 195) rgb(124, 124, 124);
    border-style : solid;
    border-width : 1px;
    border-left: solid 3px #8f8f8f;
    border-top: solid 2px #cecece;
    z-index : 199;
    padding : 0px;

}
.typing .inlineHighlighter input{
    background-color : #FFF;
    width : auto;
    font-style : normal;
    margin-top : 0px;
    padding : 0px 0px;
    opacity : 1;
    filter: alpha(opacity=100);
    height : 12px;
}
#inlineUntimedHighlighter{
    border : solid 1px #CED1C9;
    background-color : #FFF;
}
#inlineUntimedHighlighter input{
    border : none;
    border-width : 0px;
}

#inlineUntimedAddInfo {
    margin-top : -1px;
}
.inlineHighlighter.allDayTyping input{
    width : 95%;
    margin-left : 0px;
}
.inlineAddInfo {
    background:#E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -2153px;
    border-color:#C3C3C3 rgb(206, 206, 206) rgb(206, 206, 206);
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    height:22px;
    position:absolute;
    right:-1px;
    width:24px;
    z-index:199;
}
#inlineAddInfoCont {
    position : relative;
}
.highlighting #inlineAddInfoCont, .highlighting .inlineAddInfo{
    display : none;
}
.highlighting .inlineHighlighter span{
    display : none;
}
.typing.inlineHighlighter span{
    display : block;
}
.inlineAddDetails {
    display : none;
}
.selectedSlot {
    background-color : #CFDBEA !important;
}

/* ####################################### */
/* ## Mini-Editor                       ## */
/* ####################################### */

#inlineEditorContainer{
    font-size: 11px;
    background-color : #F2F9FF;
    position : relative;
    z-index : 201;
    border : solid 1px #99AABD;
    padding-bottom : 4px;
    visibility : hidden;
}
#inlineEditorContainer_c{
    width : auto;
    position : absolute;
    padding : 0px;
}
.edFieldIcon{
    height : 20px;
    width : 20px;
    margin-right : 5px;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
    float : left;
}
.eventEditorIconRep{
    height : 20px;
    width : 20px;
    margin-right : 5px;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -644px;
    padding-left : 20px;

}
.hoverRemIcon{
    background-position :  0px -624px;
}
.hoverRepIcon{
    background-position :  0px -647px;
}
.reminderIcon{
    background-position :  0px -620px;
}
.reminderDoubleIcon{
    background-position :  -1px -2893px;
}
.repeaterIcon{
    background-position :  0px -642px;
}
.calIcon{
    background-position :  0pt -520px;
}
.yui-panel-container .shadow{
    background : none;
}
.inlineEditorCloser{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -2123px;
    right : 8px;
    cursor:pointer;
    height:20px;
    right:0;
    top:6px;
    width:35px;
}
#miniEdButtonContainer td{
    padding: 3px 0 5px 0px;
    position : relative;
    border-bottom:1px solid #99AABD;
    border-collapse:separate;
}
.ie #miniEdButtonContainer td {
	padding-bottom : 3px;
}
#miniEdButtonRow{
    background:#E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -151px;
    /*border-bottom:1px solid #99AABD;*/
    overflow:hidden;
}
.miniEdLeftCell {
    padding : 0px 4px 7px 12px;
    padding-left : 16px;
    padding-bottom : 7px;
    width : 10px;
}
.miniEdRightCell {
    text-align : left;
    padding-right : 5px;
}
.miniEdFullDetailsLink {
    padding: 8px 0px 8px 15px;
}
#miniEdButtonContainer {
    margin-bottom : 5px;
}
.miniEdFullDetailsLink a{
    color : black;
    text-decoration : underline;
}
.miniEdOptions, .miniEdTitle {
    padding : 5px 5px 0px 10px;
    text-align : left;
}
.miniEdOptions div {
    padding-top : 7px;
}
.miniEdT {
    margin-top : 20px;
}
.miniEdViaMsg {
    padding : 0px 5px 0px 0px;
    float : left;
}
.miniRemEmail{
    height : 22px;
    width : 27px;
    background-position :  7px -2055px;
    cursor : pointer;
}
#miniEdEmailIcon.remSelected{
    background-position :  0px -1967px;
}
.miniRemMobile{
    background-position :  10px -2097px;
    cursor : pointer;
    height : 22px;
    width : 27px;
}
#miniEdMobIcon.remSelected{
    background-position :  0 -2029px;
}
.miniRemIM{
    background-position: 7px -2074px;
    cursor:pointer;
    height:22px;
    width:26px;
}
#miniEdIMIcon.remSelected{
    background-position :  0 -1998px;
}
.miniEdCalDropdown {
    width : 95%;
}
.ie .miniEdCalDropdown {
	width : 150px;
	}

/*
 * Colors, for use in calendar and elsewhere.
 *
 * Use the base color (eg: "Red") to show a list of colors.
 * Use the "Bg" version ("RedBg" as background in a list, etc)
 * Dark and Light are primarily for use in borders
 *
 */

.Selection	{ background-color:#ADD6D6;}
.SelectionDark	{ background-color:#91C8C8; }
.SelectionLight	{ background-color:#C8E4E4; }
.SelectionBg	{ background-color:#E3F1F1; }

.Red,
.RedBg	{ background-color:#F68F74;}
.RedC	{ color:#E64B4A;}
.RedBorder {border-color: #E64B4A;}
.ie .appt.RedBg { background-color : #F68F74; }

.Pink,
.PinkBg	{ background-color:#F9C5CE; }
.PinkC	{ color:#F6ADA6;}
.PinkBorder {border-color: #F6ADA6;}
.ie .appt.PinkBg { background-color : #F9C5CE; }

.Orange,
.OrangeBg	{ background-color:#FDBC5F; }
.OrangeC	{ color:#E8941A;}
.OrangeBorder {border-color: #E8941A;}
.ie .appt.OrangeBg { background-color : #FDBC5F; }

.Yellow	,
.YellowBg	{ background-color:#FFEF6F; }
.YellowC	{ color:#FFD24F;}
.YellowBorder {border-color: #FFDD00;}
.ie .appt.YellowBg { background-color : #FFFF66; }

.Green	,
.GreenBg	{ background-color:#C8DFBE; }
.GreenC	{ color:#8CC63F;}
.GreenBorder {border-color: #8CC63F;}
.ie .appt.GreenBg { background-color : #C8DFBE; }


.Cyan,
.CyanBg	{ background-color:#88D3DE; }
.CyanC	{ color:#36C4E7;}
.CyanBorder {border-color: #36C4E7;}
.ie .appt.CyanBg { background-color : #88D3DE; }

.Blue,
.BlueBg	{ background-color:#B4D5F0; }
.BlueC	{ color:#7BA6DB;}
.BlueBorder {border-color: #7BA6DB;}
.ie .appt.Blue { background-color : #B4D5F0; }

.Purple,
.PurpleBg	{ background-color:#C3ACD3; }
.PurpleC	{ color:#936FB1; }
.PurpleBorder {border-color: #936FB1;}
.ie .appt.PurpleBg { background-color : #C3ACD3; }

.Gray,
.GrayBg	{ background-color:#E6E6E6; }
.GrayC	{ color:#999999;}
.GrayBorder {border-color: #999999;}
.ie .appt.GrayBg { background-color : #E6E6E6; }

.BlackBorder {border-color : black; }

.AppBorder { border-color : #8899AF; }

.ZHTML_END { zoom: 1 }

/*IE Event Fake Rounded Corners Hack */

/* ####################################### */
/* ## Read-Only / Invite Views          ## */
/* ####################################### */

.calLayerSample {
    width : 20px;
    height : 20px;
    float: left;
}
.apptViewToolbar {
    height : 38px;
    border : 1px solid #99AABD;
    background-color:#BAD7F3;
    padding-bottom : 4px;
}
#readOnlyViewOuterContainer {
    overflow: auto;
    height: 100%;
}
#readOnlyViewContainer div {
    font-size: 12px;
}
.readOnlyTZ{
    color : #C4C4C4;
    font-size : 11px !important;
    padding-top : 5px;
}
.readOnlyExtraInfo td{
    font-size : 12px;
    padding : 4px;
}
.readOnlyLabel {
    white-space : nowrap;
}
.readOnlyNotes td{
    padding-top : 16px;
    vertical-align : top;
}
#readOnlyNotesArea {
    width : 270px;
    height : 150px;
    overflow : auto;
}
#eventViewerForm,
#eventEditorForm {
    width: 100%;
    height: 100%;
}
.eventEditor, .eventEditor td, .editorDetailsLabel, .repeatOptGroup, .remindOptGroup, .inviteOptGroup, .sideEditorContainer div
.eventEditor label, .eventEditor input, .eventEditor select, .eventEditor option, .dateTimePickerInput, #repeaterSummaryText,
.sideEditorContainer option .eventEditorTable td, .eventEditorTable label, .sideEditorContainer div{
    font-size : 12px;
}
#eventEditorTableCont {
    width: 100%;
}
.dateTimePickerInput {
    border-width : 0px;
}
.editorDetailsLabel {
    text-align : right;
    vertical-align : top;
}
.eventEditorTable td{
    padding : 5px;
}
.weeklyCheckboxSpan{
    padding : 3px;
    text-align: center;
}

.repEndDate{
    float:left;
    padding-left:4px;
    padding-right:5px;
}
.editorInviteLabel {
    padding-left : 5px;
    padding-right : 15px;
}
.inviteExpandie {
    border : 1px solid #99AABD;
    padding : 5px 0px 10px 10px;
}
.editorInviteField {
    padding : 2px 0px 10px 0px;
}
.deletedInviteBlurb {
    font-size:14px;
    font-weight:bold;
    padding-top:12em;
    text-align:center;
}
#fromEmail{
    display:block;
    margin-bottom:10px;
}

.dateTimePickerIcon {
    background : #ECECEC url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
    height:21px;
    width:26px;
    cursor : pointer;
    float : left;
}
.calendarIcon {
    background-position : 0px -578px
}
.timeIcon {
    background-position : 0px -718px;
}
.dateTimePicker td{
    padding: 0px;
    border-collapse : separate;
    font-size : 12px;
}
.dateTimePicker input{
    border : none;
}
.dateTimePicker input[disabled]{
    background-color:#F2F2F2;
    color:#A4A4A4;
}
.datePickerDOW{
    font-size : 12px;
    width : 3.2em;
}
.datePickerLabel{
    vertical-align : bottom;
}
.sideEditorContainer {
    background-color: #E9F2FA;
    padding: 20px;
    padding-top: 30px;
    vertical-align: top;
}
.repeatOptGroup li, .remindOptGroup li, .inviteOptGroup li{
    padding : 2px;
}
.datePickerContainer {
    visibility : hidden;
    position : absolute;
    z-index : 3;
    -moz-user-select : none;
    -webkit-user-select : none;
}
.dtPickerCont{
    float:left;
}
.timePickerContainer {
    z-index : 300;
    visibility : hidden;
    left:-10000px;
    position:absolute;
    top:-10000px;
}
.timePickerContainer .bd{
    width : 9em;
}
.yuiMenuItemLabel {
    font-color : black;
}
.timePickerSelected {
    background-color:#B3D4FF;
}
.yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar{
    display : none;
}
.yui-skin-sam .yuimenu .bd {
    overflow-y : auto;
    overflow-x : hidden;
}
.editorExpandie {
    background-color : #DEEBF7;
}
.editorExpandArrow {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -866px;
    float:left;
    height:20px;
    width:14px;
}
.expandedArrow {
    background-position : 0pt -847px;
}
.dateTimePickerError, .editorErrorMsg {
    color : #FF0000;
    font-size : 12px;
    display : none;
    padding-bottom : 3px;
}
.editorErrorIcon{
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -740px;
    float:left;
    height:20px;
    width:20px;
}
.eventEditorRepSumm {
    padding: 5px 0px 3px 18px;
    width : 275px;
}
/* ################################################################## */
/* ## Minical widget: start                                        ## */
/* ## .yui-calendar class is shared between minical and datepicker ## */
/* ## .yui-skin-sam is added to increase specificity               ## */
/* ################################################################## */

#miniCalWidget {
    position: relative;
    width: 100%;
    margin-bottom : 7px !important;
    -moz-user-select : none;
    -webkit-user-select : none;
}
#miniCalWidget .hd {
    display: none;   /* minical doesnt have a widget/module hd */
}
.yui-calcontainer {
    background-color: white;
    border: none;
    padding:0px;
    margin:0px;
}
.yui-calendar {
    font-family: Arial,Helvetica,sans-serif;
}
.yui-calendar .calhead {
    border: none;
}
.yui-calendar .calheader {
    margin: 5px 0 0 0;
    /* margin: 5px 0px; */
}
.yui-calendar .calnavright {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 12px -2944px;
    top: 0px;
    right: 0px;
    width: 26px;
    height: 20px;
}
.yui-calendar .calnavleft {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0px -2924px;
    top: 0px;
    left: 5px;
    width: 26px;  /* 27px shows the next sprite */
    height: 20px;
}
.yui-calendar a.calnav {
    color : black;
}
.yui-calendar a.calnav:hover {
    border:none;
    color:#255ED1;
    cursor:pointer;
    text-decoration: underline;
}
.yui-skin-sam .minical {
    float : none;
}
.yui-skin-sam .minical table {
    width : 100%;
}
.yui-calendar .calweekdaycell {
    color: black;
    border-bottom: 1px solid #99AABD;
}
.yui-calendar .calweekdayrow {
    height: 2.0em;  /* room for the bottom border stroke in calweekdaycell */
}
.yui-skin-sam .yui-calendar td.calcell {
    background-color: white;
    border: 1px solid white;   /* needs borders or the today/selected highlight makes the cell 'grow' */
    padding: 1px;
}
/* today vs selected: #bd forces more specificity */
.yui-skin-sam #bd .yui-calendar td.calcell.today {
    border: 1px solid #F6AB2E;
    background-color: #FEEAAF;  /* TODAY colors */
}
.yui-skin-sam .yui-calendar td.calcell.selected {
    border: 1px solid #617CC9;      /* SELECTED */
    background-color: #BFE0FF;      /* SELECTED */
}

/* week view has a continuous 'selected' bar: start */
/* be careful with order of definition here */
.yui-skin-sam.weekview .yui-calendar td.calcell.selected {
    border-top: 1px solid #617CC9;
    border-bottom: 1px solid #617CC9;
    border-left: 1px solid #BFE0FF;   /* border 'off' by matching bgcolor */
    border-right: 1px solid #BFE0FF;  /* border 'off' by matching bgcolor */
}
.yui-skin-sam.weekview .yui-calendar td.calcell.selected.selectableOOM {
    /*border: 1px solid white;*/
    background-color: #BFE0FF;      /* SELECTED */
}
.yui-skin-sam.weekview .yui-calendar td.calcell.selected.wd0 {
    border-left: 1px solid #617CC9;  /* SELECTED */
}
.yui-skin-sam.weekview .yui-calendar td.calcell.selected.wd6 {
    border-right: 1px solid #617CC9;  /* SELECTED */
}
/* week view has a continuous 'selected' bar: end */

.yui-skin-sam .yui-calendar td.calcell.selectableOOM,
.yui-skin-sam .yui-calendar td.calcell.oom {
    /*border: none;*/
    background-color: #BFE0FF;      /* SELECTED */
    background-color: white;
}

.yui-skin-sam .yui-calendar td.calcell.selectableOOM {
    border : solid 1px white;
}
.yui-skin-sam .yui-calendar td.calcell a {
    display: block;
    color: black;
}
.yui-skin-sam .yui-calendar td.calcell.selectableOOM a,
.yui-skin-sam .yui-calendar td.calcell a.oom {
    color: #999;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover,
.yui-calendar td.calcell:hover
{
    border: 1px solid #617CC9;  /* ROLLOVER */
}

.yui-skin-sam .datePickerContainer .yui-calendar td.calcell.calcellhover,
.yui-skin-sam #jsMiniCal .yui-calendar td.calcell.calcellhover,
.yui-skin-sam #jspMiniCal .yui-calendar td.calcell a:hover,
.yui-calendar td.calcell:hover {
    background-color: #DEF2FB;   /* ROLLOVER */
}

#jspMinical {
    width : 100%;
}

/* Minical Year nav panel */
.yui-container .yui-cal-nav-yc {
    width: 3.5em;
}

.yui-container .yui-cal-nav-b {
    line-height: 1.75;   /* buttons look too small at default value */
}

/* Datepicker in event editor / todos, etc */

.datePickerContainer {
    font-size: 11px;
    border: 1px solid #8799AF;
}

/* minical year picker */
.yui-skin-sam .yui-calcontainer .yui-cal-nav {
    border-width: 6px;
    filter:alpha(opacity=100); /*Fix for IE display Bug*/
}

/*Fix for IE display bug */
.yui-skin-sam .yui-cal-nav-visible #minical{
        filter:alpha(opacity=100);
}


.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc,
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc,
.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
    font-size: 11px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
    width: 5em;
}

/* ####################################################### */
/* ## miniCal: end                                      ## */
/* ####################################################### */

.panel {
    margin: 5px 5px 10px 5px;
}
.textblock1 {
    margin: 5px 5px 10px 5px;
}

.textblock2 {
    margin-top: 5px;
    margin-left: 5px;
}

.fakeLink {
    color: #306ab3;
    cursor: pointer;
}

h1 {
    font-size: 146.5%;
    font-weight: bold;
    margin-bottom: 5px;
}

h2 {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 5px;
}

h3 {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}

#shareEditor {
    margin: 10px 10px 10px 0px;
}

.sharesList {
    border: 1px solid #99aabd;
    width: 500px;
    border-collapse: collapse;
}

.sharesList thead {
    background: #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0pt -194px;
    height: 25px;
}

.sharesList tbody {
    background: #ffffff;
}

.sharesList td {
    border: 1px solid #99aabd;
    padding: 3px 6px;
}

.sharesListDisabled {
    color: gray;
}

.sharesListEnabled {
    color: black;
}

.sharesListContactName {

}

.sharesListContactEmail {
    font-size: 85%;
}

.shareLink {
    margin-top: 6px;
    margin-bottom: 3px;
    font-style: italic;
}

.otherShare {
    margin: 5px 10px;
}

.bigLink {
    color:#306AB3;
    cursor:pointer;
    font-size:110%;
}

.toolbarAlpha {
    background: transparent url(@ycsImgPath@generic/img/toolbar_icons.png) no-repeat scroll;
    position: absolute;
    width: 94px;
    height: 16px;
    cursor: pointer;
}

.ie .toolbarAlpha {
    background-image: none;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="@ycsImgPath@generic/img/toolbar_icons.png", sizingMethod="scale");
    cursor: hand;
    margin-right: 0px;  /* no need to leave space for hover triangle */
}

.expandTopDown {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
    width:14px;
    height: 16px;
    cursor: pointer;
}
.arrowUp{
    background-position: 3px -867px;
}
.arrowDown{
    background-position: 0px -846px;
}

/*.addIcon {
    clip: rect(0px 54px 16px 42px);
} */

.reloadIcon {
    clip: rect(0px 77px 16px 64px);
}

.menuIcon {
    clip: rect(0px 94px 16px 85px);
}

/* ####################################### */
/* ## Invite RSVP                       ## */
/* ####################################### */

#rsvpOuterContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x : hidden;
}
#rsvpContainer.rsvpDelete {
    padding: 20px;
}
#rsvpContainer.rsvpInvite {
    padding: 10px 40px;
    background-color: #A0C8EB;
    border: solid 1px #C0C0C0;
    vertical-align: top;
}
.rsvpDetails td {
    padding: 7px;
}

.rsvpLabel {
    font-weight: bold;
    width : 15%;
    text-align : right;
    vertical-align : top;
}
.rsvpPanel {
    width : 100%;
    background-color : #FFF;
    height : 100%;
    overflow-x : visible;
    border-collapse: collapse;
}
.ie .outerRSVPPanel{
    border-collapse : collapse;
}
.rsvpPanel .n .nw, .rsvpPanel .n .ne, .rsvpPanel .s .sw, .rsvpPanel .s .se{
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll -10px -10px;
    height : 13px;
    width : 12px;
}
       .rsvpPanel .n .nw { background-position : -3px -1045px; }
.khtml .rsvpPanel .n .nw { background-position : -3px -1044px; }
       .rsvpPanel .n .ne { background-position : -4px -1072px; }
.khtml .rsvpPanel .n .ne { background-position : -4px -1071px; }

.rsvpPanel .n .nc {
    border-top : solid 1px #C0C0C0;
    background-color: #FFF;
    padding: 0px;
}
       .rsvpPanel .s .sw { background-position : -3px -1098px; }
.khtml .rsvpPanel .s .sw { background-position : -3px -1097px; }
       .rsvpPanel .s .se { background-position : -4px -1123px; }
.khtml .rsvpPanel .s .se { background-position : -4px -1122px; }
.rsvpPanel .s .sc {
    border-bottom : solid 1px #C0C0C0;
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll -5px -1365px;
}
.khtml .rsvpPanel .s .sc {
    border-bottom: 0;
}
.rsvpPanel .tb {
    background-color: #FFF;
}
.rsvpPanel .tb .w{
    border-left : solid 1px #C0C0C0;
}
.rsvpPanel .tb .e{
    border-right : solid 1px #C0C0C0;
}
.rsvpPanel .bd {
    zoom:1;
}
.rsvpMainHeader {
    vertical-align : top;
    height : auto;
}
.rsvpRepSummary{
    font-style : italic;
    font-weight : normal;
}
.rsvpIconRep{
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0pt -644px;
    height:20px;
    margin-right:5px;
    padding-left:20px;
    padding-top:5px;
    width:20px;
}
.rsvpMainHeader .rsvpDetails {
    text-align : center;
    font-weight : bold;
    padding-bottom : 10px;
}
.rsvpColumn {
    float : left;
}
.rsvpInfoPanel .n .nw, .rsvpInfoPanel .n .ne{
    border-top : solid 1px #C0C0C0;
    background-color: #E9F2FA;
    background-image : none;
}
.rsvpInfoPanel .n .nw {
    border-left: solid 1px #C0C0C0;
}
.rsvpInfoPanel .n .ne {
    border-right: solid 1px #C0C0C0;
}
.rsvpInfoPanel .n .nc {
    border-top : solid 1px #C0C0C0;
    background-color: #E9F2FA;
}
.rsvpInfoPanel{
    border-bottom : solid 1px #C0C0C0;
    border-collapse : collapse;
    width:100%;
}
.rsvpInfoPanel .tb .w, .rsvpInfoPanel .tb .e{
    padding: 0px;
    background-color: #E9F2FA;
}
.rsvpInfoPanel .bd {
    zoom:1;
    background-color: #E9F2FA;
}
.rsvpOptions label{
    padding-right : 10px;
}
.rsvpFieldGroup {
    padding-top : 10px;
}
.attEmailBelow {
    color : #808080;
    padding-left : 15px;
}
#rsvpInfoContainer input, #rsvpInfoContainer textarea{
    width : 100%;
    margin-bottom : 8px;
}
.attendeeGroup {
    color : white;
    font-weight: bold;
    padding: 3px !important;
}
.accepted .attendeeGroup {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0px -976px;
    border : solid 1px #407329;
    border-bottom-width : 0px;
}
.declined .attendeeGroup {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0px -1012px;
    border : solid 1px #9E4D5F;
    border-bottom-width : 0px;
}
.tentative .attendeeGroup {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0px -942px;
    border : solid 1px #556277;
    border-bottom-width : 0px;
}
.attendeeList {
    background-color : white;
    background-image: none;
}
.accepted .attendeeList{
    border : solid 1px #407329;
}
.declined .attendeeList{
    border : solid 1px #9E4D5F;
}
.tentative .attendeeList {
    border : solid 1px #556277;
}
.needsAction .attendeeGroup, .needsAction .attendeeList {
    background-color:#DEEBF7;
    border:1px solid #99AABD;
    color:black;
    font-weight:normal;
    padding : 3px 0px 6px 6px;
}
.rsvpLeftPanel {
    background-color : #BAD7F3;
}
#replyButton .first-child {
    position : relative !important;
}
.replyStatus{
    font-size:120%;
    font-style:italic;
}
.replyStatus.ACCEPTED {
    color : green;
}
.replyStatus.DECLINED {
    color : red;
}
.replyStatus.TENTATIVE {
    color : gray;
}
#rsvpVisitedGroup .ACCEPTED, #rsvpVisitedGroup .DECLINED, #rsvpVisitedGroup .TENTATIVE{
    display : block;
}
.attendeeBullet {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;
    height : 10px;
    width : 14px;
    float : left;
    overflow: hidden;
}
.attendeeComments {
    padding-left : 14px;
}
.accepted .attendeeBullet {
    background-position :  0px -927px
}
.declined .attendeeBullet  {
    background-position :  0px -888px
}
.tentative .attendeeBullet {
    background-position :  0px -907px;
}
.needsAction .attendeeBullet {
   background-image : none;
}
.rsvpFieldHint, .searchHint {
    color : #CECECE !important;
}
.viewCalendarIcon {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 3px -1386px;
    height : 22px;
    width : 22px;
    float : left;
    overflow: hidden;
}

/* ####################################### */
/* ## Drag & Drop Proxy                 ## */
/* ####################################### */

#dragDropProxyEl, #dragDropTodoProxy {
    visibility:hidden;
    border:solid 1px #B2B5AF;
    overflow : hidden;
    z-index: 2;
    cursor : default;
    cursor: -moz-grabbing;
    cursor : grabbing;
}
.draggingCompact, #dragDropTodoProxy{
    width : 120px;
    height : 20px;
    background-color : #3E79B1 !important;
    color : white;
    cursor : default;
    cursor: -moz-grabbing;
    cursor : grabbing;
}
#ddProxyValidIndicator, #todoProxyIndicator {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -1663px;
    border-right:1px solid silver;
    float:left;
    height:18px;
    margin-right:3px;
    width:23px;
}
#ddProxyValidIndicator {
    display : none;
}
#ddProxyValidIndicator.validDropZone, #todoProxyIndicator.validDropZone{
    background-position : 0px -1663px;
}
#ddProxyValidIndicator.invalidDropZone, #todoProxyIndicator.invalidDropZone{
    background-position : 0px -1693px;
}

#ddProxyContent, #todoProxyContent {
    overflow : hidden;
    height : 18px;
    float:left;
    cursor : default;
    cursor: -moz-grabbing;
    cursor : grabbing;
}
#ddProxyContent a{
    color : white;
}
#ddProxyContent span, #ddProxyContent div{
    float : left;
    background-color:#3E79B1;
}
.draggingCompact .dropZoneIndicator{
    display : block !important;
    background-color:#3E79B1;
    color : #FFFFFF;
}
.hoveringFish, .hoveringFish div {  /*Used for highlighting - highly important!*/
    background-color : #F2F9FF; !important;
}

/* ####################################### */
/* ## To Do Module                      ## */
/* ####################################### */

#todoWidget {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#todoWidget a {
    color: #000;
}

#todoWidget .mod-content {
    background: #E9F2FA;
    width: 100%;
    /*height: 486px;*/
    height : 100%;
    overflow: hidden;
    background: #FDFDFD;
}

#todoWidgetHead {
    background: #C0DCF4 url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -153px;
    border-bottom: 1px solid #99AABD;
    position: relative;
    height: 26px;
    overflow: hidden;
}

#todoWidgetHead h3 {
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
    line-height: 26px;
    margin: 0 12px;
}

#todoWidgetMenu {
    font-size: 11px;
    position: absolute;
    top: -1px;
    right: 4px;
    padding: 2px 4px 2px;
    z-index: 1;
}

#todoWidgetMenu a {
    width: 23px;
    height: 23px;
}

#todoWidgetAddItem {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 5px -2828px;
    display: block;
    cursor : pointer;
    height:20px;
    width:22px;
}

#todoWidgetNewList {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1529px;
    margin-top: 4px;
    display: none;
}

#todoWidgetMenu.expand #todoWidgetNewList {
    display: block;
}

#todoWidgetMenuFix {
    position: absolute;
    top: -1px;
    right: 4px;
    display: none;
}

#todoWidgetMenuFix.enable {
    display: block;
}

#todoWidgetBody {
    position: relative;
    height: 458px;
    cursor: default;
}

#todoWidgetDueList {
    color: #666;
    background: #FEF7A7;
    border-bottom: 1px solid #99AABD;
    position : relative;
}

#todoWidgetDueList h4 {
    font-size: 12px;
    line-height: 24px;
    position: relative;
    padding-left: 44px;
    height: 24px;
    cursor: pointer;
}

#todoWidgetDueList h4 .arrow {
    margin-left: 8px;
}

#todoWidgetDueList h4 .bell {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -628px;
    margin-left: 24px;
}

#todoWidgetDueList h4 .bell {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -628px;
    margin-left: 24px;
}

#todoWidgetDueList.expanded h4 .arrow {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -847px;
}

#todoWidgetDueList.expanded ol {
    display: block;
}
#todoWidgetDueList.collapsed h4 .arrow {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -868px;
}

#todoWidgetDueList.collapsed ol {
    display: none;
}


#todoWidget .icon {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 14px;
    height: 12px;
    margin-top: -6px;
}

#todoWidgetFolders {
    background: #FFF;
    position: relative;
    width: 100%;
    height: 379px;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-user-select : none;
    -webkit-user-select : none;
}

#todoWidgetFolders ol {
    width : auto;
}

#todoWidgetFolders ol li h4 {
    font-size: 12px;
    white-space: nowrap;
    line-height: 22px;
    background-color: #F3F8FC;
    position: relative;
    padding-left: 24px;
    height: 22px;
    overflow: hidden;
    cursor: pointer;
    zoom: 1;
}

#todoWidgetFolders ol li h4 .name {
    overflow: hidden;
    position : absolute;
}

#todoWidgetFolders ol li h4 .arrow {
    margin-left: 8px;
}

#todoWidgetFolders ol li h4 .count {
    display: none;
    padding: 0 2px;
}

#todoWidgetFolders ol li ol {
    margin: 0;
    padding: 3px 0 5px;
}

#todoWidgetFolders ol li ol li.empty {
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    color: #666;
    display: none;
    position: relative;
    margin: 0;
    padding: 5px 0 5px 11px;
}

#todoWidgetFolders ol li ol.empty li.empty {
    display: block;
}

#todoWidgetFolders ol li ol li.empty a {
    color: #0459b8;
    padding-left: 4px;
    cursor: pointer;
}

#todoWidgetFolders ol li h4:hover,
#todoWidgetFolders ol li h4.hover,
#todoWidgetFolders ol li.collapsed h4 .hover.count, 
#todoWidgetFolders ol li.collapsed h4:hover .count {
    background: #EAEEF2;
}

#todoWidgetFolders ol li.red    h4 { background-color: #C54744; }
#todoWidgetFolders ol li.pink   h4 { background-color: #F7A4CB; }
#todoWidgetFolders ol li.defaultColor h4,
#todoWidgetFolders ol li.orange h4 { background-color: #FFBF6C; }
#todoWidgetFolders ol li.blue   h4 { background-color: #71A4C1; }
#todoWidgetFolders ol li.cyan   h4 { background-color: #90CAD4; }
#todoWidgetFolders ol li.green  h4 { background-color: #5CBA85; }
#todoWidgetFolders ol li.purple h4 { background-color: #D798D9; }
#todoWidgetFolders ol li.yellow h4 { background-color: #FFFA9C; }
#todoWidgetFolders ol li.gray   h4 { background-color: #AAAAAA; }

#todoWidgetFolders ol li.red    h4:hover,
#todoWidgetFolders ol li.red    h4.hover { background-color: #BD4441; }
#todoWidgetFolders ol li.pink   h4:hover,
#todoWidgetFolders ol li.pink   h4.hover { background-color: #ED9EC3; }
#todoWidgetFolders ol li.defaultColor h4:hover,
#todoWidgetFolders ol li.defaultColor h4.hover,
#todoWidgetFolders ol li.orange h4:hover,
#todoWidgetFolders ol li.orange h4.hover { background-color: #F5B868; }
#todoWidgetFolders ol li.blue   h4:hover,
#todoWidgetFolders ol li.blue   h4.hover { background-color: #6D9EB9; }
#todoWidgetFolders ol li.cyan   h4:hover,
#todoWidgetFolders ol li.cyan   h4.hover { background-color: #8AC2CC; }
#todoWidgetFolders ol li.green  h4:hover,
#todoWidgetFolders ol li.green  h4.hover { background-color: #58B380; }
#todoWidgetFolders ol li.purple h4:hover,
#todoWidgetFolders ol li.purple h4.hover { background-color: #CF92D0; }
#todoWidgetFolders ol li.yellow h4:hover,
#todoWidgetFolders ol li.yellow h4.hover { background-color: #F5F096; }
#todoWidgetFolders ol li.gray   h4:hover,
#todoWidgetFolders ol li.gray   h4.hover { background-color: #A3A3A3; }

#todoWidgetFolders ol li.expanded h4 .arrow {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -847px;
}

#todoWidgetFolders ol li.expanded ol li.todo {
    display: block;
}

#todoWidgetFolders ol li.collapsed h4 {
    margin-bottom: 1px;
}

#todoWidgetFolders ol li.collapsed h4 .arrow {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -868px;
}

#todoWidgetFolders ol li.collapsed ol li.empty,
#todoWidgetFolders ol li.collapsed ol li.todo {
    display: none !important;
}

#todoWidgetFolders ol li.collapsed h4 .count {
    display: inline;
    position : absolute;
    top : 0px;
    right : 0px;
    background-color : #F3F8FC;
}

#todoWidgetFolders ol li.collapsed ol {
    padding: 0;
}

#todoWidget li.todo {
    font-size: 11px;
    line-height: 1.1;
    white-space: nowrap;
    position: relative;
    padding: 5px 0 5px 7px;
    overflow: hidden;
    height: auto;
}

#todoWidget li.todo .checkbox {
    position: absolute;
    display: block;
    width: 14px;
    height: 13px;
    cursor: pointer;
}

#todoWidget li.todo .checkbox.checkedCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -1894px;
}

#todoWidget li.todo .checkbox.uncheckedCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1826px;
}

#todoWidget li.todo .checkbox.hoveredCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1849px;
}

#todoWidget li.todo .checkbox.selectedCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1872px;
}

#todoWidget li.todo span.delete {
    display: none;
}

#todoWidget li.todo span.title {
    padding-left: 17px;
    cursor: pointer;
    zoom: 1;
}

#todoWidget li.todo span.title.hoverTitle,
#todoWidget li.todo span.title:hover {
    text-decoration: underline;
}

#todoWidget li.todo cite {
    line-height: 16px;
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -524px;
    display: none;
    margin-left: 20px;
    padding-left: 20px;
    zoom: 1;
}

#todoWidget li.todo.isSoonTodo cite {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -626px;
}

#todoWidget li.todo.showDueTodo cite {
    display: block;
}

#todoWidgetDoneBar {
    text-align: center;
    background: #C3DDF5 url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -162px;
    border-top: 1px solid #99AABD;
    border-bottom: 1px solid #99AABD;
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 8px;
    cursor: row-resize;
    display: none;
}

#todoWidgetDoneBar .handle {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1772px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -12px;
    width: 24px;
    height: 9px;
}


#todoWidgetDoneList .yui-resize-handle{
    background: #C3DDF5 url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -162px;
    border-top : 1px solid #99AABD;
    border-bottom : 1px solid #99AABD;
    position: absolute;
    width: 100%;
    height: 9px;
}

#todoWidgetDoneList .yui-resize-handle-inner-t{
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1772px;
    height: 9px;
    width : 24px;
    left : 40%;
}

#todoWidgetBody.showDoneList #todoWidgetDoneBar,
#todoWidgetBody.showDoneList #todoWidgetDoneList {
    display: block;
}

#todoWidgetDoneList.highlightedDoneList {
    background: #F5FAFF;
}
#todoWidgetDoneList {
    padding-top : 10px;
    width : 100%;
    background-color : #FDFDFD;
}

#todoDoneList {
    overflow-y : auto;
    overflow-x : hidden;
    width : 100%;
    position : relative;
}

#todoWidgetDoneList li.todo {
    overflow-y: auto;
}

#todoWidgetDoneList li.todo span.delete{
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -1943px;
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    float : left;
    margin-top : -1px;
}


#todoWidgetDoneList li.todo span.title {
    font-size: 10px;
    text-decoration: none !important;
    color: #888 !important;
    padding-left: 6px;
    cursor: default;
    position : absolute;
}

#todoWidgetDoneList li.todo .checkbox {
    margin-left: 5px;
    position : static;
    float : left;
}

#todoWidgetDoneList li.todo cite {
    display: none !important;
}

#todoWidgetDoneMsg {
    position: absolute;
    left: 15px;
    padding-bottom: 5px;
}

* html #todoWidgetDoneMsg {
    padding-bottom: 6px;
}

#todoWidgetDoneMsg p {
    font-size: 11px;
    background: url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x 0 -1742px;
    border: 1px solid #FDAD32;
    position: relative;
    padding: 3px 6px;
    zoom: 1;
}

* html #todoWidgetDoneMsg p {
    border-top-width: 2px;
}

#todoWidgetDoneMsg span {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat 0 -1725px;
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    margin-left: -4px;
    width: 9px;
    height: 6px;
}

#todoWidgetInlineEditor {
    font-size: 11px;
    position: absolute;
    left: 0;
    padding-bottom: 3px;
    width: 100%;
    z-index: 201;
}

* html #todoWidgetInlineEditor {
    margin-top: -2px;
}

#todoWidgetInlineEditor .underlay {
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 0 6px;
    width: 100%;
    height: 74px;
    -moz-opacity:  0.20;
    opacity: .20;
    filter: alpha(opacity=20);
}

#todoWidgetInlineEditorShadow {
    background: #000;
    height: 74px;
}

#todoWidgetInlineEditorBody {
    border: 1px solid #99AABE;
    background: #E9F2F9;
    position: relative;
    margin: 0 6px;
    padding-top: 4px;
    height: 74px;
    overflow : auto; /*Fixes blinky in addition to the overflow hidden in inner divs*/
    filter:  alpha(opacity=100);
    -moz-opacity : 1;
}
.ie #todoWidgetInlineEditorBody{
    overflow : hidden;
}
#todoWidgetInlineEditor .input {
    margin: 0 6px;
    overflow: hidden;
    width : 90%;
}
.ie #todoWidgetInlineEditor .input {
    margin: 0 3px;
}
#todoWidgetInlineEditorInput {
    font-size: 11px;
    text-indent: 10px;
    border: 1px solid #99AABE;
    position: relative;
    display: block;
    padding: 2px 0;
    width: 100%;
    zoom: 1;
}

#todoWidgetInlineEditor .details {
    line-height: 14px;
    position: relative;
    margin: 0 6px;
    margin-top: 1px;
    height: 14px;
}

#todoWidgetInlineEditor .details a {
    color: #255ED2;
    position: relative;
    top: 1px;
}

#todoWidgetInlineEditor .details p {
    position: relative;
    top: 1px;
}

#todoWidgetInlineEditorTrash {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -1943px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

#todoWidgetInlineEditor div.actions {
    padding: 0 5px;
}

#todoWidgetInlineEditor div.actions .yui-button .innerButton {
    padding: 3px 1px 0;
}

#todoWidgetInlineEditor div.actions .yui-button button {
    padding: 0 4px;
}

#todoWidgetInlineCancel {
    float: right;
}

#todoWidgetFolders .dragOver h4, #todoWidgetFolders .dragOver .count{
    background: #6CAADB !important;
    color: #FFFFFF;
}

#todoWidgetDoneList.dragOver {
    background: #F5FAFE;
}

#todoWidgetDragTarget {
    font-size: 1px;
    line-height: 0.1;
    background: #6CAADB;
    height: 2px;
    margin: 0 4px -2px 4px;
}

#todoWidgetDoneList #todoWidgetDragTarget {
    visibility: hidden;
}

.todoWidgetDragProxy {
    font-size: 11px;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    border: 0 !important;
    background: #3E79B1 url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -1661px;
    color: #FFFFFF;
    height: 21px !important;
    padding-left: 26px;
    overflow: hidden;
}

.todoWidgetDragProxyInvalid {
    background-position: 0 -1692px;
}

#todoWidgetError {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    color: #545454;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

#todoWidgetError.show {
    display: block;
}

#todoWidgetError p {
    position: relative;
    text-align: left;
    font-style: italic;
    display: block;
    margin-top: 5px;
    padding-left: 25px;
}

#todoWidgetError p .alert {
    position: absolute;
    top: 0;
    left: 3px;
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -740px;
    width: 17px;
    height: 16px;
}

#todoWidgetError ul {
    font-style: italic;
    padding-left: 25px;
}

#todoWidgetError ul li {
    list-style-type: circle;
}

#todoWidgetErrorFix {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#todoWidgetErrorFix.show {
    display: block;
}

/* ####################################### */
/* ## Auto-Complete                     ## */
/* ####################################### */

/* styles for entire widget */
.yui-skin-sam .yui-ac {
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}

/* styles for input field */
.yui-skin-sam .yui-ac-input {
    sposition: absolute;
    swidth: 100%;
}

/* styles for results container */
.yui-skin-sam .yui-ac-container {
    position: absolute;
    top: 1.6em;
    width: 300px;
    left : 1em;
}

/* styles for header/body/footer wrapper within container */
.yui-skin-sam .yui-ac-content {
    position: absolute;
    width: 100%;
    border: 1px solid #808080;
    background: #fff;
    overflow: hidden;
    z-index: 9050;
}

/* styles for container shadow */
.yui-skin-sam .yui-ac-shadow {
    position: absolute;
    margin: .3em;
    width: 100%;
    background: #000;
    -moz-opacity:  0.10;
    opacity: .10;
    filter: alpha(opacity=10);
    z-index: 9049;
}

/* styles for results list */
.yui-skin-sam .yui-ac-content ul{
    margin: 0;
    padding: 0;
    width: 100%;
}

/* styles for result item */
.yui-skin-sam .yui-ac-content li {
    margin: 0;
    padding: 2px 5px;
    cursor: default;
    white-space: nowrap;
}

/* styles for prehighlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;

}

/* styles for highlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
    background:#426FD9;
    color:#FFF;
}

/*Feedback*/
#yFeedbackContainer {
    visibility : hidden;
    position : absolute;
    left : -999;
    top : -300;
}
#yFeedback {
    bottom:0;
    position:absolute;
    right:5px;
}

#yFeedbackMsg {
    font-weight:bold;
    padding-left:6px;
}
#yFeedbackSpinner {
    background: transparent url(@ycsImgPath@generic/img/spinner.gif) no-repeat;
    float:left;
    height:16px;
    width:16px;
}

/*yCheckbox */
.yCheckbox {
    width : 11px;
    height : 12px;
    float : left;
    opacity : 1;
}
.ie .yCheckbox {
    height : 11px !important;
}
.yCheckboxInner {
    height : 100%;
}
.ie .yCheckboxInner {
    height : 100%;
}
.yCheckboxLabel {
    padding-left : 5px;
    cursor : pointer;
}
.yCheckboxChecked {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -2630px;
}
.yCheckboxContainer {
    white-space : nowrap;
}

/* Flickr */

#flickrIntRestPop td {
    background-color: white;
}

.flickrLogo {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif)  no-repeat scroll 0 -2964px;
    float:left;
    height:12px;
    margin-left:4px;
    width:22px;
}

.intrestpop_6up_logo {
    background: transparent url(@ycsImgPath@generic/img/cal_strip.gif)  no-repeat scroll 0 -2985px;
    float:left;
    height:22px;
    width:68px;
}

.flickrSpinner {
    background: transparent url(@ycsImgPath@generic/img/spinner.gif) no-repeat;
    float:left;
    height:16px;
    width:16px;
}

/* YCarousel */
.yCarousel .yui-carousel-nav {
    background : #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -154px;
    padding-bottom : 1px;
    border-bottom : 1px solid #99AABD;
}
.yCarousel .yui-carousel-content {
    background-color : white;
}
.yCarousel .yui-carousel-element li{
    border : none;
    margin : 2px;
    cursor : pointer;
}
.yCarouselTitle {
    font-size:1.3em;
    font-weight:bold;
    padding : 10px 6px;
    position:absolute;
    left : 3px;
    top : 0px;
    z-index:2;
}
.yCarouselItem  {
    float : left;
    vertical-align : top;
}
.arrowExpander {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 2px -868px;
    display:block;
    float:left;
    height:10px;
    width:13px;
    cursor : pointer;
}
.arrowExpander.collapsed {
    background-position : 2px -868px;
}
.arrowExpander.expanded {
    background-position : 0px -847px;
}
.yui-skin-sam .yui-carousel-button {
    visibility : inherit !important;
    background-image: url(@ycsImgPath@generic/img/cal_strip.gif);
    background-position : 0 -3054px;
}
.yui-skin-sam .yui-carousel-nav ul li a {
    background-image: url(@ycsImgPath@generic/img/cal_strip.gif);
    background-position :  0 -3093px;
}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
    background-position : 0 -3122px;
}
.yui-skin-sam span.yui-carousel-first-button {
    background-position : 0 -3015px
}

/*search */
#searchField {
    width : 100px;
    float : left;
    border-width : 0px;
    border : none;
    outline : 0;
}
.searchPanelContainer {
    background-color : #E9F2FA;
}
.searchHeaderMain h3 {
    padding-right : 20px;
}
.searchHeaderMain {
    padding : 10px 0px 5px 8px;
}
.searchActionTools {
    float:left;
    overflow : hidden;
    height:35px;
}
.searchToolbarContainer {
    height:35px;
    padding-left : 10px;
}
#searchTopBar td{
    white-space : nowrap;
}
#searchHeader {
    position : relative;
}
#searchResultsContainer {
    background-color : white;
    overflow-x : hidden;
    overflow-y : auto;
    width : 100%;
    position : relative;
}
.khtml #searchHeader {
    overflow : hidden;
}
#searchResultsHeaderContainer td {
    border : 1px solid #99AABD;
    border-collapse : separate;
}
#searchResultsHeaderContainer, .searchToolbarContainer.bottom {
    border-top :  1px solid #99AABD;
}
#searchRefinementOpts {
    height : 44px;
    margin : 15px 10px 8px;
    padding : 7px;
    vertical-align : middle;
}
.refinementGroup {
    float:left;
    padding : 0px 5px;
    vertical-align:middle;
    white-space : nowrap;
}
.refinementGroup label{
    padding-left : 2px;
}
.searchAgainCont {
    padding-left : 5px;
    height : 40px;
    float : left;
    margin-top : -5px;
}
.ie .searchAgainCont {
	margin-top : 0px;
}
#resultState {
    font-weight : bold;
    padding : 5px;
}
.searchNav {
    float : right;
    padding : 4px 10px 0px 10px;
	white-space : nowrap;
}
.searchCheckboxContainer {
    width : 16px;
}
.searchCheckbox {
    display: block;
    width: 15px;
    height: 14px;
    cursor: pointer;
    top : 3px;
}
.searchCheckbox.checkedCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -1894px;
}

.searchCheckbox.uncheckedCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -1825px;
}

.searchCheckbox.hoveredCheckbox {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -1848px;
}
.searchCheckbox.readOnly {
    background: url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 1px -3549px;
}

.searchFolderName {
    padding-left : 5px;
}
.iconHeader {
    width : 22px;
}
.searchTopGroup {
    float : left;
    height : 35px;
    white-space : nowrap;
}
.searchTopEl {
    float : left;
}
.refinementRightGroup {
    padding-left : 10px;
    min-width : 290px;
}
.searchResTable td, .searchResTable th, .searchTableHeaders {
    overflow : hidden;
    padding : 2px 2px 1px 6px;
    border-collapse : separate;
    border : none;
}
.searchResTable td {
    padding-left : 7px;
}

.searchResTable{
    margin-top:-20px;
    outline : 0px;
    table-layout:fixed;
    width:100%;
    border-collapse : collapse;
}
.searchResultWrapper {
    background-color : white;
}
#searchHitsContainer {
    overflow-x:hidden;
    overflow-y:auto;
    width : 100%;
}
.searchResTable thead {
    visibility : hidden;
}
.searchTableHeaders {
    background : #E9F2FA url(@ycsImgPath@generic/img/cal_strip.gif) repeat-x scroll 0 -153px;
    height : 24px;
}
.iconHeader {
    padding-left : 3px;
}
.searchIcon{
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -644px;
    float : left;
    height : 16px;
    width : 20px;
}
#leftColumn #searchWidget.widget .bd {
    padding: 0;
    background-color : #E9F2FA !important;
}
#leftColumn #searchWidget {
    margin-top : 22px;
}
#searchWidget .mod-content {
    border : none !important;
    position : relative;
}
#searchWidget {
    background-color : #E9F2FA !important;
}
#msfSearchIcon {
    background-position: 3px -3517px;
    width : 15px;
    height : 19px;
}
#msfBtnCell button {
    min-height: none;
}
.msfLeftPane {
    border-top : 1px solid #99AABD;
    border-right : 0px none;
    border-bottom : 1px solid #99AABD;
    border-left : 1px solid #99AABD;
    background-color : white;
}
.ie.msfLeftPane {
	border-collapse : collapse;
}
#goBtnLabelCont {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -3190px;
}
#goBtnRightCap, #goBtnLeftCap {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -3220px;
    width : 5px;
    padding-left : 5px;
}
#goBtnRightCap {
    background-position : 0px -3220px;
}
#goBtnLeftCap {
    background-position : 0px -3160px;
}
.hovered #goBtnRightCap {
    background-position : 0px -3310px;
}
.hovered #goBtnLeftCap {
    background-position : 0px -3250px;
}
.hovered #goBtnLabelCont {
    background-position : 0px -3280px;
}

#goBtnContainer {
    cursor : pointer;
}

.searchIcon.reminder {
    background-position : 1px -627px;
}
.searchIcon.repeater {
    background-position : 1px -648px;
}
#searchResultsHeaderContainer .searchIcon.repeater {
    background-position : 3px -648px;
}
.searchIcon.exception {
    background-position : 2px -3489px;
}
.searchIcon.todoIcon {
    background-position : 1px -3459px;
}
.searchPickerWrapper {
    float : left;
}
.searchPickerLabel {
    float : left;
    vertical-align : bottom;
    padding : 5px 10px;
}
.apptSearchLink, .apptSearchLink:visited {
    text-decoration : none;
    color : black;
}
.apptSearchLink:hover {
    text-decoration : underline;
}
.backToCalIcon {
    width : 28px;
    background-position : 0px -3340px;
}
.moveIcon {
    background-position : 1px -3366px;
}
.moveArrow {
    background-position : 0 -3389px;
    width : 15px;
}
.searchNoResults {
    text-align : center;
}
.searchCalInd {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0 -3639px;
    float:left;
    height:15px;
    width:15px;
}
.calIndRed {
    background-position : 0 -3579px;
}
.calIndPink {
    background-position : 0 -3609px;
}
.calIndOrange {
    background-position : 0 -3639px;
}
.calIndYellow {
    background-position : 0 -3668px;
}
.calIndGreen {
    background-position : 0 -3699px;
}
.calIndCyan {
    background-position : 0 -3729px;
}
.calIndBlue {
    background-position : 0 -3759px;
}
.calIndPurple {
    background-position : 0 -3789px;
}
.calIndGray {
    background-position : 0 -3819px;
}
.sortDisabled, .searchDisabled {
    color : #6B7D94;
}
.searchHeaderInner {
    float : left;
    white-space : nowrap;
}
.sortAsc, .sortDesc {
    float : right;
}
.sortAsc {
    background-position : 0px -3425px;
}
.sortDesc {
    background-position : 0px -3394px;
}
.sortControl {
    cursor : pointer;
}
.hideTodos .task {
    display : none;
}
.hideAppts .appointment {
    display : none;
}

.noUser {
    font-size: 13px;
    padding: 5px;
}
/*Stickers! omg*/
#stickersContainer, #viewMenuContainer{
    position:absolute;
    left : -1000px;
    top : -2000px;

}

.stickersContainer{
    border: 1px solid #BBD7E6;
    background-color: #F0F6FA;
    height: 70px;
    padding: 5px;
    width:708px;
    overflow:hidden;
    text-align:left;
}
.ie .stickersContainer {
    width : 750px;
}

#stickersDDProxyEl {
    border : solid 1px #99AABD;
    background-color: #FFFFFF;
    /*background : white url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll;*/
    height : 20px;
    float : left;
    position : absolute;
    vertical-align: middle;
    text-align:left;
    left : -999px;
    top : -999px;
    z-index : 999999;
    padding:2px 4px 2px 4px;
    cursor : pointer;
}

.stickerProxyIcon {
    padding-left:20px;
}

.stickerMenuItem, .sticker {
    display : inline;
}
.stickerMenuLI {
   float : left; 
}
.stickerMenuItem {
    height : 20px;
    width : 14px;
    float : left;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 7px 0px;
    padding : 3px 15px 3px 5px !important;
    margin-left : 4px;
    outline : 0px;
}
.stickerMenuSection {
    padding-left : 15px;
}
.sticker {
    height : 14px;
    width : 14px;
    float : left;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 7px 0px;
}

.stickerLabelMenuItem {
	position : absolute;
	width : 16px;
	height : 14px;
	left : 10px;
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 7px 0px;
}

#selectSticker span.icon {
    display:block;
    height:18px;
    width:18px;
    position: absolute;
    top:0;
    left: 3px;
}

.stickerGrabbyBtn {
    margin : 5px;
    cursor : pointer;
}

.eapptStickerBtn {
    margin : 5px -17px 5px 5px;
}
.birthdaySticker {
    background-position : 0 -3850px !important;
}
.dateSticker {
    background-position : 0 -3940px !important;
}
.flagSticker {
    background-position : 0 -4000px !important;
}
.redSticker {
    background-position : 0 -4120px !important;
}
.yellowSticker {
    background-position : 0 -4150px !important;
}
.greenSticker {
    background-position : 0 -4180px !important;
}
.anniversarySticker {
    background-position : 0 -3880px !important;
}
.billsSticker {
    background-position : 2px -3910px !important;
}
.phoneSticker {
    background-position : 0 -4060px !important;
}
.doctorSticker {
    background-position : 0 -3970px !important;
}
.vacationSticker {
    background-position : 0 -4090px !important;
}
.workSticker {
    background-position : 1px -4840px !important;
}
.schoolSticker {
    background-position : 1px -4897px !important;
}
.petSticker {
    background-position : 2px -4959px !important;
}
.funSticker {
    background-position : 1px -5020px !important;
}
.defaultSticker { /*Random little sticker -- sparkly*/
    background-position : 1px -4029px !important;
}


/*Sticker Menu Items*/
.birthdayStickerMenuItem {
    background-position : 0 -4210px !important;
}
.anniversaryStickerMenuItem {
    background-position : 2px -4239px !important;
}
.billsStickerMenuItem {
    background-position : 4px -4269px !important;
}
.dateStickerMenuItem {
    background-position : 0 -4299px !important;
}
.doctorStickerMenuItem {
    background-position : 0 -4329px !important;
}
.flagStickerMenuItem {
    background-position : 3px -4359px !important
}
.phoneStickerMenuItem {
    background-position : 2px -4389px !important;
}
.vacationStickerMenuItem {
    background-position : 0 -4419px !important;
}
.redStickerMenuItem {
    background-position : 1px -4450px !important;
}
.yellowStickerMenuItem {
    background-position : 1px -4480px !important
}
.greenStickerMenuItem {
    background-position : 1px -4509px !important
}
.workStickerMenuItem {
    background-position : 0 -4809px !important;
}
.schoolStickerMenuItem {
    background-position : 0 -4867px !important;
}
.petStickerMenuItem {
    background-position : 4px -4929px !important;
}
.funStickerMenuItem {
    background-position : 2px -4989px !important;
}
.defaultStickerMenuItem { /*Random little sticker -- sparkly*/
    background-position : 1px -4029px !important;
}


#stickerButton .yui-button {
  position: relative;
}
#stickerButton span.icon {
  display:block;
  height:18px;
  width:18px;
  position: absolute;
  top:0;
  left: 10px;
}

.apptSticker{
    padding:5px;
}

.stickerOuterBorder{
    background-color: #CCDCE8;
    border: 2px solid #CCDCE8;
    width: 40px;
    height: 38px;
    margin: 2px;    
}

.stickerInnerBorder{
    border: 1px solid #FFFFFF;
    width: 36px;
    height: 34px;
}

.stickerInnerBorder:hover{
    background-color:#94C8DE;
    border: 1px solid #FFFFFF;
    width: 36px;
    height: 34px;
}

#nuxOverlay {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    background-color : #E9F2FA;
    opacity:0.7;
    filter: alpha(opacity=70);
    z-index : 20000;
}
.nuxContent {
    width : 50%;
    margin-left : 25%;
    background-color : white;
    border : solid 1px  #99AABD;
    margin-top : 100px;
    display : none;
    z-index : 20002;
    position : absolute;
    top : 0px;
    left : 0px;
}
.innerNuxTz div {
    text-align : left;
}
.nuxBtnContainer {
    height : 45px;
    text-align : center !important;
    padding : 20px 0px 100px 0px;
}
.nuxHeader {
    text-align:center;
    padding:20px 10px 10px 10px;
    border-bottom: solid 1px  #99AABD;
    margin: 0px 10px;
}
.innerNuxCt {
    border-bottom: solid 1px  #99AABD;
    margin: 0px 10px;
    padding : 10px 20px;
}
/* Left pane overlay */
#leftColumn.overlay {
    background-color : #E9F2FA;
    border : 1px solid #8899AF;
    opacity : 0.95;
    filter : alpha(opacity=95);
    padding : 0 5px 5px;
    width : 165px;
    margin-left : 25px;
    border-top : none;
    top : -8000px;
    z-index : 5;
}
#leftColumnShadow {
    position : absolute;
    z-index : 4;
    opacity : 0.12;
    filter : alpha(opacity=22);
    background-color:#000000;
    left : 21px;
    display : none;
    top : 36px;
}
#bd.disableLeftColumn #leftColumn,
#bd.disableLeftColumn #leftColumnShadow {
    top : -10000px;
    display : none;
}

#leftPaneToggle {
    border-top:medium none;
    margin-top:0;
    position:absolute;
    top:35px;
    left : 90px;
    z-index : 10;
    height : 20px;
}
.leftPaneToggleInner {
    height : 19px !important;
    filter : none !important;
}
.leftPaneToggleTop {
    background-color:#E9F2FA;
    height:10px;
    position:absolute;
    width:100%;
    z-index:0;
}
#leftPaneToggleBg {
    position : relative;
}
.leftPaneToggleBg,
.leftPaneToggleBg .leftPaneToggleInner {
    background-color:#D3E2EA;
}
.leftPaneToggleBg-hover,
.leftPaneToggleBg-hover .leftPaneToggleInner {
    background-color:#C4DDF3;
}
#leftPaneToggleCmd.calIcon {
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 6px -524px;
    padding-bottom:10px;
    padding-right : 22px;
}
#leftPaneToggleCmd {
	position : relative;
    -moz-user-select : none;
    -webkit-user-select : none;
}
#leftPaneToggleCmd.toggleHideLabel{
    top : 3px;
    padding : 0px 6px;
}
.ie .toggleHideLabel{
    left : 3px;
}
.RCOuter {
    border-style:solid;
    border-width:1px 0px;
    margin:auto 0.25em;
    padding:0px;
    white-space:nowrap;
    height : 16px;
    margin-bottom : 1px;
    cursor : pointer;
}
.RCInner {
    border-style:solid;
    border-width:0pt 1px;
    display:block;
    margin:0pt -1px;
    overflow : hidden;
    position : relative;
}
.ie .appt {
    filter: none;
}
.ie .RCInner {
    filter: none;
    width : auto;
    top : 1px;
}
#viewMenuContainer .yuimenuitem {
    padding : 0 15px 0px 20px;
    text-align : left;
    cursor : pointer;
}
.selectedViewItem {
    background : transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 6px -4777px;
}
.menuGroupDivider {
    border-bottom : solid 1px silver;
    padding-bottom : 5px !important;
}
.submenuFirst {
    padding-top : 5px !important;
}
#OPTIONS li {
    margin : 0 2px !important;
}
.Hidden {
    display : none;
}
.hiddenFolder {
    display : none;
}
.criticalWarningMsg {
    color:red;
    font-weight:bold;
}
.warningIcon{
    background:transparent url(@ycsImgPath@generic/img/cal_strip.gif) no-repeat scroll 0px -740px;
    position:absolute;
    height:20px;
    width:20px;
    margin-top : -4px;
    margin-left : -18px;
}

/* for UHD8 ----------------------------- */
body #univheader .mod-content .bd td[bgcolor] {
    font-size:0px;
}

body #univheader .mod-content .bd table input {
    margin: 3px;
    height: 21px;
}

body #univheader .mod-content .bd table input[type=submit] {
    font-size:13px;
}

body #univheader .mod-content .bd table input[type=text] {
    padding-top:0px;
    padding-bottom:0px;
}

/* for UHD8 ----------------------------- */
body #hd td[bgcolor] {
    font-size:0px;
}

body #hd table input {
    margin: 3px;
    height: 21px;
}

body #hd table input[type=submit] {
    font-size:13px;
}

body #hd table input[type=text] {
    padding-top:0px;
    padding-bottom:0px;
}

body #hd td[bgcolor] img {
    display:block;
}