ul.sidenav { margin:0; padding:0; list-style:none; } ul.sidenav li { margin:2px 0 2px 0; padding:2px; border-bottom:#CCC solid 1px; font-size:12px; } ul.sidenav li.head { margin:10px 0 2px 0; padding:2px; background-color:#DDD; font-weight:bold; color:#000; } ul.sidenav li.select { margin:8px 0 0 0; padding:4px 2px 4px 4px; border:#CCC solid 1px; background-color:#FFF; font-weight:bold; color:#000; } #navbar { color:#FFF; font-weight:bold; background-color:#AC0D0F; } #navbar a:link { color:#FFF; font-weight:bold; text-decoration:none; } #navbar a:visited { color:#FFF; font-weight:bold; text-decoration:none; } #navbar a:active { color:#FFF; font-weight:bold; text-decoration:underline; } #navbar a:hover { color:#FFF; font-weight:bold; text-decoration:underline; } #navbar table { width:100%; border:0px; } #navbar2 { color:#FFF; font-weight:bold; background-color:#8F0103; } #navbar2 a:link { color:#FFF; text-decoration:none; } #navbar2 a:visited { color:#FFF; text-decoration:none; } #navbar2 a:active { color:#FFF; text-decoration:underline; } #navbar2 a:hover { color:#FFF; text-decoration:underline; } #navbar2 table { width:100%; border:0px; } .left { border:0px; color:#FFF; vertical-align:middle; text-align:left; padding:5px; } .right { border:0px; color:#FFF; vertical-align:middle; text-align:right; padding:5px; } #dayjumpselect { margin:0px 5px 0px 5px; text-align:right; vertical-align:middle;} #weekjumpselect { margin:0px 5px 0px 5px; text-align:right; vertical-align:middle;} #monthjumpselect { margin:0px 5px 0px 5px; } #datejumpselect { margin:0px 5px 0px 5px; text-align:right; vertical-align:middle;} .jumplabel { color:#FFF; font-weight:bold; } #title { float:left; } .txtorganization { width:200px; height:50px; background:url(/images/logo.gif) no-repeat; position:absolute; top:2px; left:0px; } .txtorganization a { color:#AC0D0F; text-decoration:none; display:block; width:200px; height:50px; text-indent:-1000em; } .txtorganization2 { font-size:18px; font-weight:bold; text-align:left; color:#FFF; width:100px; height:50px; background:url(/images/logo.gif) no-repeat;} .txtapplication { font-size:18px; font-weight:bold; text-align:left; color:#FFF; } .txtorganization2 a:link { color:#FFF; text-decoration:none; display:block; width:100px; height:50px; text-indent:-700em; } .txtorganization2 a:visited { color:#FFF; text-decoration:none; display:block; width:100px; height:50px; text-indent:-700em; } .txtorganization2 a:active { color:#FFF; text-decoration:none; display:block; width:100px; height:50px; text-indent:-700em; } .txtorganization2 a:hover { color:#FFF; text-decoration:none; display:block; width:100px; height:50px; text-indent:-700em; } .txtapplication a:link { color:#FFF; text-decoration:none; } .txtapplication a:visited { color:#FFF; text-decoration:none; } .txtapplication a:active { color:#FFF; text-decoration:none; } .txtapplication a:hover { color:#FFF; text-decoration:none; } .searchlabel { font-weight:bold; color:#FFF; } .searchlink { font-weight:normal; color:#FFF; } .searchlink a:link { color:#FFF; text-decoration:none; } .searchlink a:visited { color:#FFF; text-decoration:none; } .searchlink a:active { color:#FFF; text-decoration:underline; } .searchlink a:hover { color:#FFF; text-decoration:underline; } .admin { background-color:#FFF; } .adminbox { border:1px solid #CCC; background-color:#F8F8F8; padding:10px; margin-bottom:15px;} .admintitle { font-size:16px; font-weight:bold; color:#AB2310; } .admin td { padding:5px; } .admintablehead { background-color:#FFF; font-size:14px; font-weight:bold; text-align:center; } .adminsubbox { border:1px solid #CCC; background-color:#F1F1F1; padding:10px; margin-bottom:15px;} .adminsubtitle { font-size:14px; font-weight:bold; color:#000; } .buttons { width:90%; clear:both; margin:10px; } .buttons table { float:left; margin:5px; } .button { font-size:12px; font-weight:bold; text-transform:uppercase; white-space:nowrap; vertical-align:middle; color:#FFF; background-color:#A8B350; } .button a { color:#FFF; text-decoration:none; } .button a:link { color:#FFF; text-decoration:none; } .button a:visited { color:#FFF; text-decoration:none; } .button a:active { color:#FFF; text-decoration:none; } .button a:hover { color:#FFF; text-decoration:none; } .bufferhighlight { color:#004080; } .activenote { font-weight:normal; text-align:left; font-style:italic; font-size:80%; color:#004080; } .fieldlabel { font-weight:bold; text-align:left; white-space:nowrap; } .fielddesc { font-weight:normal; text-align:left; padding-bottom:15px; } .fieldbad { font-weight:normal; text-align:left; padding-bottom:15px; background-color:#C00; } .fieldcomment { font-weight:normal; text-align:left; font-style:italic; font-size:80%; } .fieldrequired { font-weight:normal; text-align:left; font-style:italic; font-size:80%; color:#AB2310; } .profile_description { font-weight:normal; text-align:left; font-style:italic; font-size:80%; width:200px; } .stagebox { border:1px solid #CCC; background-color:#F8F8F8; padding:10px; margin-bottom:15px;} .stagetitle { font-size:14px; font-weight:bold; color:#AB2310; } .bodycontent { background-color:#FFF; padding:10px; } /* ====== WEEK VIEW STYLES ====== */ .wtime { width:9%; font-size:16px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#C00; } .wheader { width:12%; border-collapse:collapse; padding:3px; font-size:12px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#FFF; background-color:#015880; border-left:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center; vertical-align:top; } .wheader a:link { color:#FFF; font-weight:bold; text-decoration:none; } .wheader a:visited { color:#FFF; font-weight:bold; text-decoration:none; } .wheader a:active { color:#FFF; font-weight:bold; text-decoration:underline; } .wheader a:hover { color:#FFF; font-weight:bold; text-decoration:underline; } .wweekday1 { width:14%; height:100px; border-collapse:collapse; padding:0px; color:#000; background:#FFF url(/images/gradient-day.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wweekday2 { width:14%; height:100px; border-collapse:collapse; padding:0px; color:#000; background:#FDFDFD url(/images/gradient-day.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wweekend1 { width:14%; height:100px; border-collapse:collapse; padding:0px; color:#000; background:#F7F9FA url(/images/gradient-end.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wweekend2 { width:14%; height:100px; border-collapse:collapse; padding:0px; color:#000; background:#F5F7F7 url(/images/gradient-end.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wdayhighlight { width:14%; height:100px; border-collapse:collapse; padding:0px; color:#000; background-color:#FFF; border:2px solid #800; vertical-align:top; } .wspace { width:14%; height:100px; border-collapse:collapse; background:#DDD url(/images/gradient-space.gif) repeat-x top left; border:1px solid #CCC; } .wdate { padding:2px; float:left; font-size:10px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#000; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } .wdate:link { color:#000; } .wentry { padding:3px; font-size:11px; font-weight:normal; font-family:arial,verdana,sans-serif; color:#000; } .waddbutton { float:right; margin:5px 5px 0px 0px; } .wnavbox { width:100%; background-color:#14739E; margin:0px 30px 0px 0px; border-right:1px solid #FFF; } .wnav { color:#FFF; font-size:12px; font-weight:bold; font-family:arial,verdana,sans-serif; vertical-align:middle; padding:3px; } .wnav a:link { color:#FFF; font-weight:bold; text-decoration:none; } .wnav a:visited { color:#FFF; font-weight:bold; text-decoration:none; } .wnav a:active { color:#FFF; font-weight:bold; text-decoration:underline; } .wnav a:hover { color:#FFF; font-weight:bold; text-decoration:underline; } .wnav h2 { color:#FFF; } .wlistdate { padding:2px; float:left; font-size:14px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#FFF; } .wlistdate:link { color:#FFF; text-decoration:none; } .wlistdate:visited { color:#FFF; text-decoration:none; } .wlistdate:active { color:#FFF; text-decoration:none; } .wlistdate:hover { color:#FFF; text-decoration:none; } .wlisttime { padding:2px 10px 2px 15px; text-align:right; font-size:12px; font-weight:bold; font-family:arial,verdana,sans-serif; } .wlistentry { padding:2px; font-size:12px; } .wlistweekday { padding:0px; color:#000; background:#FFF url(/images/gradient-day.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wlistweekend { padding:0px; color:#000; background:#F7F9FA url(/images/gradient-end.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .wlistnone { padding:2px; text-align:center; font-size:12px; font-weight:bold; font-family:arial,verdana,sans-serif; } .entrybox { border:1px solid #CCC; background-color:#F8F8F8; padding:10px; margin:10px;} .entrytitle { font-size:16px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#AB2310; } .entrysubbox { border:1px solid #FFF; background-color:#FAFAFA; padding:5px; margin-bottom:15px;} .entrysubtitle { font-size:14px; font-weight:bold; color:#000; } .entrydetails { margin-left:15px; } .entrydescription { font-size:12px; font-weight:normal; font-family:verdana,arial,sans-serif; color:#000; } .entrylabel { font-weight:bold; } .importantnote { color:#AB2310; } .areabox { margin:20px 0px 5px 0px; width:97%; border:1px solid #CCC; background-color:#FAF9F7; padding:5px 0px 5px 5px; } .roombox { margin:5px 0px 20px 0px; width:97%; border:1px solid #CCC; background-color:#FAF9F7; padding:5px 0px 5px 5px; } .roomselect { margin:5px 0px 20px 0px; } .selectedarea { font-weight:bold; } .selectedroom { font-weight:bold; } .categorybox { margin:15px 0px 20px 0px; width:100%; background-color:#FAFAF7; float:right; clear:both; } .categoryselect { margin:5px 0px 20px 0px; } .categoryboxtitle { color:#FFF; font-weight:bold; text-align:center; text-transform:uppercase; padding:3px; border-bottom:1px solid #FFF; background:#A8B350 url(/images/corner-left.png) no-repeat top left; } .categoryboxbody { padding:5px 5px 5px 15px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; } .selectedcategory { font-weight:bold; font-size:110%; } .unscheduledbox { margin:5px 0px 20px 0px; width:100%; background-color:#FAFAF7; float:right; clear:both; } .unscheduledboxtitle { color:#FFF; font-weight:bold; text-align:center; text-transform:uppercase; padding:3px; border-bottom:1px solid #FFF; background:#A8B350 url(/images/corner-left.png) no-repeat top left; } .unscheduledboxbody { padding:5px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; } /* =========OLD======================== */ td.cr { vertical-align:middle; text-align:right; } td.cl { vertical-align:middle; text-align:left; } td.br { vertical-align:baseline; text-align:right; } td.bl { vertical-align:baseline; text-align:left; } td.tr { vertical-align:top; text-align:right; } td.tl { vertical-align:top; text-align:left; } td.unallocated { color:gray; } td.allocated { color:black; } a:link.unallocated { color:#9ba9e6; } a:link.allocated { color:#5B69A6; } a:hover.unallocated { color:red; } a:hover.allocated { color:red; } a.blue { color:blue; } a:visited.blue { color:blue; } a:hover.blue { color:red; } td.blue { background-color:#f0f0ff; } td.red { background-color:#fff0f0; } td.green { background-color:#ddffdd; } td.a { background-color:#ffccff; } td.b { background-color:#99cccc; } td.c { background-color:#ff9999; } td.d { background-color:#ffff99; } td.e { background-color:#c0e0ff; } td.f { background-color:#ffcc99; } td.g { background-color:#ff6666; } td.h { background-color:#66ffff; } td.i { background-color:#ddffdd; } td.j { background-color:#cccccc; } td.white { background-color:#ffffff; } td.highlight { background-color:#aabbff; border-style:solid; border-width:1px; border-color:#00A; } /* the highlighted cell under the cursor */ .reportlist { border:0; } .reportlist td { padding:5px; font-size:10pt; } /* Styles for Select Replacement testing .trigger { height:22px; padding-right:22px; background:#F3E5E4 url(select.png) top right no-repeat; border:1px solid #AE0D12; display:block; } .trigger:link { text-decoration:none; color#000; } .activetrigger { height:22px; background-color:#CCC; color:#000; border:1px solid #000; display:block; } .dropcontainer ul { background:#F3E5E4; border:1px solid #AE0D12; border-bottom:none; list-style-type:none; position:absolute; } .dropcontainer ul a { padding:0 .5em; text-decoration:none; color:#000; border-bottom:1px solid #AE0D12; display:block; } .dropcontainer ul a:hover{ color:#FFF; background-color:#AE0D12; } .dropcontainer { position:relative; } .dropdownhidden { top:0; left:-999em; } .dropdownvisible { top:0; left:0; } */ /* ========================================================================== */ /* ========================================================================== */ /* ========================================================================== */ /* ========================================================================== */ /* ========================================================================== */ /* ========================================================================== */ /* ============================================================================= ============================= BROWSER RESET ==================================== ============================================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; background:transparent; } body { line-height:1.2em; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes: "" ""; } /* ============================================================================= ============================= PEM TAG SETUP ==================================== ============================================================================= */ body { font-family:Verdana, Helvetica, Arial, sans-serif; } p { margin-bottom:1em; } ul,ol { padding-left:2em; } br { clear:left; display:block; line-height:0; } em { color:#800; } a { text-decoration:none; } a:link { color:#AE0D12; } a:visited { color:#8D0004; } a:active { color:#D00; } a:hover { color:#D00; text-decoration:underline; } fieldset { font-size:80%; border:1px solid #DDD; background-color:#F8F8F8; margin:10px 0; padding:15px 15px; clear:left; position:relative; } legend { font-size:150%; background-color:#FFF; font-weight:normal; letter-spacing:-0.03em; line-height:1; color:#800; padding:0 0.5em; } .indent { margin:2px 0 10px 30px; } .indentsm { margin:2px 0 10px 15px; } .error { list-style-type:none; margin:0 0 10px 10px; padding-left:0; font-size:100%; color:#AB2310; } .error li { margin:0.1em 0; padding-left:14px; background:transparent url(bullet.png) no-repeat 0 .2em; } .bullets { list-style-type:none; margin:0 0 10px 10px; padding-left:0; font-size:100%; } .bullets li { margin:0.1em 0; padding-left:14px; background:transparent url(bullet.png) no-repeat 0 .2em; } .bullets li.head { padding-left:0; background:none; font-weight:bold; } .bullets li.reg { padding-bottom:5px; } .numbers { list-style-type:decimal; margin:0 0 10px 30px; padding-left:0; font-size:100%; } .numbers li { margin:0.1em 0; padding-left:0; } .hidden { display:none; visibility:hidden; } .important { color:#900 } /* ============================================================================= ========================== HEADERS AND FOOTERS ================================= ============================================================================= */ h1 { font:bold 150% Georgia, Times, serif; color:#000; } h2 { font:bold 140% Georgia, Times, serif; color:#930; } h3 { font:bold 130% Arial, Verdana, Helvetica, sans-serif; color:#930; text-transform:uppercase; margin-top:10px; } h4 { font:bold 130% Arial, Verdana, Helvetica, sans-serif; color:#930; } h5 { font:bold 110% Arial, Verdana, Helvetica, sans-serif; color:#930; text-transform:uppercase; margin-top:10px; } h1.light { font:normal 160% Georgia, Times, serif; color:#000; } h2.light { font:normal 150% Georgia, Times, serif; color:#930; } h3.light { font:normal 150% Georgia, Times, serif; color:#930; } h4.light { font:normal 140% Arial, Verdana, Helvetica, sans-serif; color:#930; } h5.light { font:normal 140% Arial, Verdana, Helvetica, sans-serif; color:#930; } h1.date { font-family:Verdana, Helvetica, Arial, sans-serif; } .h3 { font:bold 130% Arial, Verdana, Helvetica, sans-serif; color:#930; text-transform:uppercase; } .sectionhead { font:bold 140% Georgia, Times, serif; color:#000; background-color:#DDD; padding:0.1em 0.5em; margin:0 -0.5em 0.4em -0.5em; } #header { font-family:Georgia, Times, serif; color:#FFF; background-color:#AE0D12; padding:2px 10px 4px 10px; position:relative; border-bottom:1px solid #444; } #content { font-weight:normal; padding:1em 1%; clear:both; position:relative; margin-top:10px; } #footer { font-size:80%; text-align:center; margin:4em auto; clear:both; } #content-print { font-weight:normal; padding:1em 1%; clear:both; position:relative; line-height:1.4em; } #header-simple { font-family:Georgia, Times, serif; color:#FFF; background-color:#AE0D12; padding:0.2em 20%; border-bottom:1px solid #444; } #content-simple { font-weight:normal; padding:2em 20%; } #header-title { font-weight:bold; font-size:180%; padding:0.3em 0.1em; } #header-image { } #header-login { float:right; } #header-login input[type=submit] { padding:.2em; } #header-nav { float:right; margin:-2px 10px 0 0; padding:0 0 0 4px; font-weight:bold; font-size:80%; font-family:Verdana, Helvetica, Arial, sans-serif; background:url(headnavl.png) no-repeat left top; } #header-nav span { float:left; padding:1px 10px 0 5px; display:block; height:24px; background:url(headnav.png) no-repeat right top; } #header-search { float:right; } #header-goto { float:right; } #header-goto-text { float:left; text-transform:uppercase; font-weight:bold; font-size:80%; } #header-goto-today { float:left; } #header-goto-today input[type=submit] { padding:.2em; } #header-goto-month { float:left; margin-top:2px; width:100px; } #header a { text-decoration:none; } #header a:link { color:#FFF; } #header a:visited { color:#FFF; } #header a:active { color:#FFF; } #header a:hover { color:#FFF; } #header-simple a { text-decoration:none; } #header-simple a:link { color:#FFF; } #header-simple a:visited { color:#FFF; } #header-simple a:active { color:#FFF; } #header-simple a:hover { color:#FFF; } #header select, option { font-size:90%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#FFF; } #header option { border:1px solid #F8F8F8; } #header input[type=submit] { font-size:60%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; } /* ============================================================================= ========================== NAVIGATION AND BUTTONS ============================== ============================================================================= */ #navigation { float:left; width:100%; font-size:90%; line-height:normal; background:#888; border-bottom:1px solid #000; } #navigation h2 { color:#FFF; padding:10px 5px 0 15px; float:left; } #navigation ul { float:right; padding:10px 5px 0 10px; list-style:none; position:relative; bottom:-1px; } #navigation li { display:inline; } #navigation a { float:left; background:url(navtabl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; border-bottom:1px solid #000; } #navigation a span { float:left; display:block; background:url(navtab.png) no-repeat right top; padding:5px 13px 4px 6px; color:#000; } #navigation a:hover { background-position:0% -42px; text-decoration:none; } #navigation a:hover span { color:#FFF; background-position:100% -42px; } #navigation .on { background-position:0% -84px; border-bottom:1px solid #FFF; } #navigation .on span { background-position:100% -84px; } #navigation .on:hover { background-position:0% -84px; text-decoration:none; } #navigation .on:hover span { color:#000; background-position:100% -84px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navigation a span { float:none; } #navigation .on span { float:none; } /* End IE5-Mac hack */ #navigation div { float:right; margin:10px 5px 0 0; } #navigation div a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; border:none; } #navigation div a span { float:left; height:17px; display:block; background:url(button-sm.png) no-repeat right top; padding:3px 9px 0 5px; color:#000; font-size:11px; } #navigation div a:hover { background-position:0% -40px; text-decoration:none; } #navigation div a:hover span { color:#FFF; background-position:100% -40px; } #navigation div#navdate { float:left; margin:10px 5px 0 0; } #navdate select, option { font-size:90%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#FFF; } #navdate select { border:1px solid #000; } #navdate option { border:1px solid #F8F8F8; } #navdate input[type=submit] { font-size:60%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; } #navdate a { float:right; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } #navdate a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } #navdate a:hover { background-position:0% -40px; text-decoration:none; } #navdate a:hover span { color:#FFF; background-position:100% -40px; } #jumptoform { float:left; } .submit { font:bold 100% ; color:#FFF; padding:0 0 0.3em 0.5em; margin:0 0 3px 3px; height:30px; background:transparent url(/pem-images/submit.png) no-repeat; border:0; } .submitr { float:right; padding-right:11px; height:30px; background:transparent url(submitr.png) no-repeat top right; } .installsubmit { float:right; padding:0 0 0 10px; list-style:none; } .installsubmit li { display:inline; } .installsubmit a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .installsubmit a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .installsubmit a:hover { background-position:0% -27px; text-decoration:none; } .installsubmit a:hover span { color:#FFF; background-position:100% -27px; } .formsubmit { float:left; padding:0 0 0 50px; list-style:none; } .formsubmit li { display:inline; } .formsubmit a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .formsubmit a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .formsubmit a:hover { background-position:0% -27px; text-decoration:none; } .formsubmit a:hover span { color:#FFF; background-position:100% -27px; } .formupdate { float:left; padding:0 0 0 50px; list-style:none; } .formupdate li { display:inline; } .formupdate a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .formupdate a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .formupdate a:hover { background-position:0% -27px; text-decoration:none; } .formupdate a:hover span { color:#FFF; background-position:100% -27px; } .rightupdate { float:right; padding:0 0 0 10px; margin:-10px 0 0 0; list-style:none; } .rightupdate li { display:inline; } .rightupdate a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .rightupdate a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .rightupdate a:hover { background-position:0% -27px; text-decoration:none; } .rightupdate a:hover span { color:#FFF; background-position:100% -27px; } .controls { float:right; padding:5px 0 5px 10px; list-style:none; } .controls li { display:inline; } .controls a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } .controls a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } .controls a:hover { background-position:0% -40px; text-decoration:none; } .controls a:hover span { color:#FFF; background-position:100% -40px; } .controlslg { padding:0; list-style:none; } .controlslg li { display:inline; } .controlslg a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .controlslg a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .controlslg a:hover { background-position:0% -27px; text-decoration:none; } .controlslg a:hover span { color:#FFF; background-position:100% -27px; } .controlsleft { float:left; padding:5px 0 5px 10px; list-style:none; } .controlsleft li { display:inline; } .controlsleft a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } .controlsleft a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } .controlsleft a:hover { background-position:0% -40px; text-decoration:none; } .controlsleft a:hover span { color:#FFF; background-position:100% -40px; } .headersubmit { float:right; margin:7px 0 0 0; list-style:none; } .headersubmit li { display:inline; } .headersubmit a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } .headersubmit a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; text-transform:uppercase; } .headersubmit a:hover { background-position:0% -20px; text-decoration:none; } .headersubmit a:hover span { color:#000; background-position:100% -20px; } .headersubmit .nobutton { background:none; height:1em; float:none; } .buttonlink { margin:0 auto; padding:0; list-style:none; } .buttonlink li { display:inline; } .buttonlink a { float:left; background:url(buttonl.png) no-repeat left top; padding:0 0 0 4px; text-decoration:none; } .buttonlink a span { float:left; height:25px; display:block; background:url(button.png) no-repeat right top; padding:2px 13px 0 6px; color:#000; font-size:14px; } .buttonlink a:hover { background-position:0% -27px; text-decoration:none; } .buttonlink a:hover span { color:#FFF; background-position:100% -27px; } #previous { float:left; } #previous a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } #previous a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } #previous a:hover { background-position:0% -40px; text-decoration:none; } #previous a:hover span { color:#FFF; background-position:100% -40px; } #next { float:right; } #next a { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; text-decoration:none; } #next a span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } #next a:hover { background-position:0% -40px; text-decoration:none; } #next a:hover span { color:#FFF; background-position:100% -40px; } .fscontrols { z-index:100; position:absolute; top:-24px; right:20px; } .positionhead { margin:20px 0 -20px 0 } .inlinebutton { float:left; background:url(buttonl-sm.png) no-repeat left top; padding:0 0 0 3px; margin-left:10px; text-decoration:none; } .inlinebutton span { float:left; height:20px; display:block; background:url(button-sm.png) no-repeat right top; padding:0 9px 0 5px; color:#000; font-size:11px; } .inlinebutton:hover { background-position:0% -40px; text-decoration:none; } .inlinebutton:hover span { color:#FFF; background-position:100% -40px; } #mainform { padding-top:10px; clear:both; } /* ============================================================================= =========================== FORM INPUTS AND LABELS ============================= ============================================================================= */ label, input, select, textarea { float:left; margin:0 3px 3px 3px; } label, input { display:block; } label { white-space:nowrap; font-weight:bold; } .label { float:left; margin:0 3px 3px 3px; display:block; white-space:nowrap; font-weight:bold; } label.secondary { margin:0 3px 3px 10px; } input[type=text], input[type=password], textarea { font:normal 100% Verdana, Helvetica, Arial, sans-serif; color: #333; padding:0.2em; background:#F3E5E4 url(formfield.png) repeat-x top left; border:1px solid #AE0D12; } input[type=file] { font:normal 100% Verdana, Helvetica, Arial, sans-serif; color:#333; background:#F3E5E4; border:1px solid #AE0D12; } input[type=submit] { font-size:80%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; } input[type=checkbox] { float:none; display:inline; margin:3px 0 0 4px; } input[type=hidden] { display:none; } input:focus, textarea:focus { background:#FFF; } select, option { font-size:100%; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#F3E5E4; } select { border:1px solid #AE0D12; } option { border:1px solid #F3E5E4; padding:0 2px; } option:hover { color:#FFF; background-color:#AE0D12; } th { line-height:1em; padding:25px 5px 10px 5px; font-weight:bold; } td { text-align:center; } td.label { text-align:left; } .row1 { background-color:#EEE; } .row2 { background-color:transparent; } .note { font:italic normal 100% Arial, Verdana, Helvetica, sans-serif; margin-left:3px; } .note2 { font-style:italic; font-weight:normal; font-family:Arial, Verdana, Helvetica, sans-serif; margin-left:3px; } .note3 { font-weight:normal; font-family:Arial, Verdana, Helvetica, sans-serif; margin-left:3px; } .requirednote { color:#800; } .fieldextra { margin-left:5px; float:left; } .datalist td { padding:1px; } .datalist .controls { padding:0; margin:0 5px; } .datalist .controlbox { width:180px; } .datalist .controlboxwide { width:270px; } #directions { color:#800; } #directions li { color:#000; } #errorbox { position:absolute; visibility:hidden; display:none; top:0; right:5px; z-index:90; width:250px; height:auto; overflow:auto; padding:5px; border:8px solid #800; background-color:#FFEAEA; color:#000; /* top:50%; left:50%; margin-left:-150px; margin-top:-50px; #errorbox li { color:#FFF;} */ } #errorbox h2 { float:left; font-family:Arial, Verdana, Helvetica, sans-serif;} #errorbox .hide { text-transform:uppercase; float:right; } #errorbox br { clear:both; } /* ============================================================================= ============================= ADMIN FORM SPACING =============================== ============================================================================= */ // These styles are cosmetic additions tied to default Engligh labels. // Users of other languages may need to adjust these styles to suit the // respective lengths of alternate words. .neweventform label { } .neweventform label.timeoccurs { width:100px; } /* Date Begins/Ends */ .neweventform label.timeneeds { width:150px; } /* Time Begins/Ends */ .neweventform label.desc { width:170px; } /* Main Descriptive Fields */ .neweventform label.sublabel { width:auto; } .regform label { width:100px; } .areasform label { width:130px; } .spacesform label { width:150px; } .supplyform label { width:260px; } .supplyprofform label { width:100px; } .metainputform label { } .metacheckform label { } .metacontactform label { width:100px; } .metaselectform label { } .categoryform label { width:150px; } .setupform label { width:130px; } .setupform input[type=checkbox] { float:left; display:inline; margin:2px 5px 0 0; } .generalform label { width:140px; } .datetimeform label { width:150px; } .datetimeform label.sublabel { width:auto; } .schedulingform label { width:200px; } .schedulingform label.sublabel { width:auto; margin-right:20px; } .schedulingform .profilefields { width:100px; } .schedulingform .timeboundary { width:100px; } .interfaceform label { width:100px; } .accountform label { width:200px; } .defaultsform label { width:150px; } .settingsform label { width:200px; } .settingsform label.secondary { width:auto; padding-right:20px; } .fieldsform label { width:150px; text-align:left; } .fieldsform select { float:none; } .regsettingsform label { width:300px; } .adduserform label { width:150px; } .userform .status { float:right; margin:-10px 10px 0 0; white-space:nowrap; } .userform .globaladmin { float:right; margin:-10px 10px 0 0; white-space:nowrap; } .userform .idfield { float:left; margin:0 10px 0 0; } .userform .laston { margin:0 0 0 5px; } .userform .registered { margin:0 0 0 5px; } .userform .auth { margin-left:15px; clear:both; display:none; visibility:hidden; } .viewform label { width:160px; } .viewform .status { float:right; margin:-10px 10px 0 0; white-space:nowrap; } .viewform .type { clear:both; display:none; visibility:hidden; } .viewform .box { clear:both; display:none; visibility:hidden; } .viewform .minical { clear:both; display:none; visibility:hidden; } .viewform .type label { margin-left:20px; } .viewform .box label { margin-left:20px; } .viewform .minical label { margin-left:20px; } .loginform label { width:80px; } .reportdateform label { width:90px; } // Header login button .loginbuttonform { white-space:nowrap; } // Access profile styles .authtable { } .authtable th { text-align:center; } .authtable td { padding:0 3px; } /* ============================================================================= ================================ MONTH VIEW ==================================== ============================================================================= */ .mtitle { text-align:center; } .mtable { width:100%; border-collapse:collapse; margin:5px; } .mtable th { width:14%; border-collapse:collapse; padding:3px; font-weight:bold; text-align:center; vertical-align:top; border:none;} .mtable td { width:14%; height:100px; border:1px solid #AAA; border-collapse:collapse; color:#000; background:#F8F8F8 url(bg-day.png) repeat-x bottom left; vertical-align:top; } .mtable .mweekend { background:#FFF8F8 url(bg-end.png) repeat-x bottom left; } .mtable .mspace { background:#DDD url(bg-space.gif) repeat-x top left; } .mtable .mhighlight { background-image:none; background-color:#FFF; border:2px solid #AE0D12; vertical-align:top; } .mtable td:hover { background:#FFF url(bg-day-on2.png) repeat-x top left; } .mtable .mweekend:hover { background:#FFF url(bg-end-on2.png) repeat-x top left; } .mtable .mspace:hover { background:#DDD url(bg-space-on2.gif) repeat-x top left; } .mtable .mdate { padding:0 2px; float:left; font-weight:bold; font-size:80%; color:#000; background-color:#FFF; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } .mtable .mevent { clear:left; text-align:left; font-size:70%; line-height:1.2em; margin:0 3px; } .mevent:hover { background-color:#F4F4F4; } /* these needed? .mtablebox { width:96%; padding-right:0px; } div[class="mtablebox"] { width:100%; padding-right:0px; } table[class="mtable"] { width:100%; border-collapse:collapse; border:1px solid #FFF; float:left; margin:0px 30px 10px 0px; } body .mdate:link { color:#000; } */ body .maddbutton { float:right; margin:5px 5px 0px 0px; } body .mnavbox { width:100%; background-color:#14739E; margin:0px 30px 0px 0px; border-right:1px solid #FFF; clear:left; } body .mnav { color:#FFF; font-size:12px; font-weight:bold; font-family:arial,verdana,sans-serif; vertical-align:middle; padding:3px; } body .mnav a:link { color:#FFF; font-weight:bold; text-decoration:none; } body .mnav a:visited { color:#FFF; font-weight:bold; text-decoration:none; } body .mnav a:active { color:#FFF; font-weight:bold; text-decoration:underline; } body .mnav a:hover { color:#FFF; font-weight:bold; text-decoration:underline; } body .mnav h2 { color:#FFF; } .mlistdate { padding:2px; float:left; font-size:14px; font-weight:bold; font-family:arial,verdana,sans-serif; color:#FFF; } .mlistdate:link { color:#FFF; text-decoration:none; } .mlistdate:visited { color:#FFF; text-decoration:none; } .mlistdate:active { color:#FFF; text-decoration:none; } .mlistdate:hover { color:#FFF; text-decoration:none; } .mlistweekday { padding:0px; color:#000; background:#FFF url(/images/gradient-day.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } .mlistweekend { padding:0px; color:#000; background:#F7F9FA url(/images/gradient-end.gif) repeat-x bottom left; border:1px solid #CCC; vertical-align:top; } #sidebar-month { position:absolute; top:0; right:0px; width:150px; } #view-month { margin-right:150px; } #legend-box { margin:10px 0 15px 10px; } #legend-box h4 { text-align:left; font-size:85%; } #legend-box .key { width:10px; height:10px; border:1px solid #000; float:left; margin-top:3px; } #legend-box .label { font-size:80%; font-weight:normal; padding-left:3px; } /* ============================================================================= ================================ WEEK VIEW ==================================== ============================================================================= */ .wtitle { text-align:center; } .wtable { width:100%; border-bottom:1px solid #000; margin:5px; } .wtable th { width:14%; padding:3px; font-weight:bold; text-align:center; vertical-align:bottom; border-bottom:1px solid #000; } .wtable td { width:14%; height:100px; border:1px solid #AAA; border-collapse:collapse; color:#000; background:#F8F8F8 url(bg-day.png) repeat-x bottom left; vertical-align:top; } .wtable .wweekend { background:#FFF8F8 url(bg-end.png) repeat-x bottom left; } .wtable .whighlight { background-image:none; background-color:#FFF; border:2px solid #AE0D12; vertical-align:top; } .wtable td:hover { background:#FFF url(bg-day-on2.png) repeat-x top left; } .wtable .wweekend:hover { background:#FFF url(bg-end-on2.png) repeat-x top left; } .wtable .wdate { padding:0 2px; float:left; font-weight:bold; font-size:80%; color:#000; background-color:#FFF; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } .wtable .wevent { clear:left; text-align:left; font-size:70%; line-height:1.2em; margin:0 3px; } .wevent:hover { background-color:#F4F4F4; } #sidebar-week-calendar { float:right; } #sidebar-week-list { position:absolute; top:0; right:0px; width:150px; } #view-week-calendar { } #view-week-list { margin-right:150px; } #legend-box-calendar { margin:10px 0 15px 20px; float:left; } #legend-box-calendar h4 { text-align:left; font-size:85%; } #legend-box-calendar .key { width:10px; height:10px; border:1px solid #000; float:left; margin-top:3px; } #legend-box-calendar .label { font-size:80%; font-weight:normal; padding-left:3px; } #legend-box-list { margin:10px 0 15px 10px; } #legend-box-list h4 { text-align:left; font-size:85%; } #legend-box-list .key { width:10px; height:10px; border:1px solid #000; float:left; margin-top:3px; } #legend-box-list .label { font-size:80%; font-weight:normal; padding-left:3px; } /* ============================================================================= ================================ DAY VIEW ====================================== ============================================================================= */ .dtitle { text-align:center; } .dtable { width:100%; border-bottom:1px solid #000; margin-bottom:5px; border-collapse:separate; } .dtable th { padding:3px; font-weight:bold; text-align:center; vertical-align:bottom; border-bottom:1px solid #000; } .dtable th.space { border-bottom:none; } .dtable th.area { border-bottom:none; } .dtable td { height:10px; border-right:1px solid #AAA; border-bottom:1px solid #EEE; color:#000; background:#F8F8F8; vertical-align:middle; cursor:pointer; } .dtable td.devent { text-align:center; font-size:70%; line-height:1.2em; padding:0 3px; background:#FFF; border:2px solid #000; } .dtable td.unapproved { text-align:center; font-size:70%; line-height:1.2em; padding:0 3px; background:#FFF; border:2px solid #C0C; } .dtable td.private { text-align:center; font-size:70%; font-style:italic; line-height:1.2em; padding:0 3px; background:#FFF; border:2px solid #606; } .dtable td.reserved { background:transparent url(bg-reserved.png) repeat top right; cursor:default; } .dtable td.dtime { text-align:right; white-space:nowrap; vertical-align:middle; font-size:70%; font-weight:bold; width:80px; padding:0 8px; background:#EEE; margin:0 3px; border-color:#AAA; border-left:1px solid #AAA; cursor:default; } .dtable td.space { border-width:0 0 0 1px; background:#FFF; cursor:default; } .devent:hover { background-color:#F4F4F4; } #sidebar-day-calendar { float:right; } #sidebar-day-list { position:relative; clear:both; } #view-day-calendar { } #view-day-list { } #legend-box { margin:10px 0 15px 20px; float:left; } #legend-box h4 { text-align:left; font-size:85%; } #legend-box .key { width:10px; height:10px; border:1px solid #000; float:left; margin-top:3px; } #legend-box .label { font-size:80%; font-weight:normal; padding-left:3px; } /* ============================================================================= ================================ LIST VIEW ===================================== ============================================================================= */ .ltitle { text-align:center; } .ltable { width:100%; border-collapse:collapse; margin:5px; } .ltable th { border-collapse:collapse; padding:3px; font-weight:bold; text-align:center; vertical-align:top; border:none;} .ltable td { border:1px solid #AAA; border-collapse:collapse; color:#000; background:#F8F8F8 url(bg-list-day.png) top left; vertical-align:top; } .ltable .lweekend { background:#FFF8F8 url(bg-list-end.png) top left; } .ltable .lhighlight { background-image:none; background-color:#FFF; border:2px solid #AE0D12; vertical-align:top; } .lhead { font-size:100%; font-weight:bold; text-align:center; padding-top:10px; border-bottom:1px solid #CCC; border-bottom:1px solid #CCC; } .ldate { color:#000; } .ldate:link { color:#000; text-decoration:none; } .ldate:visited { color:#000; text-decoration:none; } .ldate:active { color:#000; text-decoration:none; } .ldate:hover { color:#000; text-decoration:none; } .lnone { padding:10px 2px 10px 2px; text-align:center; font-size:80%; background-color:#FFF; } .ltime { padding-right:5px; float:left; width:180px; text-align:right; font-weight:bold; } .levent { clear:left; text-align:left; font-size:70%; margin:0 3px; background-color:#FFF; } .levent:hover { background-color:#F4F4F4; } /* ============================================================================= ================================ EVENT VIEW ==================================== ============================================================================= */ .viewlabel { font-weight:bold; } .dateitem { background-color:#F8F8F8; margin:0 0 20px 0; } .dateitemhover { background-color:#FFF; margin:0 0 20px 0; cursor:pointer; } .cancelledmsg { color:#930; font-weight:bold; text-transform:uppercase; } .actionmsg { color:#000; font-weight:bold; } /* ============================================================================= ================================ ALL VIEWS ==================================== ============================================================================= */ a.unapproved:link { color:#C0C; } a.unapproved:visited { color:#C0C; } a.unapproved:active { color:#C0C; } a.unapproved:hover { color:#C0C; } a.private:link { color:#606; font-style:italic; } a.private:visited { color:#606; font-style:italic; } a.private:active { color:#606; font-style:italic; } a.private:hover { color:#606; font-style:italic; } a.cancelled:link { font-style:italic; } a.cancelled:visited { font-style:italic; } a.cancelled:active { font-style:italic; } a.cancelled:hover { font-style:italic; } label.unapproved { color:#C0C; } label.private { color:#606; font-style:italic; } label.cancelled { font-style:italic; } #unscheduled-box { margin:10px 0 15px 10px; } #unscheduled-box h4 { text-align:center; font-size:85%; border:1px solid #666; background-color:#AC0D0F; color:#FFF; padding:2px 0; } #unscheduled-list { padding-left:0; } #unscheduled-list li { padding:2px 0 2px 2px; font-size:75%; line-height:1.1em; border-bottom:1px solid #CCC; background-color:#F8F8F8; } #unscheduled-list a { margin:0px 0; } .minicalstrip { margin:0 auto; } .minicalstrip td { padding-top:10px; vertical-align:top; padding:0 3px; } .minicalmonth { font-size:12px; text-align:center; vertical-align:top; font-weight:bold; } .minicalmonth a:link { color:#000; } .minicalmonth a:visited { color:#000; } .minicalmonth a:active { color:#000; } .minicalmonth a:hover { color:#000; } .minical { float:left; clear:both; border-collapse:collapse; } .minical th { padding:2px; font-size:12px; text-align:center; vertical-align:top; border:1px solid #666; background-color:#AE0D12; color:#FFF; } .minical td { padding:1px; font-size:10px; text-align:center; vertical-align:top; border:1px solid #CCC; border-collapse:collapse; background-color:#F8F8F8; } .minical .space { background-color:#DDD; } .minicalhighlight { padding:2px; font-size:10px; text-align:center; vertical-align:top; border:1px solid #CCC; border-collapse:collapse; background-color:#AC0D0F; color:#FFF; } .minicalhighlight a:link { color:#FFF; } .minicalhighlight a:visited { color:#FFF; } .minicalhighlight a:active { color:#FFF; } .minicalhighlight a:hover { color:#FFF; } .minicalendarcurrent { font-weight:bold; } #sidebar-message { font-size:75%; padding:10px; text-align:left; } .filterlist { font-size:80%; float:left; margin-right:20px; } /* ============================================================================= ========================== REPORTS AND STATISTICS ============================== ============================================================================= */ .ordivider { width:30px; height:110px; background:transparent url(or.gif) no-repeat top left; float:left; margin:0 10px;} .datebox { float:left; } .dateheader { text-align:left; font-weight:bold; background-color:#000; color:#FFF; } //CSSBLOCK;