/**************************** Global Styles ****************************/ body { color:#000099; 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:#FFE3BD; background-image:url() } #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:#000000; background-color:#3399FF; } 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:#4B8FEE; text-decoration:none; } body a:visited{ color:#4B8FEE; text-decoration:none; } body a:hover{ color:#4B8FEE; 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; } .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; } .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:#FAFAFA; } .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; } .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; } 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:#CCCCCC; background-color:#EBEBEB; } /**************************************** 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; } /**************************** Calendar Styles ****************************/ .popup { color:#000000; padding:1px; background-color:#FAFAFA; 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:#CCCCCC; border-collapse:collapse; } .P1 { color:#FFFFFF; background-color:#95AC90; 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*/ background-color:#F0F0F0; font-weight:bold; color:#800040; font-size:14px; cursor:pointer; } .tinycal_weekday { /*Defines the display of day cells*/ background-color:#95AC90; border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; padding:1px; color:#FFFFFF; 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:#95AC90; font-weight:bold; color:#800040; font-size:x-small; cursor:pointer; } .calendar_current_day { /*Defines the display of blank day cells.*/ color:#FFFFFF; background-color:#95AC90; 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:#EBEBEB; 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:#000000; background-color:#95AC90; 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:#EBEBEB; border:1px solid #000000; } .calendar_day { color:#000000; background-color:#FFFFFF; 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:#800000; text-decoration:none; } .calendar_day a:hover { color:#800000; text-decoration:none; } #calendar { /*Defines the display of the event/RR calendar*/ color:#800000; 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:auto; 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*/ color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:small; margin:5px; vertical-align:top; background-color:transparent; border-collapse:collapse; width:550px; border-bottom-width:1px; border-bottom-style:solid; border-color:#999999; } .event_title { /* Background color will match the color of the event type */ color:#333333; background-color:#FFFFFF; width:100%; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:link { /* Background color will match the color of the event type */ color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:hover { /* Background color will match the color of the event type */ color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_title a:visited { /* Background color will match the color of the event type */ color:#333333; padding:0px 0px 0px 5px; font-size:medium; font-weight:bolder; text-transform:uppercase; } .event_fields { text-align:left; font-weight:bold; padding:0px 0px 0px 5px; vertical-align:top; background-color:#FFFFFF; color:#000000; } .event_desc { text-align:left; padding:0px 0px 0px 5px; vertical-align:top; background-color:#FFFFFF; color:#000000; } .event_values { vertical-align:top; padding:0px 0px 0px 5px; } .list_title { color:#FFFFFF; font-weight:bold; background-color:#000099; border-color:#333333; 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:#EBEBEB; } /**************************** Request Confirmation Styles ****************************/ .requestconfirm { 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:transparent; margin-left:1em; width:700px; } .requestconfirm ul,li { list-style:square; list-style-position:outside; } .requestconfirm table,td,tr { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:x-small; } /**************************** Autocomplete Styles ****************************/ div.autocomplete { position:absolute; background-color:white; border:1px solid #888; margin:0px; padding:0px; } div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color:#ffb;} div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:1px; cursor:pointer; } /************************************************************ 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; }