/* * All CSS related to the flyouts for WiseChoice are in this file. * Flyouts include: View Calendar Event, Add Calendar Event, Help Popup, and School Matching */ /* School Matching Search Popup flyout css - */ #schoolMatchingSearchDIV {border:none;overflow:visible;background-color:transparent; } #schoolMatchingSearchDIV .container-close {position:absolute;top:10px;right:85px;height:17px;width:49px;background:url(/img/Flyout-close.png) no-repeat;} #schoolMatchingSearchDIV .hd {padding:0px;border:none;text-align:left;margin-left:0px;margin-right:0px;height:38px;width: 222px;background:url(/img/Flyout-hd-tailright222.gif);} #schoolMatchingSearchDIV .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;min-height:218px;width:222px;background:url(/img/Flyout-bd-tailright.gif);} #schoolMatchingSearchDIV .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:20px;width: 222px;background:url(/img/Flyout-ft-tailright.gif);} #schoolMatchingSearchDIV .ft .bl {width:200px;height:67px;top:0;left:0;position:absolute;z-index:9999;} #schoolMatchingSearchDIV .ft {border-top:none;font-size:100%;} #schoolMatchingSearchDIV .ft .button-group {display:block;text-align:right;} #schoolMatchingSearchDIV .ft span.default {border-color:#304369;background-position:0 -1400px;} #schoolMatchingSearchDIV .ft span.default .first-child{border-color:#304369;} #schoolMatchingSearchDIV .ft span.default button{color:#fff;} /* Help Popup flyout css - */ #helpPopupPanel_TAILUP {border:none !important;overflow:visible !important;background-color:transparent !important; } #helpPopupPanel_TAILUP .container-close {position:absolute;top:30px;right:13px;height:17px;width:49px;background:url(/img/Flyout-close.png) no-repeat;} #helpPopupPanel_TAILUP .hd {padding:0px;border:none;text-align:left;margin-left:0px;margin-right:0px;height:59px;width: 275px;background:url(/img/Flyout-ft-bg-tailup275.gif);} #helpPopupPanel_TAILUP .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;min-height:50px;width:275px;background:url(/img/Flyout-bd-bg275.gif);} #helpPopupPanel_TAILUP .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:22px;width: 275px;background:url(/img/Flyout-hd-bg-tailup275.gif);} #helpPopupPanel_TAILUP .ft .bl {width:200px;height:67px;top:0;left:0;position:absolute;z-index:9999;} #helpPopupPanel_TAILUP .ft {border-top:none;font-size:100%;} #helpPopupPanel_TAILUP .ft .button-group{display:block;text-align:right;} #helpPopupPanel_TAILUP .ft span.default {border-color:#304369;background-position:0 -1400px;} #helpPopupPanel_TAILUP .ft span.default .first-child{border-color:#304369;} #helpPopupPanel_TAILUP .ft span.default button{color:#fff;} /* Help Popup flyout css - */ #helpPopupPanel {border:none !important;overflow:visible !important;background-color:transparent !important; } #helpPopupPanel .container-close {position:absolute;top:4px;left:144px;top:6px; height:17px;width:49px;background: url(/img/Flyout-close-taildown.png) no-repeat;} #helpPopupPanel .hd {padding:0px;border:none;text-align:left;margin-left:0px;margin-right:0px;height:32px;width: 200px;background: url(/img/Flyout-hd-bg-taildown200.png) no-repeat;} #helpPopupPanel .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;min-height:50px;width:200px;background:transparent url(/img/Flyout-bd-bg200.png) repeat-y;} .bd .tablediv table {width:180px !important;} #helpPopupPanel .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:43px;width: 200px;background: url(/img/Flyout-ft-bg-taildown200.png) no-repeat;} #helpPopupPanel .ft .bl {width:200px;top:0;left:0;position:absolute;z-index:9999;} #helpPopupPanel .ft {border-top:none;font-size:100%;} #helpPopupPanel .ft .button-group {display:block;text-align:right;} #helpPopupPanel .ft span.default {border-color:#304369;background-position:0 -1400px;} #helpPopupPanel .ft span.default .first-child{border-color:#304369;} #helpPopupPanel .ft span.default button{color:#fff;} /* Help Popup flyout css - for labels */ #helpPopupPanel_label {border:none !important;overflow:visible !important;background-color:transparent !important; } #helpPopupPanel_label .container-close {position:absolute; color:transparent; cursor: pointer;:18px;width:49px;top:4px;right:13px;background:url(/img/) no-repeat;} #helpPopupPanel_label .hd {padding:0px;border:none;text-align:left;margin-left:0px;margin-right:0px;height:32px;width: 200px;background:url(/img/Flyout-hd-bg-taildown200.png) no-repeat;} #helpPopupPanel_label .bd {padding:0 !important;border:none !important;font-family:Arial,Helvetica,sans-serif !important;font-size:12px !important;color:#526e90 !important;margin-left:0px !important;margin-right:0px !important;text-align:center !important;overflow:visible !important;min-height:30px !important;width:200px !important;background:url(/img/Flyout-bd-bg200.png) repeat-y !important;} #helpPopupPanel_label .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:43px;width: 200px;background:url(/img/Flyout-ft-bg-taildown200.png) no-repeat;} #helpPopupPanel_label .ft .bl {width:200px;top:0;left:0;position:absolute;z-index:9999;} #helpPopupPanel_label .ft {border-top:none;font-size:100%;} #helpPopupPanel_label .ft .button-group {display:block;text-align:right;} #helpPopupPanel_label .ft span.default {border-color:#304369;background-position:0 -1400px;} #helpPopupPanel_label .ft span.default .first-child{border-color:#304369;} #helpPopupPanel_label .ft span.default button{color:#fff;} /* View Calendar Event flyout css - only on small calendar */ #viewCalendarEventPanel.yui-panel {border:none;overflow:visible;background-color:transparent;} #viewCalendarEventPanel.yui-panel .container-close {position:absolute;top:10px;right:13px;height:17px;width:49px;background:url(/img/Flyout-close.png) no-repeat;} #viewCalendarEventPanel.yui-panel .hd {padding:0px;border:none;text-align:left;} #viewCalendarEventPanel.yui-panel .hd .tl {width:8px;height:37px;top:0;left:0;background:url(/img/Flyout-hd-lt.png) no-repeat;position:absolute;} #viewCalendarEventPanel.yui-panel .hd .tc {width:192px;height:37px;padding:0;border:none;background:url(/img/Flyout-hd-bg.png) repeat-x;color:#000;margin-left:8px;margin-right:8px;line-height:32px;overflow:visible;font-weight:bold;font-size: 14px;font-family: Arial,Helvetica;} #viewCalendarEventPanel.yui-panel .hd .tr {width:13px;height:37px;top:0;right:0;background:url(/img/Flyout-hd-rt.png) no-repeat;position:absolute;} #viewCalendarEventPanel.yui-panel .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;height:200px;width: 208px;background:url(/img/Flyout-bd-bg208.png);} #viewCalendarEventPanel.yui-panel .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;height:36px;width: 208px;background:url(/img/Flyout-ft-bg208.png);} /* Add Calendar event flyout css - only on the large calendar */ #addCalendarEventPanelDiv {border:none;overflow:visible;background-color:transparent; } #addCalendarEventPanelDiv .container-close {position:absolute;top:10px;right:13px;height:17px;width:49px;background:url(/img/Flyout-close.png) no-repeat;} #addCalendarEventPanelDiv .hd {padding:0px;border:none;text-align:left;} #addCalendarEventPanelDiv .hd .tl {width:8px;height:37px;top:0;left:0;background:url(/img/Flyout-hd-lt.png) no-repeat;position:absolute;} #addCalendarEventPanelDiv .hd .tc {width:307px;height:37px;padding:0;border:none;background:url(/img/Flyout-hd-bg.png) repeat-x;color:#000;margin-left:8px;margin-right:8px;line-height:37px;overflow:visible;font-weight:bold;font-size: 14px;font-family: Arial,Helvetica;} #addCalendarEventPanelDiv .hd .tr {width:13px;height:37px;top:0;right:0;background:url(/img/Flyout-hd-rt.png) no-repeat;position:absolute;} #addCalendarEventPanelDiv .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;height:415px;width:327px;background:url(/img/Flyout-bd-bg327.png);} #addCalendarEventPanelDiv .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:67px;width: 327px;background:url(/img/Flyout-ft-bg327.png);} #addCalendarEventPanelDiv .ft .bl {width:200px;height:67px;top:0;left:0;position:absolute;z-index:9999;} #addCalendarEventPanelDiv .ft {border-top:none;font-size:100%;} #addCalendarEventPanelDiv .ft .button-group {display:block;text-align:right;} #addCalendarEventPanelDiv .ft span.default {border-color:#304369;background-position:0 -1400px;} #addCalendarEventPanelDiv .ft span.default .first-child{border-color:#304369;} #addCalendarEventPanelDiv .ft span.default button{color:#fff;} #addCalendarEventPanelDiv .yui-button-active{background:url(/img/forms/button_bg_active.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin:auto .25em;} #addCalendarEventPanelDiv .yui-button-active .first-child{background:url(/img/forms/button_bg_first_child_active.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} #addCalendarEventPanelDiv .yui-button-hover {background:url(/img/forms/button_bg.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin:auto .25em;} #addCalendarEventPanelDiv .yui-button {background:url(/img/forms/button_bg.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin-right: 35px;} #addCalendarEventPanelDiv .yui-button .first-child{background:url(/img/forms/button_bg_first_child.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} #addCalendarEventPanelDiv .yui-button-active{background:url(/img/forms/button_bg_active.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin-right: 35px;} #addCalendarEventPanelDiv .yui-button-active .first-child{background:url(/img/forms/button_bg_first_child_active.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} /* Add Calendar event flyout css TAIL UP - only on the large calendar */ #addCalendarEventPanelDiv_TAILUP {border:none;overflow:visible;background-color:transparent; } #addCalendarEventPanelDiv_TAILUP .container-close {position:absolute;top:40px;right:13px;height:17px;width:49px;background:url(/img/Flyout-close.png) no-repeat;} #addCalendarEventPanelDiv_TAILUP .hd {padding:0px;border:none;text-align:left;margin-left:0px;margin-right:0px;height:67px;width: 327px;background:url(/img/Flyout-ft-bg-tailup327.png);} #addCalendarEventPanelDiv_TAILUP .bd {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;text-align:center;overflow:visible;height:415px;width:327px;background:url(/img/Flyout-bd-bg327.png);} #addCalendarEventPanelDiv_TAILUP .ft {padding:0;border:none;color:#000;margin-left:0px;margin-right:0px;overflow:visible;height:37px;width: 327px;background:url(/img/Flyout-hd-bg-tailup327.png);} #addCalendarEventPanelDiv_TAILUP .ft .bl {width:200px;height:67px;top:0;left:0;position:absolute;z-index:9999;} #addCalendarEventPanelDiv_TAILUP .ft {border-top:none;font-size:100%;} #addCalendarEventPanelDiv_TAILUP .ft .button-group {display:block;text-align:right;} #addCalendarEventPanelDiv_TAILUP .ft span.default {border-color:#304369;background-position:0 -1400px;} #addCalendarEventPanelDiv_TAILUP .ft span.default .first-child{border-color:#304369;} #addCalendarEventPanelDiv_TAILUP .ft span.default button{color:#fff;} #addCalendarEventPanelDiv_TAILUP .yui-button-active{background:url(/img/forms/button_bg_active.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin:auto .25em;} #addCalendarEventPanelDiv_TAILUP .yui-button-active .first-child{background:url(/img/forms/button_bg_first_child_active.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} #addCalendarEventPanelDiv_TAILUP .yui-button-hover {background:url(/img/forms/button_bg.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin:auto .25em;} #addCalendarEventPanelDiv_TAILUP .yui-button {background:url(/img/forms/button_bg.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin-right: 35px;} #addCalendarEventPanelDiv_TAILUP .yui-button .first-child{background:url(/img/forms/button_bg_first_child.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} #addCalendarEventPanelDiv_TAILUP .yui-button-active{background:url(/img/forms/button_bg_active.png) repeat-x 0 0;border-width:0px 0;border-style:none;border-color:#808080;margin-right: 35px;} #addCalendarEventPanelDiv_TAILUP .yui-button-active .first-child{background:url(/img/forms/button_bg_first_child_active.png) no-repeat;border-width:0px 0px;border-style:none;border-color:#808080;margin:0 -1px;_margin:0;} /* CSS for Activity Résumé - Save As Dialog */ .saveas_popup{background:url(/img/schoolmatching/wc_pop_up_bgrnd.png) no-repeat;width:465px;height:115px;} .saveas_content{font-family: arial,verdana,ms sans serif;color:#737373;font-size:12px;font-style:normal;font-weight:lighter;}