/**************************** Global Styles ****************************/ body { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; line-height:1.166; margin-left:0px; margin-right:0px; margin-bottom:5px; margin-top:0px; background-color:#FFFFFF; background-image:url("") } /* begin the part John added */ body { font-size:100%; /* Fixes exaggerated text resizing in IE6 and IE7 */ } #acld_header,#header-inner { font-size:100%; width:100%; font-size:.9em; line-height:1.2em; } #acld_header a:link { color:#ffffff; } #acld_header a:visited { color:#ffffff; } #acld_header a:hover { color:#e1ea75; } #acld_header a:active { color:#e1ea75; } #acld_logo { height:106px; /* Safari 4-5,Chrome 1-9 */ background:-webkit-gradient(linear,0% 0%,0% 100%,from(#3d362d),to(#7e7a69)); /* Safari 5.1,Chrome 10+ */ background:-webkit-linear-gradient(top,#7e7a69,#3d362d); /* Firefox 3.6+ */ background:-moz-linear-gradient(top,#7e7a69,#3d362d); /* IE 10 */ background:-ms-linear-gradient(top,#7e7a69,#3d362d); /* Opera 11.10+ */ background:-o-linear-gradient(top,#7e7a69,#3d362d); } #acld_logo img,#logo img { float:left; margin:.3em .7em; } #acld_logo a img,#logo a img { border:0; } .acld_menu ul { font-family:Arial,Helvetica,sans-serif; margin:0; padding:3em 0; list-style-type:none; } .acld_menu ul li { display:inline; padding:.5em .4em; } h2.acld_title,h2.title { display:none; } .event_values { background-color:#FFFFFF; padding-top:.5em; border-right:thin solid black; } .event_title_list_special_class { margin-top:.3em; padding-top:.3em; } #block-acld_menu-0 .acld_menu ul.depth_1 { height: 30px; } #block-acld_menu-0 { height: 35px; } .front #header { height: 165px; } #returntolib { background-color:#4A7E94; margin:0em; padding:0em; font-family:Arial, sans-serif; font-size:.8em; } #returntolib p { margin:0em; padding:1em; } #returntolib a:link { color:#ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } #returntolib a:visited { color:#ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } #returntolib a:hover { color:#fff; text-decoration: none; border-bottom: 1px solid #000; } #returntolib a:active { color:#fff; border-bottom: 1px solid #000; } /* end the part John added */ #button { color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:11px; border-right-width:2px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:2px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#4A7E94; background-color:#4A7E94; } h3 { font-family:Arial,Helvetica,sans-serif; font-size:105%; font-weight:bold; width:20% border:2px solid #660000; } h2 { font-family:Arial,Helvetica,sans-serif; font-size:110%; font-weight:bold; color:#900; } body a:link{ color:#1E3695; text-decoration:none; } body a:visited{ color:#1E3695; text-decoration:none; } body a:hover{ color:#000000; text-decoration:none; } td { font-family:Arial,Helvetica,sans-serif; font-size:x-small; } #header { height:auto; border-bottom:1px solid #333; margin:0px 0px 0px 0px; } .title { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; padding:3px 0px 0px 10px; } .dropdown { color:#330000; font-family:Arial,Helvetica,sans-serif; font-size:11px; } .entryform { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; padding:1px; border-collapse:collapse; text-align:left; vertical-align:top; border:1px solid #000000; background-color:#FFFFFF; width:700px; } .entryformlabel { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; font-weight:bold; padding:5px; text-align:left; vertical-align:top; border:1px solid #333333; background-color:#FFFFFF; } .entryformdata { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; padding:5px; text-align:left; vertical-align:top; background-color:#FFFFFF; border:1px solid #333333; width:auto; } .entryformtitle { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; padding:3px 0px 0px 10px; } input.maintbtn { color:#000000; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:11px; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; background-color:#FFFFFF; } /**************************************** Additional Global Styles ************************************************/ .bordercollapse { border-collapse:collapse; } .centertext { text-align:center; } .righttext { text-align:right; } .lefttext { text-align:left; } .noborder { border:0px; } .bolderfont { font-weight:bolder } .cursorhand { cursor:hand; } .cursorpointer { cursor:pointer; } .clearbackground { background-color:transparent; } .eventtitletablestyle { border-spacing:0; margin-bottom:2px; } // John added this below .noreghighlight {background-color:white !important} .noreghighlight {background-color:#f3f3f3 !important;} /* input#Last.noreghighlight,input#First.noreghighlight { background-color:#f3f3f3; } */ table.entryform tbody tr td.title { color:#fff; background-color:#4A7E94; } table.entryform tbody tr td.entryformtitle { color:#fff; background-color:#4A7E94; } /**************************** Maintenance Styles - styles that affect the appearance of maintenance pages. ****************************/ .attendlist { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; padding:1px; border-collapse:collapse; text-align:left; vertical-align:top; border:1px solid #000000; background-color:#FFFFFF; width:700px; } .attendlistlabel { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; font-weight:bold; padding:5px; text-align:left; vertical-align:top; border:1px solid #333333; background-color:#FAFAFA; } .entryformrecurrdata { /*The Color Configuration table layout*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; padding:1px; text-align:left; vertical-align:top; border:1px solid #000000; background-color:#FFFFFF; width:auto; } .content_box { /*The content boxes on the maintenance home page*/ width:184px; position:inherit; border-collapse:collapse; } .box_top { /*The top title of the content box*/ color:#FFFFFF; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; background-color:#4A7E94; font-family:Arial,Helvetica,sans-serif; font-size:small; font-weight:bold; padding:2px 4px 0px 4px; } .box_content { /*The content area of the .content box*/ background-color:#FFFFFF; padding:2px; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; } .box_content a:link { font-family:Arial,Helvetica,sans-serif; font-size:x-small; color:#4A7E94; text-decoration:none; } .maint_title { color:#000000; } .box_content a:visited { font-family:Arial,Helvetica,sans-serif; font-size:x-small; color:#4A7E94; text-decoration:none; } .box_content a:hover { font-family:Arial,Helvetica,sans-serif; font-size:x-small; color:#4A7E94; text-decoration:none; } #function_area { /*Used on control the width of the maintenance homepage (left side,quick search,right side)*/ color:#000000; position:relative; width:775px; vertical-align:top; background-color:#FFFFFF; margin:5px 5px 5px 5px; text-align:left; } .down_state { color:#000000; padding:1px 3px 1px 3px; font-weight:bold; background-color:#FFFFFF; border-color:#000000; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; } /**************************** NavBar Styles These should not be edited ****************************/ .quick_searcharea { padding:3px 0px 10px 10px; background-color:#FFF; width:200px; align:left; vertical-align:top; } .nav_middle { border-collapse:collapse; color:#999; border-top:1px solid #333; background-color:#FFFFFF; padding:2px 5px 2px 5px; font-size:11px; font-weight:normal; width:auto; text-align:left; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; overflow:hidden; } .nav_middle a:link { border-collapse:collapse; color:#000; background-color:#FFFFFF; font-size:11px; font-weight:bold; width:auto; text-align:left; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; overflow:hidden; } .nav_middle a:visited { border-collapse:collapse; color:#000; background-color:#FFFFFF; font-size:11px; font-weight:bold; width:auto; text-align:left; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; overflow:hidden; } .nav_middle a:hover { border-collapse:collapse; color:#CCC; background-color:#FFFFFF; font-size:11px; font-weight:bold; width:auto; text-align:left; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; overflow:hidden; } #nav { border-collapse:collapse; font-family:11px; z-index:100; width:100%; postion:relative; } /**************************** Calendar Styles ****************************/ .popup { color:#000000; padding:1px; background-color:#FFFFFF; font-size:x-small; width:225px; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#D2D2D2; border-collapse:collapse; } .P1 { color:#FFFFFF; background-color:#4A7E94; padding-left:.25em; font-size:x-small; } .P2 { color:#000000; font-size:x-small; } .searchform { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:10px; padding:0px; text-align:left; vertical-align:top; background-color:transparent; border-collapse:collapse; width:775px; margin:0px 0px 0px 10px } .list_utils_text { background-color:#FAFAFA; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#999999; font-family:Arial,Helvetica,sans-serif; font-size:xx-small; text-decoration:none; vertical-align:top; padding:3px 3px 3px 3px; overflow:hidden; } .list_utils_text a:link { font-family:Arial,Helvetica,sans-serif; color:#333333; } .list_utils_text a:hover { font-family:Arial,Helvetica,sans-serif; color:#333333; } .list_utils_text a:visited { font-family:Arial,Helvetica,sans-serif; color:#333333; } #tinycal { /*Defines the display of the event/RR calendar*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:10px; padding:0px; text-align:left; vertical-align:top; background-color:transparent; border-collapse:collapse; width:100%; } .tinycal_nav { /*Defines the display of the month/increment decrement month navigation*/ color:#800040; background-color:#F0F0F0; font-weight:bold; font-size:14px; cursor:pointer; } .tinycal_weekday { /*Defines the display of day cells*/ color:#FFFFFF; background-color:#4A7E94; border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; padding:1px; font-weight:bold; font-size:10px; } .tinycal_day { /*Defines the display of blank day cells.*/ color:#000000; background-color:#F0F0F0; padding:1px; vertical-align:top; border:1px solid #000000; } .calendar_nav { /*Defines the display of the month/increment decrement month navigation*/ color:#000000; background-color:#FFFFFF; font-weight:bold; font-size:x-small; cursor:pointer; } .calendar_current_day { /*Defines the display of blank day cells.*/ color:#635D4F; background-color:#FFFFFF; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; vertical-align:top; } .current_month { font-family:Arial,Helvetica,sans-serif; color:#000000; background-color:transparent; font-size:medium; text-transform:uppercase; padding:10px; font-weight:bold; cursor:none; } .calendar_weekday { /*Defines the display of day cells*/ text-align:center; color:#FFFFFF; background-color:#4A7E94; padding:2px; font-weight:bold; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; font-size:medium; } .calendar_blank { /*Defines the display of blank day cells.*/ background-color:#FFFFFF; border:1px solid #000000; } .calendar_day { color:#000000; background-color:#F0F0F0; padding:3px; vertical-align:top; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#000000; } .calendar_day a:link,a:visited { color:#1E3695; text-decoration:none; } .calendar_day a:hover { color:#1E3695; text-decoration:none; } #calendar { /*Defines the display of the event/RR calendar*/ color:#1E3695; font-family:Arial,Helvetica,sans-serif; font-size:small; padding:0px; text-align:left; vertical-align:top; background-color:#F0F0F0; border-collapse:collapse; width:100%; } /*End Calendar Descriptions*/ /*Search slider characteristics*/ #sc1 { font-family:Arial,Helvetica,sans-serif; font-size:small; background-color:#FFF; padding:3px 3px 3px 3px; width:200px; height:auto; float:left; vertical-align:top; text-align:left; } #sc1 td { font-size:x-small; vertical-align:top; padding:0px 10px 3px 3px; text-align:left; } .divScrollBar { overflow:auto; font-size:xx-small; height:100px; width:180px; padding:1px; margin:0px; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; border-color:#CCCCCC; scrollbar-shadow-color:#FFF; scrollbar-highlight-color:#FFF; scrollbar-face-color:#CCC; scrollbar-3dlight-color:#FFF; scrollbar-darkshadow-color:#FFF; scrollbar-track-color:#FFF; scrollbar-arrow-color:#000; } .divScrollBar ul,li { list-style:none; list-style-position:outside; margin-left:6px; } #event_container { width:80%; vertical-align:top; height:300px; color:#333333; padding:5px; text-decoration:none; font-size:x-small; font-weight:normal; text-align:left; } #event_container h3 { font-family:Arial,Helvetica,sans-serif; font-size:medium; color:#000000; border-bottom:2px solid #000000; padding:0px 0px 1px 4px; font-weight:bold; } .event { /*Defines the display of the event/RR calendar*/ padding:0px 0px 5px 3px; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:small; padding:5px; padding:0px 0px 0px 5px; vertical-align:top; background-color:transparent; border-collapse:collapse; width:550px; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-top-width:1px; border-top-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-color:#999999; } .event_title { color:#FFFFFF; background-color:#4A7E94; width:100%; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:link { color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:hover { color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:visited { color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_values { vertical-align:top; padding:0px 0px 0px 5px; } .list_title { color:#FFFFFF; font-weight:bold; background-color:#4A7E94; border-color:#4A7E94; border-right-width:1px; border-right-style:solid; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; border-top-width:1px; border-top-style:solid; } .list_light { color:#000000; background-color:#F0F0F0; } .list_dark { color:#000000; background-color:#D2D2D2; } /************************************************************ Additional Styles - addon to the existing changes ************************************************************/ .cal_nav_options { font-family:arial; font-size:8pt; font-weight:bold; text-align:center } .nopad { padding:0px; margin:0px; } .verticaltop { vertical-align:top; } .littlecalunderline { text-decoration:underline; font-weight:bold; } .tinycaldaypointerstyle { cursor:pointer; font-size:xx-small; border:1px solid #333333; } .checkboxpadding { padding:0px 0px 0px 5px } .eventcaloptiontext { color:#000000; cursor:pointer; } .eventcaloptiongreytext { color:#CCCCCC; cursor:pointer; } .eventcaloptionunderlinetext { color:#000000; text-decoration:underline cursor:pointer; } .eventcaloptionboxes { border:1px solid #CCCCCC; background-color:#FAFAFA; padding:3px; vertical-align:bottom; } .sc1boxstyle { border:1px solid #CCCCCC } .sc1searchstyle { margin:0px; font-weight:bold; font-size:larger } .eventcalendareventcontainer { width:80%; vertical-align:top; padding:5px; } .eventsignupgettablite { cursor:pointer; text-align:center; border:1px solid #000000; } .eventsignupgettabtitle { font-weight:bold; text-align:center; border:1px solid #000000; } .bordercollapse { border-collapse:collapse; } /* Attendance Button */ #mybutton { border-style:outset; border-color:#c0c0c0; background-color:#b0b0b0; text-decoration:none; text-align:center; cursor:hand; } .eventsignupdisplaytable { margin-left:1em; border:0px solid #000000; } .eventsignupdisplaycolumn { border-top:0px; border-right:0px; border-bottom:1px solid #000000; } .eventsignupinvalidcolor { color:#800040 } .padding10px { padding:10px 10px 10px 10px; } .borderlineblack { border:1px solid #000000; } .borderwidthspacing { border-width:1px 2px 1px 1px; } .roomlist { overflow:auto; width:100%; height:250px; padding:0px; margin:0px } .roomreqdisplay { background-color:transparent; padding:1px; padding-left:.5em; border:0px; vertical-align:middle; } .roomreqdisplaynopad { background-color:transparent; padding:0px; border:0px; vertical-align:middle color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; padding:0px; text-align:left; } .roomreqroomnamedisplay { padding:1px; padding-left:5em; padding-right:5em; } .roomreqheaderstr { padding:0px; vertical-align:top } .roomreqsecondstr { padding:1px; border:0px; } .roomreqlibraryinfodisp { font-family:arial; background-color:white; color:black; font-size:medium } .bufferhighlight { background-color:#CCCCCC; padding:1px; } .extendhighlight { background-color:yellow; padding:1px; } .monthyeardispoption { font-family:arial; font-size:12px; font-weight:bold; text-align:center; } .popupinterfacebody { font-family:Arial; font-size:11px; color:black; margin-left:5px; padding:5px; background-color:#FAFAFA; font-family:Arial; font-size:x-small; width:100%; border:1px solid #CCCCCC; } td.popupinterfacetd { font-family:Arial; font-size:11px; margin-left:5px; } h3.popupinterface { margin:0px; padding:0px; color:blue; } .popupinterfaceheading { font-family:arial; width:100%; background-color:#666666; color:#FFFFFF; font-size:medium; font-weight:bold; } .wrapoff { white-space:nowrap; } .popupinterfacetitle { font-weight:bold; font-size:medium; } .extendboxheader { font-size:12px; font-weight:bolder; } #ongoingclick { background-color:white; color:black; }