/*******************************************************************************
 *          WebCalendar Sample Style sheet                                     *
 *                                           ------White background            *
 *******************************************************************************/
/*
 * $Header: /cvs/hostcp/installable/calendar/default.css,v 1.1 2004/02/19 16:37:50 jim Exp $
 */
/*=============================================================================*
 Body
 =============================================================================*/
body      {margin:0 2px 10px 2px;} 


/*=============================================================================*
 Link
 =============================================================================*/
a         { color:#660; text-decoration:none}
a:visited { color:#660; text-decoration:none}
a:active  { color:#66F; text-decoration:underline}
a:hover   { color:#FF3036; text-decoration:none;color:red;background-color:#0f0}

a.transparent:hover {background-color:transparent}

blockquote {padding: 4px 5px 4px}

/*=============================================================================*
 Master Head 
 =============================================================================*/
table.header      {}
td.headertd       {}

.version          {color:#ccf;font-size:9px}
.calendarTitle    {font-size:18px;font-weight:bold}
.favoriateLink    {font-size:9px;}
.logout           {font-weight:bold;}
.memberInTitle    {} 

/*=============================================================================*
 Tabs. We really need to fix the font size for tabs.
 =============================================================================*/
table.tabcontainer {}
td.tabfillerrow    {}
td.tabtabrow       {}
table.tabsbar      {}
td.tabfiller       {}
td.tabtab          {cursor:pointer;}

td.tabfiller       {}
td.tabdtime        {}
td.tabclock        {}

.tabTxt            {font-size:9px;color:#669}
.tabTxtHighlight   {font-size:9px;color:#ccf}
.motd              {color:#c000cc;font-weight:bold;font-size:12px}
.datetime          {font-weight:bold;font-size:12px} 


/*=============================================================================*
 Horizontal navigation bar
 =============================================================================*/
table.hnbar   {}
td.hnbartd    {}

.hnbar        {font-weight:bold;}
.hnbarMini    {}


/*=============================================================================*
 Date-range navigation bar
 =============================================================================*/
table.dnbar   {}
td.dnbarTd    {}
.dnbarTxt     {}


/*=============================================================================*
 Vertical navigation bar (fancy list views)
 =============================================================================*/
td.v34navHolder {border:1px solid;border-color: #999 #333 #666 #999;}

table.v34navtbl {}
td.v34hfiller   {}
td.v34vfiller   {}
td.v34tdBIG     {}
td.v34today     {background-color:#990}
td.v34navTd0    {background-color:#099}
td.vbtn         {cursor:pointer;border:1px solid;border-color:#ddd #333 #666 #eee;}
.v34nav         {color:#cc0;font-weight:bold}

/*=============================================================================*
 Small Month calendar as date selector (fancy list views)
 =============================================================================*/

table.v34Smvtbl  {}
td.v34SmvRow1Td  {}
td.v34SmvCol1Td  {}
td.v34SmvTdtdy   {}
td.v34SmvTd      {}
td.v34SmvTdout   {}
td.v34SmvTdnav   {}

.v34SmvRow1Txt   {font-weight:bold}
.v34SmvTitle     {}
.v34SmvRow1Txt   {}
.v34SmvDay       {}


/*=============================================================================*
 Date navigation bar (fancy list views)
 =============================================================================*/
td.dnbar34Td  {}

.dnbar34Txt {color:#cc0}



/*=============================================================================*
 The quick-add button, tooltip and a few misc items
 =============================================================================*/
.quickadd            {background-color:#606;color:#aaa} 
.miscTitle           {font-size:18px;font-weight:bold;color:#f00}
.miscTitleSmall      {font-weight:bold;color:#f00}
.warnMsg             {color:#f00}
.authWarn            {color:#f90;font-weight:bold} 
.msg                 {color:#390;font-style:italic}   
.boxMsg              {border:1px solid;border-color: #ddd #333 #666 #eee;}
.overdue             {color:#fa0}
.greetingInstruction {}
.errorMsg            {}

h2.errorTitle        {color:red;font-weight:bold;}

td.tipholder         {border:2px solid;border-color: #ddd #333 #666 #eee;}
.tip                 {}


/*=============================================================================*
 Popup date selector
 =============================================================================*/
.dsMonthName {font-weight:bold;color:red} 
.dsDay       {}
.dsRow1Txt   {font-weight:bold;color:#fff}
.dsRow1Td    {background-color:#09c}


/*=============================================================================*
 Month/Week/Day Title Label on varivous views  
 =============================================================================*/
.mvTitle,
.wvTitle,
.yvTitle,
.dvTitle,
.mvTitle2,
.wvTitle2,
.yvTitle2,
.dvTitle2
{font-weight:bold}

.mvTitle34,
.wvTitle34,
.yvTitle34,
.dvTitle34
{font-weight:bold;color:#999;font-style:italic}


/*=============================================================================*
 Style used to display event time, title in event tables
 1 -- appointment
 2 -- todo
 3 -- meeting
 4 -- special
 =============================================================================*/
/*-- for event title --*/
.zet1 {}
.zet2 {}
.zet3 {}
.zet4 {}

/*-- for event time. colors are hard-coded and cannot be changed --*/
.ztt1 {}   
.ztt2 {} 
.ztt3 {}   
.ztt4 {}  


/*=============================================================================*
 Event Table, general
 =============================================================================*/
/* The next one is used in event summary table. This table
 * is used in block-day,week,month view, diary-screen event
 * summary, evnet-editor screen event summary.
 * The color/style set on event entries will override all properties
 * defined on TR, except the border.
 */

table.et  {border-collapse: collapse}
tr.et1    {border-top:1px dotted transparent;}
tr.et2    {border-top:1px dotted transparent;}
tr.et3    {border-top:1px dotted transparent;}
tr.et4    {border-top:1px dotted transparent;}

td.et1    {}
td.et2    {}
td.et3    {}
td.et4    {}


/*=============================================================================*
 Day view Styles
 =============================================================================*/
/*-- used in day summary view --*/
table.dvetc     {border-collapse: separate;}
table.dvcHolder {}
table.ecombined {}
td.ec1          {}
td.ec2          {}
td.ec3          {}
td.ec4          {}
td.ec0          {}

/*-- used in day banner view --*/
table.ebanner {border-collapse: separate}
td.eb1    {border:1px solid green}
td.eb2    {border:3px double #cc0}
td.eb3    {border:1px dotted red}
td.eb4    {border:1px dotted blue}
td.ebebnk {}

td.ebt0   {}
td.ebt1   {}
td.ebt2   {}
td.ebt3   {}
td.ebt4   {}
td.ebt5   {}
td.ebt6   {}

/*-- used in day detailed view --*/
table.edetail {border-collapse: separate;}
td.ed1   {}
td.ed2   {}
td.ed3   {}
td.ed4   {}

/* empty slots */
td.ed00        {background-color: #ffc}
td.ed10        {background-color: #ddc}
td.ed01        {background-color: #cff}
td.ed11        {background-color: #cdd}

td.dvDRow0Td0  {background-color:#0cc;border-bottom:1px solid;border-right:1px solid;border-color:#333;}
td.dvDRow0Td1  {background-color:#cc0;border-bottom:1px solid;border-right:1px solid;border-color:#333;}

.dvDRow0Txt   {color:#66c}
.dvDRow0Txtt  {color:#66c}

table.dvtbl   {}
td.dvpmonth   {}
td.dvmonth    {}
td.dvnmonth   {}
td.dvmonthfill {}

table.edetailNested {}

td.dvOutsideTd0 {background-color:#99c} 
td.dvOutsideTd1 {background-color:#ccf}

/*-- time in banner view   --*/
.dvBT  {color:#996}
/*-- time in detailed view --*/
.dvDT  {color:#996}
/*-- time in summary view  --*/
.dvT   {color:#39c}


/*=============================================================================*
 Column banner View, May 15, 2003 
 =============================================================================*/

.dbvhdr0      {background-color:#cc6; border-bottom:1px solid;border-right:1px solid;border-color:#333;}
.dbvhdr1      {background-color:#6cc; border-bottom:1px solid;border-right:1px solid;border-color:#333;}

td.dbvdtm0       {background-color: #dda;border:1px solid; border-color:#999 #333 #666 #999;}
td.dbvdtm1       {background-color: #add;border:1px solid; border-color:#999 #333 #666 #999;}
.dbvBT           {color:blue}
.dbvhdr          {color:blue}

td.dbvdbnk00     {background-color: #ffc}
td.dbvdbnk10     {background-color: #ddc}
td.dbvdbnk01     {background-color: #cff}
td.dbvdbnk11     {background-color: #cdd}

/* for no time events or events outside range */

tr.dbvRowOut0          {}
tr.dbvRowOut1          {}
td.dbvOutsideTd0       {background-color:#99c} 
td.dbvOutsideTd1       {background-color:#ccf}

/*=============================================================================*
 Block Month View
 =============================================================================*/
table.mvtbl {}
td.mvRow1Td {}
td.mvCol1Td {}

td.mvtdpmth {}
td.mvtdnmth {}
td.mvtdtdy  {}
td.mvtd     {}
td.mvtdwknd {}

.mvRow1Txt  {font-weight:bold;color:#ccc}
.mvRow1Td   {}
.mvCol1Td   {}
.mvCol1Txt  {color:#ff0}
.mvDay      {font-weight:bold;font-style:italic;color:#f60} 


/*=============================================================================*
 Small Block Month View
 =============================================================================*/
/*-- duplicated for different uses of small month table --*/

table.Smvtbl  {}
td.SmvRow1Td  {}
td.SmvCol1Td  {}
td.SmvTdtdy   {}
td.SmvTd      {}
td.SmvTdout   {}
td.SmvTdnav   {}

.SmvRow1Txt   {font-weight:bold}
.SmvTitle     {font-weight:bold}
.SmvDay       {}  

/*-- small month cal if used in a iframe --*/
table.navSmvtbl  {}
td.navSmvRow1Td  {}
td.navSmvCol1Td  {}
td.navSmvTdtdy   {}
td.navSmvTd      {}
td.navSmvTdout   {}
td.navSmvTdnav   {}
.navSmvRow1Txt   {font-size:9px;font-weight:bold}		  
.navSmvTitle     {font-size:9px}
.navSmvDay       {font-size:9px}  


/*=============================================================================*
 Block Week View
 =============================================================================*/
table.wvtbl  {}
td.wvTd        {}
td.wvTdToday   {}

table.wvcftblHolder {}
td.wvcftblHolderTd  {}

table.wvcftbl  {}
td.cftd0       {}
td.cftd1       {}
td.cftd2       {}
td.cftd3       {}
td.cftd4       {}
td.cftd5       {}
td.cftd6       {}

td.cftdy0      {}
td.cftdy1      {}
td.cftdy2      {}
td.cftdy3      {}
td.cftdy4      {}
td.cftdy5      {}
td.cftdy6      {}
td.wvCftRow1Td {background-color:#ccc}
td.wvCftCol1Td {}

.wvWday        {font-weight:bold;color:blue;text-decoration:underline}
.wvDay         {}
.wvCftRow1Txt  {color:blue;font-weight:bold;}
.wvCftCol1Txt  {color:blue;}

/*=============================================================================*
 Detailed Week View, May 15, 2003 
 =============================================================================*/

.wvdWday        {font-weight:bold;color:blue}
.wvdDay         {}
.wvdayhdr0      {background-color:#cc6; border-bottom:1px solid;border-right:1px solid;border-color:#333;}
.wvdayhdr1      {background-color:#6cc; border-bottom:1px solid;border-right:1px solid;border-color:#333;}

td.wvdtm0       {background-color: #dda;border:1px solid; border-color:#999 #333 #666 #999;}
td.wvdtm1       {background-color: #add;border:1px solid; border-color:#999 #333 #666 #999;}
.wvBT           {color:blue}

td.wvdbnk00     {background-color: #ffc}
td.wvdbnk10     {background-color: #ddc}
td.wvdbnk01     {background-color: #cff}
td.wvdbnk11     {background-color: #cdd}

/* for no time events or events outside range */

tr.wvRowOut0          {}
tr.wvRowOut1          {}
td.wvOutsideTd0       {background-color:#99c}
td.wvOutsideTd1       {background-color:#ccf}

/*=============================================================================*
 Block Year View
 =============================================================================*/
/* The "Special events" title */
table.yveTbl   {border:1px solid;border-color: #999 #333 #666 #999;}
td.yvEtTRow    {}
td.yvEttdt     {}
td.yvEttde     {}
td.yvmth       {}
table.yvEtHolder {}
td.yvEtHolderTD  {}

.yvEtTitle {color:red;font-weight:bold; text-decoration:underline}

.yvRecurrence {}

/*=============================================================================*
 Simple List View
 =============================================================================*/
table.v2etHolder {}
table.v2tbl {}
td.v2DateTd {}
td.v2eTd1   {}
td.v2eTd2   {}
td.v2eTd3   {}
td.v2Row1Td {}
td.v2filler {}

/* used in displaying date and day: the leftmost column */
.v2Date     {color:#ccc}
.v2Day      {color:#fa0;font-weight:bold}
.v2Row1Txt  {color:#c9c}
.v2Detail   {}


/*=============================================================================*
 Fancy List Views
 =============================================================================*/
table.v34tbl {}

td.v3td1     {}
td.v3td2     {}
td.v3td3     {}
td.v3td4     {}
td.v3td0     {}

.v34Date     {font-style:italic;color:#66f}

/* event/localtion/category label */
.v3Label    {}  
.v3Category {} 
.v3Location {} 
.v3Speaker  {} 

/*=============================================================================*
 Fancy List Views
 =============================================================================*/
/* style for event title */
.v4title1,
.v4title2,
.v4title3,
.v4title4
{font-weight:bold;color:#f30;text-decoration:underline;}

/* style of td cell for the above 4. They are also used in 
 * event detail screen
 */
td.v4titleBG1    {}
td.v4titleBG2    {}
td.v4titleBG3    {}
td.v4titleBG4    {}
td.v4dateLabel   {}
td.v4dateTxt     {color:#00c}
td.v4timeLabel   {}
td.v4timeTxt     {color:#f0f}
td.v4detailLabel {}
td.v4detailTxt   {color:#330}
td.v4attlabel    {}
td.v4att         {color:#00c}
td.v4priLabel    {}
td.v4priTxt      {color:#f60}
td.v4urlLabel    {}
td.v4urlTxt      {color:#00c}
td.v4locationLabel {}
td.v4locationTxt {color:#00c}
td.v4catLabel    {}
td.v4catTxt      {}
td.v4ctpLabel    {}
td.v4ctpTxt      {}
td.v4ctmLabel    {}
td.v4ctmTxt      {}
td.v4authorLabel {}
td.v4authorTxt   {color:#33f}
td.v4speakerLabel {}
td.v4speakerTxt   {}

.v4mailto        {}
.v4edit          {} 

.v4recurrence    {color:#c0c}

/*=============================================================================*
 Diary Screen
 =============================================================================*/
table.diaryHolder {}
td.diaryHolderTD  {}

table.diaryEtHolder {}
td.diaryEtHolderTd  {}

table.diaryCtbl  {}
table.diaryEtTbl {}
td.diaryEtTd     {background-color:#ccc;border:1px solid;border-color: #ddd #333 #666 #eee;}
td.diarytbarTd   {}
td.diaryTd       {color:#336600}

.diaryDate       {}
.diaryEdit       {}
.diaryPrint      {}

/* event table on the right */
.diaryEtTitle {font-weight:bold;color:#f30;text-decoration:underline}

p.diaryContent {} 
p.diaryContent:first-letter {color:red;text-transform:uppercase} 



/*=============================================================================*
 Note Screen
 =============================================================================*/
table.noteContentHolder {}
td.noteContentHolderTd  {}
table.noteContentTbl    {}

table.note       {}
td.notePin       {}
td.noteFiller    {}
td.noteCatTd     {}
td.noteTitle     {}
td.noteContentTd {}

.notePrint       {color:#699}
.noteEdit        {color:#696}
.noteDelete      {color:#966}
.noteDatetime    {color:#999}
.noteTitle       {color:#933}
.noteCat         {font-weight:bold; font-style:italic}
.noteContent     {}

/*=============================================================================*
 Contact List Screen
 =============================================================================*/
table.addrIndex {}
td.addrIndex    {}

table.address    {}
td.addrRow1Td    {}
td.addrName      {}
td.addrPhone     {}
td.addrFax       {}
td.addrEmail     {}
td.addrCompany   {}
td.addrAddr      {} 
td.addrInfo      {}
td.addrckbox     {}

.addrName,
.addrPhone,
.addrFax,
.addrEmail,
.addrCompany,
.addrAddr,
.addrInfo     {color:#336}

.addrCheck   {}
.addrSmail   {} 

.addrIndex   {}
.addrRow1Txt {color:red;font-style:italic}

/*=============================================================================*
 Task Manager Screen
 =============================================================================*/
table.taskTab       {}
td.taskTabTd        {}
td.taskTabTdActive  {}
td.taskTabSpacer    {}

table.tasktbl       {}
td.taskRow1Td       {}
td.taskckbox        {}
td.taskSdate        {}
td.taskDdate        {}
td.taskDtime        {}
td.taskTitle        {}
td.taskDetail       {}

.taskLabel    {font-weight:bold}
.taskRow1Txt  {}
.taskSdate    {}
.taskDdate    {color:#c00}
.taskDtime    {color:#f06}
.taskTitle    {}
.taskDetail   {}
.taskDoneA    {color:red;font-style:italic}
.taskDoneB    {color:green;font-style:italic}



/*=============================================================================*
 MailTo Screen
 =============================================================================*/
td.m2calTd  {border:1px solid;border-color: #ddd #333 #666 #eee;}
td.m2m2Td   {border:1px solid;border-color: #ddd #333 #666 #eee; background-color:red}

.m2cal      {}
.m2calName  {}


/*=============================================================================*
 Calendar Listing Screen
 =============================================================================*/
table.listCal {}
tr.listCalTR0 {}
tr.listCalTR1 {}
td.listCalTd1 {cursor:pointer;}
td.listCalDes {font-style:italic}
td.listCalName  {font-weight:bold;color:black}
td.listCalGName {font-weight:bold;color:red}
.listCalName  {font-weight:bold;color:black}
.listCalGName {font-weight:bold;color:red}


/*=============================================================================*
 Event Editor
 =============================================================================*/
table.editor     {}
table.editorClrs {}
td.editorEsum    {}
td.editorRow0    {}
td.editorClrs    {}
td.editorFont    {}
td.editorCT      {}
td.editorAtt     {}
td.editorRmnd1   {}
td.editorK       {}
td.editorP       {}
td.editorCmp     {} 

/*=============================================================================*
 Form elements
 =============================================================================*/
.fmLabel      {}
.fmLabelSmall {}
.fmEntryClock {}

.fmFile,
.fmBtn,
.fmBtnSt,
.fmList,
.fmListS,
.fmListN,
.fmEntry,
.fmEntryS,
.fmEntryP
{color:#00f;}

.fmListS,
.fmEntryS,
.fmListS  {font-size:small}

.fmBtnSt        {background-color:#cc0;color:red;font-weight:bold}
.fmBtnSt:hover  {background-color:red;color:green;}

.fmBtn:hover    {background-color:red;color:green;}

.fmRadio,
.fmRadioS {}

.fmText   {color:blue}
.fmTextS  {font-size:small;color:blue}

/* long message in form */
.fmMsg {border: 3px double red; color: #090} 


/*=============================================================================*
 Popup reminder
 =============================================================================*/
.reminderT     {}
.reminderD     {}


/*=============================================================================*
 Image upload/select link on various screens
 =============================================================================*/
.iupload       {}
.iselect       {}

/*=============================================================================*
 used in image and calendar range selection bars
 =============================================================================*/
.lnkstep           {} 
.lnkrange          {color:#00c}
.rangeSelectNBar   {}

/*=============================================================================*
 Compare & conflict table
 =============================================================================*/
table.cftETable  {border-collapse: collapse;}

.cftEtHead     {color:green; font-style:italic} 
.cftCname      {color:blue; font-weight:bold; font-style:italic} 

.cfmName {}
.cfmAcpt {}
.cfmDced {}


/*=============================================================================*
 Import/Export screen
 =============================================================================*/
table.exportvcal  {}
td.exportvcal     {}

table.importvcal  {}
td.importvcal     {}


/*=============================================================================*
 Admin screen
 =============================================================================*/
table.admin       {}
table.adminA      {}

/*=============================================================================*
 Options screen
 =============================================================================*/
table.option      {}
td.option         {}
td.optionLabel    {}

td.optionA        {}
td.optionB        {}
td.optionC        {}

td.option0        {}
td.option1        {}

td.optionx        {}

/*=============================================================================*
 Search screen
 =============================================================================*/
table.search     {}
td.search        {}


/*=============================================================================*
Used in variables for grid lines
 =============================================================================*/
.backtbla    {} 
.backtblb    {} 
.backtbltask       {}
.backtbladdress    {}
.backtblmcal       {}
.backtblwcal       {}
.backtbldvb        {}
.backtbldvc        {}
.backtbldvd        {}
.backtblwvb        {}

/*=============================================================================
 *  combined year view May 25 2003
 =============================================================================*/

.backtblycal       {}
table.yvtbl        {}
td.yvRow1Td  {color:white; font-size:small; border-bottom:1px solid #333; border-right:1px solid #333;}
td.yvCol1Td  {color:white; font-size:small; border-bottom:1px solid #333; border-right:1px solid #333;}
td.ycm       {}
td.yc0       {background-color:white}
td.yc1       {background-color:#bbb}
              /* do not specify bg color */
td.yc2       {}

.yvRow1Txt   {font-size:small; color: yellow;}
.yvCol1Txt   {font-weight:bold}
.ycfree      {font-size:small;color:#666} 
.ycbusy      {font-size:small;color:#c00} 

/*=============================================================================
 *  free busy table May 25 2003
 =============================================================================*/
.backtblfb  {}
table.fbtbl {} 

td.crow1  {background-color:#186868; border-bottom:1px solid #333; border-right:1px solid #333;}
td.crow2  {background-color:#009; border-bottom:1px solid #333;}
.crow1txt {color: white}
.crow2txt {color: white}

td.ccol1  {background-color:#990; border-bottom:1px solid #333; border-right:1px solid #333;}
.ccol1txt {color:red}

td.ccolx  {background-color:#c06}
td.ccolz  {background-color:#fc9}
td.cfree  {}

/* please don't specify bgcolor */
td.cbusy  {}

.cc       {font-size:10px}

td.cdivider { background-color: red}

A.transparent:hover {background-color:transparent;}