/*******************************************************************************
 *          WebCalendar Sample Style sheet                                     *
 *                                           ------White background            *
 *******************************************************************************/

/*=============================================================================*
 Body
 =============================================================================*/
BODY      {font-family: arial,helvetica,sans-serif; margin:0px 2px 10px 2px;} 


/*=============================================================================*
 Link
 =============================================================================*/
A         { color:#666600; text-decoration:none}
A:visited { color:#666600; text-decoration:none}
A:active  { color:#6666FF; 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:#99f}
.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:#999900}
Td.v34navTd0    {background-color:#009999}
Td.vbtn         {cursor:pointer;border:1px solid;border-color:#ddd #333 #666 #eee;}
.v34nav         {color:#cccc00;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:cccc00}



/*=============================================================================*
 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:orange}
.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:0099cc}


/*=============================================================================*
 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: #ffffcc}
Td.ed10        {background-color: #ddddcc}
Td.ed01        {background-color: #ccffff}
Td.ed11        {background-color: #ccdddd}

Td.dvDRow0Td0  {background-color:#00cccc;border-bottom:1px solid;border-right:1px solid;border-color:#333;}
Td.dvDRow0Td1  {background-color:#cccc00;border-bottom:1px solid;border-right:1px solid;border-color:#333;}

.dvDRow0Txt   {color:#6666cc}
.dvDRow0Txtt  {color:#6666cc}

TABLE.dvtbl   {}
TD.dvpmonth   {}
TD.dvmonth    {}
TD.dvnmonth   {}
TD.dvmonthfill {}

TABLE.edetailNested {}

TD.dvOutsideTd0 {background-color:#9999cc} 
TD.dvOutsideTd1 {background-color:#ccccff}

/*-- time in banner view   --*/
.dvBT  {color:#999966}
/*-- time in detailed view --*/
.dvDT  {color:#999966}
/*-- time in summary view  --*/
.dvT   {color:3399cc}


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

.dbvhdr0      {background-color:#cccc66; border-bottom:1px solid;border-right:1px solid;border-color:#333;}
.dbvhdr1      {background-color:#66cccc; border-bottom:1px solid;border-right:1px solid;border-color:#333;}

TD.dbvdtm0       {background-color: #ddddaa;border:1px solid; border-color:#999 #333 #666 #999;}
TD.dbvdtm1       {background-color: #aadddd;border:1px solid; border-color:#999 #333 #666 #999;}
.dbvBT           {color:blue}
.dbvhdr          {color:blue}

TD.dbvdbnk00     {background-color: #ffffcc}
TD.dbvdbnk10     {background-color: #ddddcc}
TD.dbvdbnk01     {background-color: #ccffff}
TD.dbvdbnk11     {background-color: #ccdddd}

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

TR.dbvRowOut0          {}
TR.dbvRowOut1          {}
TD.dbvOutsideTd0       {background-color:#9999cc} 
TD.dbvOutsideTd1       {background-color:#ccccff}

/*=============================================================================*
 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:#ff6600} 


/*=============================================================================*
 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:#cccc66; border-bottom:1px solid;border-right:1px solid;border-color:#333;}
.wvdayhdr1      {background-color:#66cccc; border-bottom:1px solid;border-right:1px solid;border-color:#333;}

TD.wvdtm0       {background-color: #ddddaa;border:1px solid; border-color:#999 #333 #666 #999;}
TD.wvdtm1       {background-color: #aadddd;border:1px solid; border-color:#999 #333 #666 #999;}
.wvBT           {color:blue}

TD.wvdbnk00     {background-color: #ffffcc}
TD.wvdbnk10     {background-color: #ddddcc}
TD.wvdbnk01     {background-color: #ccffff}
TD.wvdbnk11     {background-color: #ccdddd}

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

TR.wvRowOut0          {}
TR.wvRowOut1          {}
TD.wvOutsideTd0       {background-color:#9999cc}
TD.wvOutsideTd1       {background-color:#ccccff}

/*=============================================================================*
 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:cccccc}
.v2Day      {color:orange;font-weight:bold}
.v2Row1Txt  {color:cc99cc}
.v2Detail   {}


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

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

.v34Date     {font-style:italic;color:6666ff}

/* 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:#999900}

.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:#cc0000}
.taskDtime    {color:#ff0066}
.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:#0000FF;}

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

.fmBtnSt        {background-color:#cccc00;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:#0000cc}
.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        {}

/*=============================================================================*/
.backtblycal       {}
Table.yvtbl        {}
TD.yvRow1Td  {color:white; font-size:small; border-bottom:1px solid #333333; border-right:1px solid #333333;}
TD.yvCol1Td  {color:white; font-size:small; border-bottom:1px solid #333333; border-right:1px solid #333333;}
Td.ycm       {}
Td.yc0       {background-color:white}
Td.yc1       {background-color:#bbbbbb}
              /* do not specify bg color */
Td.yc2       {}

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

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