/* Times is serif */ /******************************************************************************* * Following are used by the top blue navigation bar - ********************************************************************************/ /* Appmenu is used by the top line in the navigation bar to display all of the apps Appmenu is black and gets NO underline when mouse is over it */ a.appmenu, a:link.appmenu, a:visited.appmenu, a:hover.appmenu, a:active.appmenu { font-family : tahoma, arial, helvetica, sans-serif; font-size : 13px; font-weight: normal; color: black; text-decoration: none; cursor: pointer; } /* Commandmenu is used by the 2nd line in the navigation bar to display all of the commands available for that app Commandmenu is white and gets NO underline when mouse is over it */ td.commandmenu, a.commandmenu, a:link.commandmenu, a:visited.commandmenu, a:hover.commandmenu, a:active.commandmenu { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: black; text-decoration: none; } a:hover.commandmenu { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: black; text-decoration: underline; cursor: pointer; } /* Commandmenu2 is used by the 2nd line in the navigation bar to display all of the commands available for that app Commandmenu2 is white and gets NO underline when mouse is over it */ td.commandmenu2, a.commandmenu2, a:link.commandmenu2, a:visited.commandmenu2, a:hover.commandmenu2, a:active.commandmenu2 { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color:#3b5998; text-decoration: underline; cursor: pointer; } a:hover.commandmenu2 { text-decoration: underline; } /* Commandmenu2o is used on the view doc button row to display "See More: " It's orange instead of commandmenu2 blue */ td.commandmenu2o, a.commandmenu2o, a:link.commandmenu2o, a:visited.commandmenu2o, a:hover.commandmenu2o, a:active.commandmenu2o { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: bold; color: #EE9C01; text-decoration: underline; cursor: pointer; } a:hover.commandmenu2o { background: #DDDDDD; } /* Commandmenu2n is used on the view doc button row to display, no underline "See More: " It's orange instead of commandmenu2 blue */ /*td.commandmenu2n, a.commandmenu2n, a:link.commandmenu2n, a:visited.commandmenu2n, a:hover.commandmenu2n, a:active.commandmenu2n { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: bold; color: #EE9C01; text-decoration:none; cursor: pointer; } a:hover.commandmenu2n { background: #DDDDDD; } */ /* Commandmenu3 is used by the 2nd line in the navigation bar to the history on the right side */ td.Commandmenu3, a.Commandmenu3, a:link.Commandmenu3, a:visited.Commandmenu3, a:hover.Commandmenu3, a:active.Commandmenu3 { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: black; text-decoration: none; } /* showBar.css is used by 2nd orange command line to choose what to show (by date, star, hidden, shared files etc */ table.showBar, form.showBar, div.showBar, span.showBar, body.showBar, center.showBar, p.showBar, li.showBar, input.showBar, td.showBar {font-family: tahoma, Arial, sans-serif, Verdana; font-size:11px; color:#000000; } /* was arial 12px, color 555555 */ a.showBar {font-family: tahoma,Arial, sans-serif, Verdana; font-size:11px; color:blue; text-decoration: none;} /* Vertical_bar is used by the 1st line in the navigation bar to separate all of the apps Vertical_bar is somewhat black */ td.Vertical_bar { font-family : tahoma, arial, helvetica, sans-serif; font-size : 9pt; font-weight: normal; color: #444444; } /* Current_application_name is used by the navigation bar to display the current application name in the 2nd line Current_application_name is black italic */ td.current_application_name { font-family : tahoma, arial, helvetica, sans-serif, Times, serif; font-size : 13px; /* was 14pt */ font-weight: bold; font-style: italic; color: #00ff00; /* was black */ } /* RestOfApps is used by document like apps to display the QuickLinks right after the content of most pages RestOfApps is black and browser size, but turns blue and underline when mouse is over it */ a.RestOfApps, a:link.RestOfApps, a:visited.RestOfApps, a:active.RestOfApps { font-family : serif, tahoma, arial, helvetica, sans-serif; font-size : x-small; font-weight: normal; color: maroon; /* 2nd choice is navy, 3rd choice is maroon */ text-decoration: none; cursor: pointer; } a:hover.RestOfApps { font-family : serif, tahoma, arial, helvetica, sans-serif; font-size : x-small; font-weight: normal; color: blue; text-decoration: underline; cursor: pointer; } /**************************************************************************************************************** * Misc ****************************************************************************************************************/ /* View - Don't think view is used any longer */ a.view, a:link.view, a:visited.view, a:hover.view, a:active.view { font-family : tahoma, arial, helvetica, sans-serif; font-size : 10pt; font-weight: bold; color: #FF0000; text-decoration: none; cursor: pointer; } /* Edit is used by the edit button in all apps, "Print the list" in incl_view.php, and maybe by the links at the top of the screen to the right of the KAS logo */ span.edit, div.edit, a.edit, a:link.edit, a:visited.edit, a:active.edit { /*padding:0px; margin: 0px;*/ font-family : tahoma, arial, helvetica, sans-serif; font-size : 13px; font-weight: normal; color: #3b5998; /* Red is FF0000, darker red is CC0000, inbetween red is E50000 */ text-decoration: none; cursor: pointer; } a:hover.edit { text-decoration:underline; } /* edit_green used for the new document, upload file, share folder, rename folder, delete folder right under the folder name */ div.edit_green, body.edit_green, center.edit_green, span.edit_green, p.edit_green, td.edit_green, a.edit_green, a:link.edit_green, a:visited.edit_green, a:active.edit_green { font-family : tahoma, arial, helvetica, sans-serif; font-size : 13px; font-weight: normal; color: #96ac00; text-decoration: none; cursor: pointer; } a:hover.edit_green { background: #DDDDDD; } /* edit_small used for the new document, upload file, share folder, rename folder, delete folder right under the folder name */ div.edit_small, body.edit_small, center.edit_small, span.edit_small, p.edit_small, td.edit_small { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: blue; text-decoration: none; } a.edit_small, a:link.edit_small, a:visited.edit_small, a:active.edit_small {font-family:tahoma, arial, helvetica, sans-serif; font-size:11px; color:#3b5998; text-decoration: none;} a:hover.edit_small { text-decoration:underline; } /* editRed is just like edit but it's red. Used by myhome/subscriptions.php for a small "delete" */ span.editRed, div.editRed, a.editRed, a:link.editRed, a:visited.editRed, a:active.editRed { /*padding:0px; margin: 0px;*/ font-family : tahoma, arial, helvetica, sans-serif; font-size : 13px; font-weight: normal; color: red; text-decoration: none; cursor: pointer; } a:hover.editRed { background: #CCCCCC; } /* editRedSmall is just like edit but it's red. Used by myhome/subscriptions.php for a small "delete" */ span.editRedSmall, div.editRedSmall, a.editRedSmall, a:link.editRedSmall, a:visited.editRedSmall, a:active.editRedSmall { /*padding:0px; margin: 0px;*/ font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: red; text-decoration: none; cursor: pointer; } a:hover.editRedSmall { background: #CCCCCC; } /* Title is used by document like apps to display the title in the CHOOSE and SHOW pages Title is black and browser size, but turns blue and underline when mouse is over it */ a.title, a:link.title, a:visited.title, a:active.title { /*padding:0px; margin: 0px;*/ font-family : Verdana, Arial, sans-serif; /* was serif, tahoma, arial, helvetica, sans-serif */ font-size : 10pt; font-weight: normal; color: black; text-decoration: none; cursor: pointer; } a:hover.title { background: #DDDDDD; } /* titleSmall is used by reports titleSmall is black but turns blue and underline when mouse is over it */ a.titleSmall, a:link.titleSmall, a:visited.titleSmall, a:active.titleSmall { /*padding:0px; margin: 0px;*/ font-family : Verdana, Arial, sans-serif; /* was serif, tahoma, arial, helvetica, sans-serif */ font-size : 11px; font-weight: normal; color: black; text-decoration: none; cursor: pointer; } a:hover.titleSmall { background: #DDDDDD; } /* titleSmallBold is used by reports */ a.titleSmallBold, a:link.titleSmallBold, a:visited.titleSmallBold, a:active.titleSmallBold { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: black; text-decoration: none; cursor: pointer; } a:hover.titleSmallBold { background: #DDDDDD; } div.title /* Used in incl_view.php to incompass the listing of the titles (need to do this so that vertical spacing is correct */ { /*padding:0px; margin: 0px;*/ font-family : Verdana, Arial, sans-serif; /* was serif, tahoma, arial, helvetica, sans-serif */ font-size : 10pt; font-weight: normal; color: black; text-decoration: none; } /* boldtitle is used by document like apps to display the title (marked as bold) in the CHOOSE and SHOW pages boldtitle is black, bold, and browser size, but turns blue and underline when mouse is over it */ a.boldtitle, a:link.boldtitle, a:visited.boldtitle, a:active.boldtitle { font-family : Verdana, Arial, sans-serif; font-size : 10pt; font-weight: bold; color: black; text-decoration: none; cursor: pointer; } a:hover.boldtitle { background: #DDDDDD; } /* webTitle is used by web to display the title in the CHOOSE and SHOW pages Title is blue and browser size, but turns blue and underline when mouse is over it */ a.webTitle, a:link.webTitle, a:visited.webTitle, a:active.webTitle { font-family : Verdana, Arial, sans-serif; font-size : 10pt; font-weight: normal; color: blue; text-decoration: none; cursor: pointer; } a:hover.webTitle { background: #DDDDDD; } /* webBoldtitle is used by web to display the title (marked as bold) in the CHOOSE and SHOW pages boldtitle is blue, bold, and browser size, but turns blue and underline when mouse is over it */ a.webBoldtitle, a:link.webBoldtitle, a:visited.webBoldtitle, a:active.webBoldtitle { font-family : Verdana, Arial, sans-serif; font-size : 10pt; font-weight: bold; color: blue; text-decoration: none; cursor: pointer; } a:hover.webBoldtitle { font-family : Verdana, Arial, sans-serif; font-size : 10pt; font-weight: bold; color: red; text-decoration: underline; cursor: pointer; /*background-color: #EDC36B*/ } /* Contenttitle is used by document like apps to display the title in the CHOOSE and SHOW pages when content is also displayed. Title is extra large and is green and gets a blue underline when mouse is over it. */ a.contenttitle, a:link.contenttitle, a:visited.contenttitle, a:active.contenttitle { font-family : serif, tahoma, arial, helvetica, sans-serif; font-size : x-large; font-weight: normal; color: #008000; text-decoration: none; cursor: pointer; } a:hover.contenttitle { font-family : serif, tahoma, arial, helvetica, sans-serif; font-size : x-large; font-weight: normal; color: red; text-decoration: underline; cursor: pointer; } /* QuickLinks is used by document like apps to display the QuickLinks right after the content of most pages QuickLinks is somewhat black and browser size, but turns blue and underline when mouse is over it */ table.QuickLinks, a.QuickLinks, a:link.QuickLinks, a:visited.QuickLinks, a:active.QuickLinks, span.QuickLinks, div.QuickLinks { /*font-family : serif, tahoma, arial, helvetica, sans-serif; */ font-family : verdana, arial, tahoma, helvetica, serif, sans-serif; font-size : 9pt; font-weight: normal; /*color: navy;*/ /* 2nd choice is navy, 3rd choice is maroon */ color: #006000; /* green */ text-decoration: none; cursor: pointer; } a:hover.QuickLinks { background: #DDDDDD; } /* Printable is used by the "printable" link at bottom of display screen of incl_view.php Printable is just like the Edit link */ a.Printable, a:link.Printable, a:visited.Printable, a:active.Printable, span.Printable { font-family : verdana, arial, sans-serif; font-size : 12px; font-weight: normal; /* bold */ color: #3b5998; /* blue */ text-decoration: underline; /* none */ cursor: pointer; } a:hover.Printable { background: #CCCCCC; } /* PrintableSmall is used by the "more" link at the top of the Dashboard right after the monthly view totals */ a.PrintableSmall, a:link.PrintableSmall, a:visited.PrintableSmall, a:active.PrintableSmall, span.PrintableSmall, td.PrintableSmall { font-family : tahoma, arial, sans-serif; font-size : 11px; font-weight: bold; color: blue; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; cursor: pointer; } a:hover.PrintableSmall { background: #CCCCCC; } /* base2.css is used by KAS app pages with forms (like fns_form.php and fns_view.php */ /*table.PrintableUnderline, form.PrintableUnderline, div.PrintableUnderline, span.PrintableUnderline, body.PrintableUnderline, center.PrintableUnderline, p.PrintableUnderline, li.PrintableUnderline, input.PrintableUnderline, td.PrintableUnderline {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} */ /* was arial 12px, color 555555 */ a.PrintableUnderline, a:link.PrintableUnderline, a:visited.PrintableUnderline, a:active.PrintableUnderline, span.PrintableUnderline { font-family : tahoma, arial, sans-serif; font-size : 12px; font-weight: bold; color: blue; text-decoration: underline; cursor: pointer; } a:hover.PrintableUnderline { background: #CCCCCC; } /* PrintableLarge is used by the "PrintableLarge" link at bottom of display screen of incl_view.php PrintableLarge is just like the Edit link */ a.PrintableLarge, a:link.PrintableLarge, a:visited.PrintableLarge, a:active.PrintableLarge, span.PrintableLarge { font-family : tahoma, arial, sans-serif; font-size : 14px; font-weight: bold; color: blue; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; cursor: pointer; } a:hover.PrintableLarge { background: #DDDDDD; } a.PrintableLargeUnderline, a:link.PrintableLargeUnderline, a:visited.PrintableLargeUnderline, a:active.PrintableLargeUnderline, span.PrintableLargeUnderline { font-family : tahoma, arial, sans-serif; font-size : 14px; font-weight: bold; color: blue; text-decoration: underline; cursor: pointer; } a:hover.PrintableLargeUnderline { background: #DDDDDD; } a.SharePageAppName, a:link.SharePageAppName, a:visited.SharePageAppName, a:active.SharePageAppName, span.SharePageAppName { font-family : verdana, arial, sans-serif; font-size : 13px; font-weight: bold; color: blue; text-decoration: none; cursor: pointer; } a:hover.SharePageAppName { background: #DDDDDD; } /* ViewMore is used by both the "ViewMore" and "view more" commands at bottom of display screen of incl_view.php ViewMore is just like the Edit link */ a.ViewMore, a:link.ViewMore, a:visited.ViewMore, a:active.ViewMore { font-family : tahoma, arial, helvetica, sans-serif; font-size : 10pt; font-weight: bold; color: #E50000; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; cursor: pointer; } a:hover.ViewMore { background: #DDDDDD; } /* Help is used whenever there is a help link on the Add/Edit and VC forms Help is just like the Edit link */ a.Help, a:link.Help, a:visited.Help, a:active.Help { font-family : tahoma, arial, helvetica, sans-serif; font-size : 10pt; font-weight: bold; color: blue; text-decoration: underline; cursor: pointer; } a:hover.Help { background: #DDDDDD; } /* CategoryTitle is used whenever there is a display of items by category */ div.CategoryTitle, span.CategoryTitle, td.CategoryTitle, p.CategoryTitle, a.CategoryTitle, a:link.CategoryTitle, a:visited.CategoryTitle, a:active.CategoryTitle { font-family : arial, tahoma, helvetica, serif, sans-serif; font-size : 16px; font-weight: bold; color: #008000; /* green */ text-decoration: none; /*line-height: 400%*/ /*line-height: 30px;*/ } /* CategoryTitle is used whenever there is a display of items by category */ a:hover.CategoryTitle { background: #DDDDDD; } /* ToDoTitle is used by ToDo app to display priority 1-9 in lists */ div.ToDoTitle, span.ToDoTitle, p.ToDoTitle, a.ToDoTitle, a:link.ToDoTitle, a:visited.ToDoTitle, a:active.ToDoTitle { font-family : arial, tahoma, helvetica, serif, sans-serif; font-size : 16px; font-weight: bold; color: black; text-decoration: none; } /* ViewTitle is used whenever there is a view display (view.php) that includes the title of the item */ p.ViewTitle { font-family : serif, tahoma, arial, helvetica, sans-serif; font-size : large; font-weight: bold; color: #008000; /* green */ } /* FolderTitle is displayed at top of many pages */ div.FolderTitle, span.FolderTitle, p.FolderTitle { font-family : arial, helvetica, sans-serif, serif, tahoma; font-size : 18pt; /* was 23 */ font-weight: bold; color: #707070; /* grey */ margin: 10px 0px 0px 0px; } /* FolderTitle2 is displayed at top of many pages */ div.FolderTitle2, span.FolderTitle2, p.FolderTitle2 { font-family : arial, helvetica, sans-serif, serif, tahoma; font-size : 18pt; /* was 23 */ font-weight: bold; color: white; /* grey */ margin: 0px 0px 0px 0px; } /* FolderTitleSmall is used to display "New/Edit Document" in fns_form.php */ div.FolderTitleSmall, span.FolderTitleSmall, p.FolderTitleSmall, td.FolderTitleSmall { font-family : arial, helvetica, sans-serif, serif, tahoma; font-size : 22px; font-weight: bold; color: white; /* 707070 */ } /* FolderTitleSmall2 is used to display "New/Edit Discussion" in fns_form.php */ div.FolderTitleSmall2, span.FolderTitleSmall2, p.FolderTitleSmall2, td.FolderTitleSmall2 { font-family : arial, helvetica, sans-serif, serif, tahoma; font-size : 20px; font-weight: bold; color: white; /* 707070 */ } /* FolderTitleSmaller is displayed in visit/share.php */ div.FolderTitleSmaller, span.FolderTitleSmaller, p.FolderTitleSmaller, td.FolderTitleSmaller { font-family : arial, helvetica, sans-serif, serif, tahoma; font-size : 11pt; font-weight: bold; color: #707070; /* grey */ } /* Smaller is used by the "Smaller" link at bottom of display screen of incl_view.php AND on the top white area above the nav bar and to the right of the KAS logo Smaller is just like the Edit link */ div.Smaller, span.Smaller, td.Smaller, p.Smaller, input.Smaller, table.Smaller { font-family : tahoma, arial, helvetica, sans-serif; font-size : 8pt; font-weight: normal; color: black; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; /*cursor: pointer;*/ } /* BUTTONS Need to include ButtonFixKAS to fix IE bug on increasing padding the larger the value (string) is. Example: For for bold buttons do class="ButtonSmallKAS ButtonFixKAS ButtonBoldKAS" */ input.ButtonSmallKAS { font-family : tahoma, arial, helvetica, sans-serif; font-size : 8pt; /* Tried changing from 8pt to 11px on Oct 25, 2011 but browsers still display the buttons with different sizes*/ font-weight: normal; color: black; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; } input.ButtonMediumKAS { font-family : tahoma, arial, helvetica, sans-serif; font-size : 9pt; font-weight: normal; color: black; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; } input.ButtonLargeKAS { font-family : tahoma, arial, helvetica, sans-serif; font-size : 10pt; font-weight: normal; color: black; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; } input.ButtonFixKAS { padding:0 .5em 0 .5em; width:auto; overflow:visible; } input.Button { padding:0 .5em 0 .5em; width:auto; overflow:visible; } input.ButtonBoldKAS { font-weight: bold; } a.Smaller, a:link.Smaller, a:visited.Smaller, a:active.Smaller { font-family : tahoma, arial, helvetica, sans-serif; font-size : 8pt; font-weight: normal; color: #3b5998; /* Red is FF0000, darker red is CC0000 */ text-decoration: none; cursor: pointer; } a:hover.Smaller { text-decoration:underline; } a.Comments, a:link.Comments, a:visited.Comments, a:active.Comments { font-family : tahoma, arial, helvetica, sans-serif; font-size : 10pt; font-weight: bold; color: blue; text-decoration: underline; cursor: pointer; } a:hover.Comments { background: #DDDDDD; } /* Attributes color: maroon; // aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow line-height: 150% // doesn't seem like less than 100% does anything */ /* This does not work, can delete this */ br.BrSmaller { line-height: 200% } .TxtBlack4 { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica } /* white_on_blue is white text on a blue bar. Is used by the /business/affiliate/affiliate_cal.php */ td.white_on_blue { font-family : tahoma, arial, helvetica, sans-serif, Times, serif; font-size : 11pt; font-weight: bold; color: white; background-color: #7484BF; } /* folder_bar is white text on a blue bar. Used in Doc to display folders on the show.php page */ td.folder_bar { font-family : tahoma, arial, helvetica, sans-serif, Times, serif; font-size : 11pt; font-weight: bold; color: white; } /* body.helptext,center.helptext,td.helptext,p.helptext,li.helptext {font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#333333} a.helptext {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:blue; text-decoration: underline;} ul.helptext {margin-left: 20;} h1.helptext {font-family:arial,helvetica,sans-serif; font-size:20px; color:#7484BF} h2.helptext {font-family:arial,helvetica,sans-serif; font-size:16px; color:#336699} h3.helptext {font-family:arial,helvetica,sans-serif; font-size:14px; color:#333333} */ /* taken from base1.css */ table.base1, form.base1, div.base1, span.base1, body.base1, center.base1, p.base1, li.base1, input.base1, td.base1 {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#555555; font-weight:normal} a.base1 {font-family:Verdana, Arial, sans-serif; font-size:12px; color:blue; text-decoration: underline;} a:hover.base1 { background: #DDDDDD; } ul.base1 {margin-left: 20px;} h1.base1 {font-family:arial,helvetica,sans-serif; font-size:24px; color:#7484BF} h2.base1 {font-family:arial,helvetica,sans-serif; font-size:18px; color:#7484BF} h3.base1 {font-family:arial,helvetica,sans-serif; font-size:14px; color:#7484BF} /* view2.css is used by view.php to display items with as few specific overrides so that photoblog default text colors won't be overwritten */ table.view2, form.view2, div.view2, span.view2, body.view2, center.view2, li.view2, input.view2, td.view2 {font-family:Verdana, Georgia, Times New Roman, sans-serif; font-size:10pt; } /* was arial 12px, color 555555 */ td.view2 p { margin-top: 0; margin-bottom: 0;} a.view2, a:link.view2, a:visited.view2, a:active.view2 {font-family:Verdana, Georgia, Times New Roman, sans-serif; font-size:14pt; color:blue;} a:hover.view2 { background: #DDDDDD; } /* base2.css is used by KAS app pages with forms (like fns_form.php and fns_view.php */ table.base2, form.base2, div.base2, span.base2, body.base2, center.base2, p.base2, li.base2, input.base2, td.base2 {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} /* was arial 12px, color 555555 */ td.base2 p { margin-top: 0; margin-bottom: 0;} a.base2, a:link.base2, a:visited.base2, a:active.base2 {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#3b5998; text-decoration: underline} a:hover.base2 { text-decoration:underline; } /* base2comment.css is used by KAS app pages with forms (like fns_form.php and fns_view.php */ table.base2comment, form.base2comment, div.base2comment, span.base2comment, body.base2comment, center.base2comment, p.base2comment, li.base2comment, input.base2comment, td.base2comment {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} /* was arial 12px, color 555555 */ td.base2comment p { margin-top: 0; margin-bottom: 0; font-size:12px;} a.base2comment, a:link.base2comment, a:visited.base2comment, a:active.base2comment {font-family:Verdana, Arial, sans-serif; font-size:12px; color:blue; text-decoration: none} a:hover.base2comment { background: #DDDDDD; } /* base2link.css is used by KAS app pages with forms (like fns_form.php and fns_view.php */ table.base2link, form.base2link, div.base2link, span.base2link, body.base2link, center.base2link, p.base2link, li.base2link, input.base2link, td.base2link {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} /* was arial 12px, color 555555 */ a.base2link, a:link.base2link, a:visited.base2link, a:active.base2link {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#3b5998; text-decoration: underline} /* blue */ a:hover.base2link { text-decoration:underline; } /* base2link_lite_blue.css */ table.base2link_lite_blue, form.base2link_lite_blue, div.base2link_lite_blue, span.base2link_lite_blue, body.base2link_lite_blue, center.base2link_lite_blue, p.base2link_lite_blue, li.base2link_lite_blue, input.base2link_lite_blue, td.base2link_lite_blue {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} /* was arial 12px, color 555555 */ a.base2link_lite_blue, a:link.base2link_lite_blue, a:visited.base2link_lite_blue, a:active.base2link_lite_blue {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; color:#3b5998; text-decoration: none;} /* 3333FF 4444FF */ a:hover.base2link_lite_blue { text-decoration:underline; } /* base2link_lite_blue_underline.css */ table.base2link_lite_blue_underline, form.base2link_lite_blue_underline, div.base2link_lite_blue_underline, span.base2link_lite_blue_underline, body.base2link_lite_blue_underline, center.base2link_lite_blue_underline, p.base2link_lite_blue_underline, li.base2link_lite_blue_underline, input.base2link_lite_blue_underline, td.base2link_lite_blue_underline {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000} /* was arial 12px, color 555555 */ a.base2link_lite_blue_underline, a:link.base2link_lite_blue_underline, a:visited.base2link_lite_blue_underline, a:active.base2link_lite_blue_underline {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; color:#3b5998; text-decoration: underline;} /* 3333FF 4444FF */ a:hover.base2link_lite_blue_underline { text-decoration:underline; } /* base2link_lite_blue_small.css */ table.base2link_lite_blue_small, form.base2link_lite_blue_small, div.base2link_lite_blue_small, span.base2link_lite_blue_small, body.base2link_lite_blue_small, center.base2link_lite_blue_small, p.base2link_lite_blue_small, li.base2link_lite_blue_small, input.base2link_lite_blue_small, td.base2link_lite_blue_small {font-family:Verdana, Arial, sans-serif; font-size:11px; color:#000000} /* was arial 12px, color 555555 */ a.base2link_lite_blue_small, a:link.base2link_lite_blue_small, a:visited.base2link_lite_blue_small, a:active.base2link_lite_blue_small {font-family:Verdana, Arial, sans-serif; font-size:11px; color:#3b5998; text-decoration: underline;} /* 3333FF 4444FF */ a:hover.base2link_lite_blue_small { text-decoration:underline; } /* base2larger.css is slightly larger than base2 */ table.base2larger, form.base2larger, div.base2larger, span.base2larger, body.base2larger, center.base2larger, p.base2larger, li.base2larger, input.base2larger, td.base2larger {font-family:Verdana, Arial, sans-serif; font-size:14px; color:#000000} /* was arial 12px, color 555555 */ a.base2larger {font-family:Verdana, Arial, sans-serif; font-size:14px; color:blue; text-decoration: none} /* base2largest.css is slightly larger than base2 */ table.base2largest, form.base2largest, div.base2largest, span.base2largest, body.base2largest, center.base2largest, p.base2largest, li.base2largest, input.base2largest, td.base2largest {font-family:Verdana, Arial, sans-serif; font-size:16px; color:#000000} /* was arial 12px, color 555555 */ a.base2largest {font-family:Verdana, Arial, sans-serif; font-size:16px; color:blue; text-decoration: underline} /* base2largestlink.css is slightly larger than base2 */ table.base2largestlink, form.base2largestlink, div.base2largestlink, span.base2largestlink, body.base2largestlink, center.base2largestlink, p.base2largestlink, li.base2largestlink, input.base2largestlink, td.base2largestlink {font-family:Verdana, Arial, sans-serif; font-size:16px; color:#000000} /* was arial 12px, color 555555 */ a.base2largestlink {font-family:Verdana, Arial, sans-serif; font-size:16px; color:blue; text-decoration: underline} a:hover.base2largestlink { background: #DDDDDD; } /* base2small.css is used by KAS reports */ table.base2small, form.base2small, div.base2small, span.base2small, body.base2small, center.base2small, p.base2small, li.base2small, input.base2small, td.base2small {font-family:Verdana, Arial, sans-serif; font-size:11px; color:#000000} /* was arial 12px, color 555555 */ a.base2small {font-family:Verdana, Arial, sans-serif; font-size:11px; color:#3b5998; text-decoration: none} a:hover.base2small { background: #DDDDDD; } /* base2smallbold.css is used by KAS reports */ table.base2smallbold, form.base2smallbold, div.base2smallbold, span.base2smallbold, body.base2smallbold, center.base2smallbold, p.base2smallbold, li.base2smallbold, input.base2smallbold, td.base2smallbold {font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight: bold; color:#000000} /* was arial 12px, color 555555 */ a.base2smallbold {font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight: bold; color:blue; text-decoration: none} a:hover.base2smallbold { background: #DDDDDD; } /* fileUploadIcon is used when file upload icon is display */ /*img.fileUploadIcon { margin: 5px 5px 0px 0px; } */ /* warning.css normal size text in red */ table.warning, td.warning, form.warning, div.warning, span.warning, body.warning, center.warning, p.warning, li.warning, input.warning {font-family:Verdana, Arial, sans-serif; font-size:12px; color:red;} /* was arial 12px, color 555555 */ /* label-1 is like H1 but without the spacing. Used on New/Edit forms (add.php) and VC search forms (fns_view.php) for bigger than normal text labels */ div.label-1, body.label-1, center.label-1, span.label-1, p.label-1, td.label-1 {font-family:Arial, sans-serif; font-size:20pt; font-weight:bold; color:black;} /* label-2 is like H2 but without the spacing. Used on New/Edit forms (add.php) and VC search forms (fns_view.php) for bigger than normal text labels */ div.label-2, body.label-2, center.label-2, span.label-2, p.label-2, td.label-2 {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:black;} /* label-2b is like label-2 but has padding at the bottom */ div.label-2b, body.label-2b, center.label-2b, span.label-2b, p.label-2b, td.label-2b {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:black; padding-bottom:10px;} /* label-2-grey is like H2 but without the spacing. Used on email_this.php */ div.label-2-grey, body.label-2-grey, center.label-2-grey, span.label-2-grey, p.label-2-grey, td.label-2-grey {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:#707070;} /* label-2-green is like H2 but without the spacing. Used on email_this.php */ div.label-2-green, body.label-2-green, center.label-2-green, span.label-2-green, p.label-2-green, td.label-2-green {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:#00AA00;} /* label-2-red is like H2 but without the spacing. Used on error messages on view.php */ div.label-2-red, body.label-2-red, center.label-2-red, span.label-2-red, p.label-2-red, td.label-2-red {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:red;} /* label-3-red is like H2 but without the spacing. Used on error messages on view.php */ div.label-3-red, body.label-3-red, center.label-3-red, span.label-3-red, p.label-3-red, td.label-3-red {font-family:Arial, sans-serif; font-size:13pt; font-weight:bold; color:red;} /* label-3 is like H3 but without the spacing. Used on myhome/sf.php */ div.label-3, body.label-3, center.label-3, span.label-3, p.label-3, td.label-3 {font-family:Arial, sans-serif; font-size:13pt; font-weight:bold; color:black;} a.label-3, a:link.label-3, a:visited.label-3, a:active.label-3 {font-family:Arial, sans-serif; font-size:13pt; font-weight:bold; color:black; text-decoration:none} a:hover.label-3 { background: #DDDDDD; } /* label-small is like . Used for buttons, drop-down lists on Edit forms, viewing docs, and on New/Edit forms (add.php) and VC search forms (fns_view.php) for smaller than normal text labels */ div.label-small, body.label-small, center.label-small, span.label-small, p.label-small, td.label-small, input.label-small {font-family:Verdana, sans-serif; font-size:8pt; color:black;} /* label-smallest is like . Used on New/Edit forms (add.php) and VC search forms (fns_view.php) for smaller than normal text labels */ div.label-smallest, body.label-smallest, center.label-smallest, span.label-smallest, p.label-smallest, td.label-smallest, input.label-smallest {font-family:Verdana, sans-serif; font-size:7pt; color:black;} /* bigRed */ div.bigRed, body.bigRed, center.bigRed, span.bigRed, p.bigRed, td.bigRed {font-family:Verdana, sans-serif; font-size:13pt; font-weight: bold; color:red;} /* img_pointer is used by KAS show.php pages to make the folder icons into links, needs to be invisible */ a.img_pointer, a:link.img_pointer, a:visited.img_pointer, a:active.img_pointer, a:hover.img_pointer {font-family:Verdana, Arial, sans-serif; font-size:32px; color:red; text-decoration: none; cursor: pointer;} /* todoDisplay.css is used by todo to display to dos */ table.todoDisplay, form.todoDisplay, div.todoDisplay, span.todoDisplay, body.todoDisplay, center.todoDisplay, p.todoDisplay, li.todoDisplay, input.todoDisplay, td.todoDisplay {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000; position: absolute; left: 400px; } /* was arial 12px, color 555555 */ a.todoDisplay {font-family:Verdana, Arial, sans-serif; font-size:12px; color:blue; text-decoration: none} /* colorText1 used in reports and other places to make instructions stand out */ table.colorText1, form.colorText1, div.colorText1, span.colorText1, body.colorText1, center.colorText1, p.colorText1, li.colorText1, input.colorText1, td.colorText1 {color: #25A72C} /* was arial 12px, color 555555 */ /* textWithBackgroundColor.css is used by Dashboard */ table.textWithBackgroundColor, form.textWithBackgroundColor, div.textWithBackgroundColor, span.textWithBackgroundColor, body.textWithBackgroundColor, center.textWithBackgroundColor, p.textWithBackgroundColor, li.textWithBackgroundColor, input.textWithBackgroundColor, td.textWithBackgroundColor { background-color:#FFFF00; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#000000 } /* was arial 12px, color 555555 */ a.textWithBackgroundColor { font-family:Verdana, Arial, sans-serif; font-size:12px; color:blue; text-decoration: none} /* courierNew */ div.courierNew, body.courierNew, center.courierNew, span.courierNew, p.courierNew, td.courierNew, input.courierNew {font-family: "Courier New", Courier, mono; font-size:13px; color:#555555;} /* Smaller2 is just like Smaller but with greater line spacing (uses padding). Smaller2 is used by the Blue 1st time help blue rectangles */ div.Smaller2, span.Smaller2, td.Smaller2, p.Smaller2, input.Smaller2, table.Smaller2 /* padding-bottom:2px; */ { font-family : tahoma, arial; font-size : 8pt; font-weight: normal; line-height:15px; color: black; text-decoration: none; } a.Smaller2, a:link.Smaller2, a:visited.Smaller2, a:active.Smaller2 {font-family : tahoma, arial; font-size : 8pt; font-weight: normal; color: blue; text-decoration: none;cursor: pointer; } a:hover.Smaller2 { background: #DDDDDD; } div.vertical1, span.vertical1, td.vertical1, p.vertical1, input.vertical1, table.vertical1 /* used in visit_page */ { margin-bottom: 7px; } /* calendarName is used for displaying the calendar name in fns_form.php and fns_form_month */ div.calendarName, body.calendarName, center.calendarName, span.calendarName, p.calendarName, td.calendarName {font-family:Arial, sans-serif; font-size:22px; font-weight:bold; color:black;} /* calMonthNum is used for displaying the day of the month number in the calendar month view */ div.calMonthNum, body.calMonthNum, center.calMonthNum, span.calMonthNum, p.calMonthNum, td.calMonthNum {font-family:Arial, sans-serif; font-size:13px; font-weight:bold; color:#CC2020;} /* calMonthDayName is used for displaying the name of the day AS a LINK in the calendar month view */ a.calMonthDayName, a:link.calMonthDayName, a:visited.calMonthDayName, a:active.calMonthDayName, span.calMonthDayName {font-family:tahoma, arial, sans-serif; font-size:12px; font-weight:bold; color:blue; text-decoration:none; cursor:pointer; } a:hover.calMonthDayName { background: #CCCCCC; } /* smallGreen is just like edit but it's green. Used by myhome/subscriptions.php for a small "delete" */ span.smallGreen, div.smallGreen, a.smallGreen, a:link.smallGreen, a:visited.smallGreen, a:active.smallGreen { font-family : tahoma, arial, helvetica, sans-serif; font-size : 11px; font-weight: normal; color: #9db402 ; text-decoration: none; cursor: pointer; } a:hover.smallGreen { background: #CCCCCC; } .folderListBox{ background: white top left;border: 1px solid #CCCCCC;padding: 5px 0px 5px 0px;margin: 0px 0px 0px 10px;width: 780px;} /*.folderListBox2{background: white top left;border: 1px solid #CCCCCC;padding: 5px 0px 5px 0px;margin: 0px 10px 0px 0px;width: 195px;} */ /* visitBox just like AppBox but wider. Used on visit/people.php */ .folderListBox2{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; height:90%; border: 1px solid #CCCCCC;padding: 5px 0px 5px 0px;margin: 0px 10px 0px 0px;width: 195px;} .folderListBox2 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* shareCommandPage. Used on share/share.php */ .shareCommandPage{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; border: 1px solid #CCCCCC;padding: 5px 0px 5px 0px;margin: 0px 10px 5px 0px;width: 300px;} .shareCommandPage p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding: 0 0 15px 1px; background: none; } /* NOTE wrap these 2 cols in a simple
to guard against weird placement of left col in some circumstances */ .commandPage_leftColumn { white-space:nowrap; overflow:hidden; float: left; width: 325px; } .commandPage_rightColumn { white-space:nowrap; overflow:hidden; margin:0; } .commandPage_rightColumn p {margin: 10px 0 0 0;} /* Blue link that always stays blue. Same size as base2. Used in photo/auto_create.php */ a.blueLink, a:link.blueLink, a:visited.blueLink, a:active.blueLink {font-family:Verdana, Arial, sans-serif; font-size:12px; color:blue; text-decoration: underline} a:hover.blueLink { background: #DDDDDD; } /* Links for the date number in top right of each calendar box */ a.calendarLink, a:link.calendarLink, a:visited.calendarLink, a:active.calendarLink {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; color:white; text-decoration: none} a:hover.calendarLink { background: #CCCCCC; } a.calendarLinkBlue, a:link.calendarLinkBlue, a:visited.calendarLinkBlue, a:active.calendarLinkBlue {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; color:blue; text-decoration: none} a:hover.calendarLinkBlue { background: #CCCCCC; } a.calendarLinkRed, a:link.calendarLinkRed, a:visited.calendarLinkRed, a:active.calendarLinkRed {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; color:red; text-decoration: none} a:hover.calendarLinkRed { background: #CCCCCC; } a.calendarLinkLite, a:link.calendarLinkLite, a:visited.calendarLinkLite, a:active.calendarLinkLite {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal; color:#999; text-decoration: none} a:hover.calendarLinkLite { background: #CCCCCC; } /* Repeating Event link */ a.calendarRE, a:link.calendarRE, a:visited.calendarRE, a:active.calendarRE {font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight:normal; text-decoration: none} a:hover.calendarRE { text-decoration: underline; } a:link.rob_footer_lplinks, a:visited.rob_footer_lplinks, a:hover.rob_footer_lplinks, a:active.rob_footer_lplinks { text-decoration: none; color: #808080; font-size:9px; } /******************************************************************************* * Rob's CSS to be used by display_page_bodytop() ********************************************************************************/ .rbbox { margin:4px auto 11px 20px; border: 1px solid #fa0; background-color:#eee; /* eee or f7f7e5 */ -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* used to display url links in such a way browser crtl-+ does not mess them up. developed by Rob, installed on May 11, 2009 */ .linkbox-narrow, .linkbox-medium, .linkbox-wide { width:100px; height:11px; background-color:#DDDDDD; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .linkbox-medium {width:200px;} .linkbox-wide {width:300px; } /* Used for Rob's roll tips - July 12, 2009 */ div#rolltipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:1000; width:320px; padding:3px; font-family:Verdana, Geneva, sans-serif; font-size:13px; background-color:#e8e8b8; border:2px solid #fa0; /* putty #f7f7e5 */ } /* use help_tipq (q='Help Tip Question') for a single question mark '?' rollover help tip */ a.help_tipq, a:link.help_tipq, a:visited.help_tipq, a:active.help_tipq {font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor:help; font-size:16px; color:#3b5998; text-decoration: none;} a:hover.help_tipq { color:#FF8600; text-decoration: none; } a.help_tipqLink, a:link.help_tipqLink, a:visited.help_tipqLink, a:active.help_tipqLink {font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor: pointer; font-size:16px; color:#3b5998; text-decoration: none;} a:hover.help_tipqLink { text-decoration: underline; } /* use help_tipl (l='Help Tip Link') for a 'tell me more' or 'explain' links */ a.help_tipl, a:link.help_tipl, a:visited.help_tipl, a:active.help_tipl {font-family:tahoma, arial, helvetica, sans-serif; cursor:help; font-size:11px; color: #F00; text-decoration: none;} /* a:hover.help_tipl { background: #DDDDDD; } */ /* footer is used do_html_application_footer() for most all internal footers */ #kas-internal-footer { clear:both; background: url(/graphics/homepage/sf-menu-gradient180.jpg) repeat-x left top; padding: 4px 0; border-top: #6b9bb3 1px solid; text-align:center; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:18px; color: #444; white-space:nowrap; } #kas-internal-footer a:link, #kas-internal-footer a:visited { color:#111; text-decoration:none; } #kas-internal-footer a:hover { text-decoration:underline } #kas-internal-footer-lplinks a:link, #kas-internal-footer-lplinks a:visited { color:#666; font-size:10px; text-decoration:none; } #kas-internal-footer-lplinks a:hover { text-decoration:underline } /* The Green Plus sign to the right of the grap application tabs. When clicked on the user is taken to /myhome/global_options.php */ a.appAddPlusSign, a:link.appAddPlusSign, a:visited.appAddPlusSign, a:active.appAddPlusSign { font-family : Verdana,Arial,Helvetica,Sans-serif; font-size:17px; width:12px; padding:2px; margin-left:4px; cursor:pointer; font-weight:bold; color:green; text-decoration: none; /*margin-top:10px; padding-top:20px;*/ vertical-align:bottom; /*background-color:#CCCCFF;*/ } a:hover.appAddPlusSign { background: #DDDDDD; } a.upgrade_to_premium, a:link.upgrade_to_premium, a:visited.upgrade_to_premium, a:active.upgrade_to_premium { color:green;} /*a:hover.upgrade_to_premium { background: #DDDDDD; } yellow: background-color:#FFFF33 */