/************************************************************************************* PS Developer CSS Notes: - This web site uses a 100% CSS based layout. - There should be NO formatting references in the HTML - All formatting references should be contained within the CSS - Nearly all CSS entries should be replaced by Eprise variables - Developers should note: The total height and width of a div is comprised of the height/width + padding + margin + border - Notes key: SS1 = Standard Skin Settings SS2 = Advanced Skin Settings LOCKED = Locked settings - not open for configuration Each section should contain settings grouped by: 1 FONT 2 BACKGROUND 3 SIZE 4 PADDING 5 BORDER 6 LOCKED 7 OTHER (If necessary) 8 LINKS Font-family options: Arial, Verdana, Helvetica, Tahoma, Trebuchet, Arial Black, Times New Roman See this link: http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtml Regarding the use of redundant or overly specific references: In many cases, settings are not listed because it is highly unlikely that the setting are needed in that particular section. This may be because the style is already defined in parent or child elements or that it is unlikely the style would be necessary. CSS settings can later be expanded based on overall feedback. It is known that there will be a need for a large amount of settings. This core CSS is intended to only use CSS entries that are likely to be used. Settings are consolidate in the case of hyperlinks because it is unlikely that there is a need to differentiate other than link and hover styles. (9/21/2009 WC) *************************************************************************************/ /****************** STANDARD ELEMENTS OVERALL PAGE STYLES ******************/ /***Prevent extra margin around header tages***/ h1,h2,h3,h4,h5,h6,h7 { margin: 0; /*LOCKED*/ } /******** PAGE BODY ********/ #ps-body { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ background-color: #EEEEEE; background-image: url(""); background-repeat: repeat-x; /***SIZE***/ /***N/A***/ /***PADDING***/ /***N/A***/ /***BORDER***/ /***N/A***/ /***LOCKED***/ margin: 0; /*LOCKED*/ padding: 0; /*LOCKED*/ text-align: left; } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /************* PAGE CONTAINER *************/ #page_container { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ background-color: ; background-image: url(""); background-repeat: no-repeat; /***SIZE***/ width: 960px; /***PADDING***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BORDER***/ border-color: ; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; /***LOCKED***/ margin-right: auto; /*LOCKED*/ margin-left: auto; /*LOCKED*/ /***OTHER***/ margin-top: 0px; margin-bottom: 0px; } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /********************************************************************** PAGE BOXES **********************************************************************/ /********* HEADER BOX *********/ #box_header { /***FONT***/ font-family: Open Sans,arial; font-size:14px; color:#333333; /***BACKGROUND***/ background-color:; background-image: url(""); background-repeat: no-repeat; /***SIZE (Width must descrease when adding border or padding) ***/ height: 50px; width: 960px; /***PADDING***/ padding: 2px; /***BORDER***/ border-color: #FFFFFF; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 5px; border-left-width: 0px; float:left; /*LOCKED*/ } /***LINKS***/ #box_header a:link, #box_header a:active, #box_header a:visited { color: #333333; text-decoration: none; font-weight: normal; } #box_header a:hover { color: #23257C; text-decoration: none; font-weight: normal; } /************ SUBHEADER BOX ************/ #box_subheader { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ /***!BACKGROUND-COLOR IS SET IN MAIN NAV SETTINGS BELOW!***/ /***SIZE (Width must descrease when adding border or padding) ***/ /***!HEIGHT IS SET IN MAIN NAV SETTINGS BELOW!***/ width: 960px; /***PADDING***/ padding: 0px; /***BORDER***/ border-color: #A5A5A5; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; /***LOCKED***/ float:left; /*LOCKED*/ } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /************* BODY CONTAINER *************/ #body_container { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ background-color:#FFFFFF; background-image: url(""); background-repeat: no-repeat; /***SIZE (Width must descrease when adding border or padding / CHILD WIDTHs MUST DESCREASE ALSO) ***/ width: 950px; min-height: 500px; /* LOCKED */ /***PADDING***/ padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:0px; /***BORDER***/ border-color: ; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; /***LOCKED***/ float: left; /*LOCKED*/ } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /*************************************** LEFT COLUMN BOX / RIGHT COLUMN BOX BOTH COLUMNS SHOULD HAVE THE SAME STYLES ***************************************/ #box_col_left, #box_col_right { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/ /***SIZE (Width must descrease when adding border or padding) ***/ width: 200px; /***PADDING***/ padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; /***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/ /***LOCKED***/ float: left; /*LOCKED*/ } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /*************************************************************** CENTER COLUMN BOX CENTER COL DIV REFERENCE CHANGES IN HTML ACCORDING TO THE LAYOUT ***************************************************************/ #box_col_center_two_col, #box_col_center_left_col, #box_col_center_right_col, #box_col_center_no_col, #box_col_center_2_Col, #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_0_Col { /***FONT***/ font-family: Open Sans,arial; font-size:14px; color:#696969; /***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/ /***SIZE***/ /***This is set below***/ /***PADDING***/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; /***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/ /***LOCKED***/ float: left; /*LOCKED*/ } /***SIZE (Width must descrease when adding border or padding) ***/ #box_col_center_two_col,#box_col_center_2_Col { width: 520px; } #box_col_center_left_col, #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_right_col { width: 730px; } #box_col_center_no_col, #box_col_center_0_Col { width: 940px; } #box_col_center_two_col h1, #box_col_center_2_Col h1, #box_col_center_left_col h1, #box_col_center_L_Col h1, #box_col_center_right_col h1, #box_col_center_R_Col h1, #box_col_center_0_Col h1, #box_col_center_no_col h1 { /***FONT***/ font-family:Open Sans,arial; font-size:22px; color:#454545; } #box_col_center_two_col h2, #box_col_center_left_col h2, #box_col_center_right_col h2, #box_col_center_no_col h2, #box_col_center_2_Col h2, #box_col_center_L_Col h2, #box_col_center_R_Col h2, #box_col_center_0_Col h2 { /***FONT***/ font-family:Open Sans,arial; font-size:18px; color:#454545; } /***LINKS***/ #box_col_center_two_col a:link, #box_col_center_left_col a:link, #box_col_center_right_col a:link, #box_col_center_no_col a:link, #box_col_center_two_col a:active, #box_col_center_left_col a:active, #box_col_center_right_col a:active, #box_col_center_no_col a:active, #box_col_center_two_col a:visited, #box_col_center_left_col a:visited, #box_col_center_right_col a:visited, #box_col_center_no_col a:visited, #box_col_center_2_Col a:link, #box_col_center_L_Col a:link, #box_col_center_R_Col a:link, #box_col_center_0_Col a:link, #box_col_center_2_Col a:active, #box_col_center_L_Col a:active, #box_col_center_R_Col a:active, #box_col_center_0_Col a:active, #box_col_center_2_col a:visited, #box_col_center_L_Col a:visited, #box_col_center_R_Col a:visited, #box_col_center_0_Col a:visited { color: #585858; text-decoration: underline; font-weight: normal; } #box_col_center_two_col a:hover, #box_col_center_left_col a:hover, #box_col_center_right_col a:hover, #box_col_center_no_col a:hover, #box_col_center_2_Col a:hover, #box_col_center_L_Col a:hover, #box_col_center_R_Col a:hover, #box_col_center_0_Col a:hover { color: #585858; text-decoration: underline; font-weight: normal; } /*************** CENTER COLUMN BOX BANNER AND TITLE ***************/ #box_col_center_banner { text-align: left; } #box_col_center_title { text-align: left; } /*************** FOOTER BOX ***************/ #box_footer { /***FONT***/ font-family: Open Sans,arial; font-size: 11px; color:#333333; /***BACKGROUND***/ background-color:#EEEEEE; background-image: url(""); background-repeat: no-repeat; /***SIZE (Width must descrease when adding border or padding) ***/ height: 40px; width: 930px; /***PADDING***/ padding: 10px; /***BORDER***/ border-color: #CCCCCC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; /***LOCKED***/ clear: both; /*LOCKED*/ } /***LINKS***/ #box_footer a:link, #box_footer a:active, #box_footer a:visited { color: #333333; text-decoration: none; font-weight: normal; } #box_footer a:hover { color: #333333; text-decoration: none; font-weight: normal; } /********* SEARCH BOX *********/ #box_search { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ background-color:; /***SIZE (Width must descrease when adding border or padding) ***/ height: 45px; width: 30%px; /***PADDING***/ padding: 8px; /***BORDER***/ border-color: #23257C; border-style: solid; border-width: 1px; } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ #search_textbox { /***FONT***/ font-family:Open Sans,arial; font-size:12px; color:#333333; /***SIZE***/ height: 16px; width: 120px; } #search_button { /***NOTE: Button text should be configurable in SS2***/ /***FONT***/ font-family:Open Sans,arial; font-size:14px; color:#333333; /***SIZE***/ height: 22px; width: 30px; /***LOCKED***/ padding: 0; /*LOCKED*/ } /********** LOGOUT LINK **********/ #logout_link { /***Unnecessary - already defined in parent and/or child elements***/ } /***LINKS***/ #logout_link a:link, #logout_link a:active, #logout_link a:visited { /***Unnecessary - already defined in parent and/or child elements***/ } #logout_link a:hover { /***Unnecessary - already defined in parent and/or child elements***/ } /************** CONTENT SNIPPET **************/ .content_snippet { /***FONT***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BACKGROUND***/ /***Unnecessary - already defined in parent and/or child elements***/ /***SIZE (Width must descrease when adding border or padding) ***/ width: 190px; /***PADDING***/ /***Unnecessary - already defined in parent and/or child elements***/ /***BORDER***/ /***Unnecessary - already defined in parent and/or child elements***/ /***OTHER***/ margin-bottom: 15px; /*SPACING BETWEEN CONTENT SNIPPETS*/ } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /********************* CONTENT SNIPPET HEADER **********************/ .content_snippet_header { /***FONT***/ font-family:Open Sans,arial; font-size:18px; font-weight:normal; text-align: left; color: #333333; /***BACKGROUND***/ background-color:; background-image: url(""); background-repeat: no-repeat; /***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/ width: 190px; /***PADDING***/ padding: 0px; /***BORDER***/ border-color: #666666; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } /***LINKS***/ /***Unnecessary - already defined in parent and/or child elements***/ /********************* CONTENT SNIPPET BODY **********************/ .content_snippet_body { /***FONT***/ font-family:Open Sans,arial; font-size:11px; text-align: left; color:#333333; /***BACKGROUND***/ background-color:; background-image: url(""); background-repeat: no-repeat; /***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/ width: 190px; /***PADDING***/ padding: 5px; /***BORDER***/ border-color: #666666; border-style: solid; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } /***LINKS***/ .content_snippet_body a:link, .content_snippet_body a:active, .content_snippet_body a:visited { color: #333333; text-decoration: normal; font-weight: normal; text-align: left; } .content_snippet_body a:hover { color: #333333; text-decoration: normal; font-weight: normal; text-align: left; } td.content_snippet_body, #theID td { text-align: left; } /******* MAIN NAV *******/ #main_nav { /***FONT***/ font-family: Open Sans,arial; font-size: 16px; /***POSITION***/ float: left; } #box_subheader { height: 50px; background-color:#CCCCCC; background-image: url(""); background-repeat: no-repeat; } #main_nav_list { margin-top: 7px; margin-right: 0; /*LOCKED*/ /*Because we want 0 margin right of the UL*/ margin-left: 0; /*LOCKED*/ /*Because we want 0 margin left of the UL*/ /*DO NOT SET A MARGIN-BOTTOM 0 ELSE IE6 + IE7 WILL NICELY LOP OFF YOUR BOTTOM BORDER IF YOU HAVE ONE*/ padding: 0; /*LOCKED*/ /*Because we want 0 padding around the UL*/ } #main_nav li { display: inline; /*LOCKED*/ /*This makes this UL display horizontal*/ list-style-type: none; /*LOCKED*/ /*Because this UL is not using bullets*/ } #main_nav a { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; font-size: 16px; /*RED-1683 font size for ViewTask.html*/ } #main_nav a:link, #main_nav a:visited { color: #333333; background-color: #CCCCCC; text-decoration: none; border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; } #main_nav #active a, #main_nav a:active, #main_nav a:hover { color:#FFFFFF; background-color: #23257C; text-decoration: none; border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; } /******* SUB NAV *******/ #sub_nav { width: 180px; margin-bottom: 10px; font-size: 14px; font-family: Open Sans,arial; } #sub_nav_list { margin: 0; /*** LOCKED ***/ } #sub_nav ul { margin-left: 0; /*** LOCKED ***/ padding-left: 0; /*** LOCKED ***/ } #sub_nav_list li { list-style: none; /*** LOCKED ***/ margin-bottom: 0px; } #sub_nav_list a { display: block; /*** LOCKED ***/ padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; width: 180px; } #sub_nav_list a, #sub_nav a:link, #sub_nav a:visited { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; text-decoration: none; border-style: solid; border-color: #2A428E; color: #FFFFFF; background-color: #23257C; } #sub_nav #current a, #sub_nav a:active, #sub_nav a:hover { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; text-decoration: none; border-style: solid; border-color: #2A428E; color: #FFFFFF; background-color: #23257C; } .sub_nav_header { /***FONT***/ font-family:Open Sans,arial; font-size:14px; font-weight:normal; text-align: left; color: ; /***BACKGROUND***/ background-color:; background-image: url(""); background-repeat: repeat; /***SIZE***/ /***Unnecessary - already defined in parent and/or child elements***/ width: px; /***PADDING***/ padding: px; /***BORDER***/ border-color: #23257C; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; /***MARGIN***/ margin-bottom: 7px; } /******* CALENDAR *******/ .calendar_prevdatetitle img, .calendar_nextdatetitle img { border: 0; } .calendar_prevdatetitle { color: #333333; text-align: center; /*LOCKED*/ font-size: 12px; font-weight: bold; /*LOCKED*/ } .calendar_prevdatetitle:hover { color: #333333; background-color: ; } .calendar_datetitle { color: #454545; text-align: center; /*LOCKED*/ font-size: 30px; font-weight: bold; /*LOCKED*// } .calendar_nextdatetitle { color: #333333; text-align: center; /*LOCKED*/ font-size: 12px; font-weight: bold; /*LOCKED*/ } .calendar_nextdatetitle:hover { color: #333333; background-color: ; } td.calendar_head { background-color: #696969; color: #ffffff; text-align: center; /*LOCKED*/ font-size: 14px; font-weight: bold; /*LOCKED*/ } td.calendar_shade_nd { background-color: #333333; /*SS1*/ } td.calendar_shade_d { background-color: #FFFFFF; /*SS1*/ } td.calendar_date { font-size: 12px; color:#696969; } .calendar_data_link { font-size: 12px; text-decoration: none; /*LOCKED*/ color: #696969; } .calendar_data_link:hover { color: #696969; text-decoration: none; } td.calendar_data { padding-left: 5px; } /*** BLOG ***/ #blog { } #blog img { border: 0; /*LOCKED*/ } #blog h1 { font-size: 24px; font-family: Open Sans,arial; color: #454545; } /***LINKS***/ #blog a:link, #blog a:active, #blog a:visited { color: #696969; text-decoration: normal; font-weight: bold; /*LOCKED*/ } #blog a:hover { color:#696969; text-decoration: none; font-weight:bold; /*LOCKED*/ } .blog_date_box { font-size: 9px; font-family: Open Sans,arial; color: #ffffff; text-align: center; /*LOCKED*/ background-color: #23257C; width: 35px; float: left; /*LOCKED*/ margin-right: 10px; /*LOCKED*/ margin-top: 8px; /*LOCKED*/ margin-bottom: 8px; /*LOCKED*/ } .blog_entry_list_item { border-top-width: 1px; /*LOCKED*/ border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: dotted; /*LOCKED*/ clear: left; /*LOCKED*/ } .blog_title { margin-top: 8px; } .blog_comments { text-align: right; } /******************** FAQ / ANNOUNCEMENT LISTINGS ********************/ #faq { } #faq h1, #faq h2 { font-size: 24px; font-family: Open Sans,Open Sans; color: #454545; } #faq img { border: 0; /*LOCKED*/ } /***LINKS***/ #faq a:link, #faq a:active, #faq a:visited { color: #696969; text-decoration: none; font-weight: bold; /*LOCKED*/ } #faq a:hover { color:#696969; text-decoration:none; font-weight:bold; /*LOCKED*/ } .faq_date_box { font-size: 9px; font-family: Open Sans,arial; color: #ffffff; text-align: center; /*LOCKED*/ background-color: #23257C; width: 35px; float: left; /*LOCKED*/ margin-right: 10px; /*LOCKED*/ } .faq_entry_list_item { border-top-width: 1px; /*LOCKED*/ border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: dotted; /*LOCKED*/ clear: left; /*LOCKED*/ padding-top: 10px; padding-bottom: 10px; } /*************** DOCUMENT LISTING ***************/ #document_listing { } #document_listing img { border: 0; /*LOCKED*/ } #document_category { font-size: 14px; font-family: Open Sans,arial; color: #333333; background-color: #CCCCCC; } #document_list table { border-collapse: collapse; /*LOCKED*/ } #document_list tr { } #document_list td { padding-right: 10px; /*LOCKED*/ } /***LINKS***/ #document_listing a:link, #document_listing a:active, #document_listing a:visited { color: #3D8789; text-decoration: none; font-weight: bold; /*LOCKED*/ } #document_listing a:hover { color:#3D8789; text-decoration: underline; font-weight:bold; /*LOCKED*/ } /******************** RC FIX FOR NUMBERED TASK LIST ********************/ .rcTaskList ol li { list-style-type:none; margin-left: 0px; padding-left: 0px } .content_snippet_body ol li { list-style-type:none; margin-left: 0px; padding-left: 0px } .rcTaskList ol { margin-left: 0px; padding-left: 0px } /********************************* FIXES NEW LEAF MENU IE7 ISSUE *********************************/ #leafToolbar hr { width:80px !important; text-align: center; } /********************************* YUI PANEL *********************************/ #examplecontainer { padding:10px; } #resizablepanel .bd { overflow:auto; background-color:#fff; padding:10px; } #resizablepanel .ft { height:15px; padding:0; } #resizablepanel .hd { font-size: 11px; font-family: arial; } #resizablepanel .yui-resize-handle-br { right:0; bottom:0; height: 8px; width: 8px; position:absolute; } #resizablepanel_c.hide-scrollbars .yui-resize .bd { overflow: hidden; } #resizablepanel_c.show-scrollbars .yui-resize .bd { overflow: auto; } #resizablepanel_c.show-scrollbars .underlay { overflow: visible; } /********************************** CSS For Job Search Result Page **********************************/ #SRTJobSearchListings { clear: both; border-color: #CCCCCC; border-style: solid; border-top-width: 0px; /**Needs to be editable in Portal Studio **/ border-right-width: 0px; /**Needs to be editable in Portal Studio **/ border-bottom-width: 1px; /**Needs to be editable in Portal Studio **/ border-left-width: 0px; /**Needs to be editable in Portal Studio **/ } #SRTResultTitle_On { font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px; } .SRTResultNumber { font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:bold; text-decoration: none; } .SRTJobResults_On { clear: both; /***BORDER***/ border-color: #CCCCCC; border-style: solid; border-top-width: 1px; /**Needs to be editable in Portal Studio **/ border-right-width: 0px; /**Needs to be editable in Portal Studio **/ border-bottom-width: 0px; /**Needs to be editable in Portal Studio **/ border-left-width: 0px; /**Needs to be editable in Portal Studio **/ padding-top:15px; padding-right:0px; padding-bottom:15px; padding-left:0px; } .SRTJobHeader_On { padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:0px; } .SRTJobTitle_On { font-family: arial; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobHeaderDash1_On, .SRTJobHeaderDash2_On { font-family: Open Sans; font-size: 12px; color:#333333; } .SRTJobTrackNum_On { font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobLoc_On { font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobCat_On { clear:both; padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:0px; font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobDescpt_On { clear:both; font-family: Open Sans; font-size: 12px; color:#000000; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobPostDate_On { clear:both; text-align:right !important; padding-top:5px; font-family: Open Sans; font-size: 12px; color:#333333; font-style:normal; font-weight:normal; text-decoration: none; } .SRTJobPostDateNum { font-family: Open Sans; font-size: 12px; color:#000000; font-style:italic; font-weight:normal; text-decoration: none; } .SRTJobHeaderDash1_Off, .SRTJobHeaderDash2_Off { display:none; } .SRTJobDescpt_Off { display:none; } .SRTJobTrackNum_Off { display:none; } .SRTJobLoc_Off { display:none; } .SRTJobCat_Off { display:none; } #SRTResultTitle_Off { display:none; } .SRTJobPostDate_Off { display:none; } #breadcrumbs { margin-top: 10px; margin-right: autopx; margin-bottom: 10px; margin-left: autopx; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 10px; font-size: 12px; font-family: Open Sans,arial; color: #3D8789; background-color: ; text-decoration: none; font-weight: bold; font-style: normal; font-variant: normal; } #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited { color: #333333; text-decoration: none; font-weight: normal; font-style: normal; font-variant: normal; } #breadcrumbs a:hover { color: #333333; text-decoration: underline; font-weight: normal; font-style: normal; font-variant: normal; } .breadcrumb_item { color: #3D8789; text-decoration: none; font-weight: bold; font-style: normal; font-variant: normal; } #panel_popout_c { display:none; } /******************** SKIN DEFINED CSS OVERRIDES FROM ADVANCED SKIN SETTINGS ********************/ @font-face { font-family: SortsMillGoudy; font-style: normal; font-weight: normal; src: local('OFL Sorts Mill Goudy TT'), url(/nyucorp/Uploads/Images/skins/SortsMillGoudy.ttf); src: url(/nyucorp/Uploads/Images/skins/SortsMillGoudy.ttf); } @font-face { font-family: SortsMillGoudy; font-style: italic; font-weight: normal; src: local('OFL Sorts Mill Goudy TT'), url(/nyucorp/Uploads/Images/skins/SortsMillGoudy_italic.ttf); src: url(/nyucorp/Uploads/Images/skins/SortsMillGoudy_italic.ttf); } #nav_main, #nav_main > a, #nav_main > ul > li > a, #nav_main > ul > li > ul > li > a { touch-action: manipulation; } .lifesuite__header .header { background: none !important; } .lifesuite__clearfix.lifesuite__logo.lifesuite__float-left { display: none; } .header { width: 100% !important; } #ps-body { background-color: #DACFE1 !important; } #page_container { overflow: hidden !important; } #header_wrapper { width: 100%; height: 189px; background-image: url('/eprise/main/SiteGen/nyucorp/Content/Uploads/Images/skins/body_bg.png'); background-repeat: no-repeat; background-position: center top; } #logo_wrapper { max-width: 1024px; margin-left: auto; margin-right: auto; } #logo, #slogan { display: inline-block; } #logo { background-image: url('/eprise/main/SiteGen/nyucorp/Content/Uploads/Images/skins/nyu-langone-health-logo-white.svg'); width: 128px; height: 54px; background-repeat: no-repeat; position: relative; top: 45px; } #slogan { position: relative; top: 45px; color: #FFFFFF; font-size: 16px; } #main_header { position: absolute; top: 0; } #box_subheader { position: relative; top: 54px; background-color: transparent !important; border: none !important; margin-top: 10px !important; } #slogan, #nav_main, #nav_main > a, #nav_main > ul > li > a, #nav_main > ul > li > ul > li > a { font-family: 'Open Sans', sans-serif !important; } #nav_main > ul > li > a { background-color: transparent !important; color: #FFFFFF !important; padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 25px !important; padding-right: 25px !important; } #nav_main > ul > li > a { height: 22.6667px !important; line-height: 22.6667px !important; } #nav_main > ul > li:hover, #nav_main > ul > li.active { background-color: transparent !important; } #nav_main > ul > li.active { background-image: url('/eprise/main/SiteGen/nyucorp/Content/Uploads/Images/skins/main_nav_active.gif'); background-repeat: no-repeat; background-position: center bottom; } #nav_main > ul > li > a::after { content: ""; border-right: 1px solid #784E95; position: relative; left: 25px; } #nav_main > ul > li:last-child > a::after { content: none; } #nav_main > ul > li > ul > li > a { background-color: #290245 !important; border-color: #300151 !important; } #body_container { margin-bottom: 0% !important; padding-bottom: 0px !important; } #box_col_center_two_col { padding-top: 20px !important; } #box_col_center_two_col h2, #box_col_center_left_col h2, #box_col_center_right_col h2, #box_col_center_no_col h2, #box_col_center_2_Col h2, #box_col_center_L_Col h2, #box_col_center_R_Col h2, #box_col_center_0_Col h2 { font-family: 'SortsMillGoudy', Georgia !important; color: #1E89B1 !important; font-size: 26px !important; } #box_footer { border: none !important; background-color: #333333 !important; height: auto !important; padding-top: 30px !important; padding-bottom: 30px !important; color: #777777 !important; font-size: 13px !important; font-family: 'Arial', Helvetica !important; } /*********************** OH CSS ***************************/ .cssPreviewResHdrs, .cssSectionhead, .cssSectionHead, .cssHelpHead, .cssEditResTitle, .cssEEOCHead, .cssJobListHead, .cssLatestListHead, .cssNoJobsHead, .cssQuestionsHead, .cssSearchResultsTitle, .cssQuestionsHead { color: #C73B0B !important; font-size: 20px !important; font-weight: 700 !important; font-family: trebuchet ms, georgia !important; } .cssDspJobTitle, .cssAgencyLoginHead, .cssApplyPreviewHead, .cssWelcomeNote, .cssApplyHead, .cssErrorHead { color: #C73B0B !important; font-size: 20px !important; font-weight: 700 !important; font-family: trebuchet ms, georgia !important; padding-top: 0px !important; } .cssApplySubhead, .cssApplyJobTitle, .cssDspJobHead, .cssAllJobListMainTitle { color: #1E89B1 !important; font-size: 26px !important; font-weight: 700 !important; font-family: georgia, arial !important; } #header_trackingCode, #header_jobTitle, #header_location, .cssSearchResultsBody > a { color: #093B64 !important; } .cssJobListBody { list-style: inside !important; } /*--Added for SERVICES-33110 - 02.27.2018--*/ table.cssSearchResults td.cssSearchResultsBody:not(:first-child) { padding-left: 15px; } /******************** USER DEFINED CSS OVERRIDES ********************//******************** RESPONSIVE CSS OVERRIDES ********************/ /* Resets for responsive large */ @font-face { font-family: 'Open Sans'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('/LifeSuite/libs/V5/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/LifeSuite/libs/V5/fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/LifeSuite/libs/V5/fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/LifeSuite/libs/V5/fonts/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/LifeSuite/libs/V5/fonts/OpenSans-Regular.svg#svgOpenSans') format('svg'); /* Legacy iOS */ } @media print { #nav_main, #box_footer{ display: none !important; } } #page_container { width: 100%; overflow: auto; } #main_header, #box_footer { /* margin: 0em 2em; */ margin-left: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; padding: 0; width: 100%; } #body_container { padding-top:5px;/***BACKGROUND***/ /* So footer doesnt cover bottom content*/ /* padding-bottom: 40px; */ /* padding-bottom: 40px; */ padding-bottom: 5px; padding-left:; padding-right:; margin-top: 0px; margin-right: auto; margin-bottom: 5%; margin-left: auto; width: 1024px; height: 100%; } #nav_main { margin:0px; clear:both; } /* if this was showing */ #body_container ul#sub_nav_list { padding: 2px 0px; } /* but it's not */ #body_container ul#sub_nav_list { display:none; } #box_header { clear: both; /* height: 100%; */ height: 50px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width:auto; float: none; } #box_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #box_subheader { clear: both; margin-top: 1%; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width:auto; float: none; /* height: 100%; */ height: 50px; } #box_header { background-size: cover; } #box_subheader { background-size: cover; } #body_container { background-size: cover; } #body_container img { max-width: 100%; height: auto; } #nav_main, #nav_main ul { /* need these to be auto to line up with body_container*/ width: auto; } #box_footer { position: fixed; bottom: 0; } footer { text-align: center; } footer > div { margin-left: auto; margin-right: auto; clear: both; margin-top: 8px; } #box_col_center_no_col, #box_col_center_0_Col { width: 97%; } #box_col_left { width: 19%; margin-left: 1%; margin-right: 1%; background-image: none; float:left; } #box_col_right { width: 17%; margin-left: 1%; margin-right: 1%; background-image: none; float:right; } #box_col_center_right_col, #box_col_center_left_col, #box_col_center_L_Col, #box_col_center_R_Col { width: 70%; margin-left: 0px; margin-right: 0px; background-image: none; float:left; } #box_col_center_two_col, #box_col_center_2_Col { width: 55%; margin-left: 0px; margin-right: 0px; float:left; } #box_col_center_left_col p, #box_col_center_two_col p, #box_col_center_2_Col p { width:98%; padding: 1%; } #box_col_left + #box_col_center_two_col { width: 55%; } #box_col_left:empty ~ #box_col_center_left_col { width: 97%; } #box_col_left:empty ~ #box_col_center_L_Col { width: 97%; } #box_col_left:empty ~ #box_col_center_two_col { width: 97%; } #box_col_center_right_col, #box_col_center_left_col, #box_col_center_no_col, #box_col_center_2_col { overflow: auto; } #box_col_center_two_col, #box_col_center_left_col, #box_col_center_right_col, #box_col_center_no_col, #box_col_center_2_Col, #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_0_Col { /* So footer doesnt cover bottom content*/ padding-bottom: 40px; /* padding-bottom: 0px; */ } #pslogo { width: 10%; /* height: ; */ float: left; } #pslogo img { width: 120px; /* height: ; */ } nav#breadcrumbs { margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 10px; clear: both; } #userLinks { float:right; width: 25%; /* height: ; */ margin:10px 0px 0px 0px; } #box_search { /* height: 100%; */ height: 45px; /* width: 100%; */ width: 30%; padding: 0px; float: right; margin: 2px 0px 2% 2px; border :none; } #logout_link { float: right; /* height: 40%; */ width: 40%; /* margin: 0 0 1% 2%;*/ margin: 1% 0 1% 2%; padding: 0; } #userprofile_link { float: right; width: 50%; margin: 1% 0 1% 2%; padding: 0; } #box_header #box_search + #logout_link { margin: 0 0 1% 2%; } #box_header #box_search + #userprofile_link { margin: 0 0 1% 2%; } #logout_link >a , #logout_link >a:link, #logout_link >a:visited { width: 100px; height: 22px; background: -moz-linear-gradient(center top, #f3f3f3 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #EEEEEE)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); box-shadow: 0 1px 2px 0 #777777; -webkit-box-shadow: 0 1px 2px 0 #777777; -moz-box-shadow: 0 1px 2px 0 #777777; border-style: solid; border-width: 0px; border-radius: 6px; cursor: pointer !important; /***NOTE: Button text should be configurable in SS2***/ /***FONT***/ font-family:Open Sans,arial; font-size:14px; color:#333333; /* line-height: 1; */ margin: 0 0 20px; position: relative; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px white; padding: 6px 15px; background-color: #EEEEEE; margin: 5px 10px 5px 0; } #userprofile_link >a , #userprofile_link >a:link, #userprofile_link >a:visited { width: 100px; height: 22px; background: -moz-linear-gradient(center top, #f3f3f3 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #EEEEEE)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); box-shadow: 0 1px 2px 0 #777777; -webkit-box-shadow: 0 1px 2px 0 #777777; -moz-box-shadow: 0 1px 2px 0 #777777; border-style: solid; border-width: 0px; border-radius: 6px; cursor: pointer !important; /***NOTE: Button text should be configurable in SS2***/ /***FONT***/ font-family:Open Sans,arial; font-size:14px; color:#333333; /* line-height: 1; */ margin: 0 0 20px; position: relative; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px white; padding: 6px 15px; background-color: #EEEEEE; margin: 5px 10px 5px 0; } #box_search input[type="button"], #box_search input[type="submit"] { background: -moz-linear-gradient(center top, #f3f3f3 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #EEEEEE )); background: -webkit-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #EEEEEE 100%); box-shadow: 0 1px 2px 0 #777777; -webkit-box-shadow: 0 1px 2px 0 #777777; -moz-box-shadow: 0 1px 2px 0 #777777; border-style: solid; border-width: 0px; border-radius: 6px; cursor: pointer !important; /***NOTE: Button text should be configurable in SS2***/ /***FONT***/ font-family:Open Sans,arial; font-size:14px; color:#333333; /***SIZE***/ /* Search Button Width can look bad if set too small*/ height: 22px; width: 30px; line-height: 1; margin: 0 0 20px; position: relative; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px white; /* padding: 6px 15px; */ background-color: #EEEEEE ; margin: 5px 10px 5px 0; } .content_snippet, .content_snippet_header, .content_snippet_body { width: auto; } /* I think this looks better for the layouts with dates. */ /* The dates will float underneath, but at least they will be more easily read. */ .content_snippet_body td { width:auto; word-wrap: break-word; display:inline; } .content_snippet_body td:last-child { float: right; } .content_snippet_body td:first-child { float: left; } #box_col_center_banner { margin-top: 2px; } .content_snippet { margin-top: 2px; } /* New Responsive styles for nav */ #nav_main { font-family: Open Sans,arial; font-size: 16px; } #nav_main a, #nav_main a:link, #nav_main a:hover,#nav_main a:visited, #nav_main a:active { font-family: Open Sans,arial; font-size: 16px; } #nav_main li ul li a, #nav_main li ul li a:link, #nav_main li ul li a:hover, #nav_main li ul li a:visited, #nav_main li ul li a:active { font-size: 14px; font-family: Open Sans,arial; } .taskSummaryFrame{ width: 100% !important; overflow: auto; } .taskSummaryFrame table td { padding-right: 1%; } @media only screen and (min-width : 1079px) { nav#nav_main { background-color: ; /* width: ; */ /* height: ; */ } #nav_main > a { display: none; } #nav_main { float:left; } #nav_main ul { list-style: none; *zoom: 1; position: relative; float: left; /*margin: 1% 0 0 0; */ margin-top: 7px; margin-bottom: 0px; margin-right: 0; /*LOCKED*/ /*Because we want 0 margin right of the UL*/ margin-left: 0; /*LOCKED*/ /*Because we want 0 margin left of the UL*/ padding:0; } #nav_main:after { clear: both; } #nav_main ul li a, #nav_main ul li a:link, #nav_main ul li a:visited { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; color: #333333; background-color: #CCCCCC; border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; *zoom: 1; float: left; text-decoration: none; } #nav_main ul li #active a, #nav_main ul li a:active { border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; color: #333333; background-color: #CCCCCC; text-decoration: none; } #nav_main ul li a:hover { color:#FFFFFF; background-color: #23257C; text-decoration: none; border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; } #nav_main > ul > li { float: left; z-index: 100; /* so leaf menu isn't hidden underneath */ height: 100%; } /* second level */ #nav_main li ul { display: none; position: absolute; top: 100%; margin:0; width:100%; } #nav_main li:hover ul { display: block; z-index: 100; } #nav_main > ul > li.active { color: #FFFFFF; background-color: #23257C; text-decoration: none; border-top: 0px; border-right: 1px; border-bottom: 0px; border-left: 0px; border-style: none; border-color: ; } #nav_main> ul > li:not( :last-child ) > a { border-right: 1px none ; } #nav_main> ul > li:not( :last-child ) > a:hover { border-right: 1px none ; } /* #nav_main li ul { position: absolute; left: -9999px; z-index: 100; } */ #nav_main li ul li { width:100%; } #nav_main ul li li a, #nav_main ul li li a:link, #nav_main ul li li a:visited, #nav_main ul li li a:active { display: block; background-color: #23257C; color: #FFFFFF; text-decoration: none; position: relative; z-index:100; width: 100%; /*min-width: 179.833333px; */ min-width: 180px; margin-bottom: 0px; border-top: 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-style: solid; border-color: #2A428E; } #nav_main ul li li li a, #nav_main ul li li li a:link, #nav_main ul li li li a:active { background-color: #23257C; color: #FFFFFF; text-decoration: none; z-index:200; border-top: 1px solid #2A428E; width: 100%; } #nav_main li ul li a:hover, #nav_main li ul:not( :hover ) li.active a { color: #FFFFFF; background-color: #23257C; text-decoration: none; border-top: 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-style: solid; border-color: #2A428E; } #nav_main > ul > li:hover { color:#FFFFFF; background-color: #23257C; text-decoration: none; } #nav_main > ul > li:hover > a, #nav_main > ul:not( :hover ) > li.active > a { color: #FFFFFF; background-color: #23257C; text-decoration: none; } #footer_extra { display: none; } /* multiline */ #nav_main > ul > li { position: relative; } #nav_main > ul:hover li { z-index: 10; } #nav_main > ul:hover li:hover { z-index: 100; } .ps_resp.lifesuite__module.lifesuite__dashboard--tile { width:100%; padding-left:0; padding-right:0; } } /*end Media query min-width : 1079px */ @media only screen and ( max-width: 1078px) /* 1000 */ { #nav_main { width: 60em; /* 1000 */ font-family: 'Open Sans', sans-serif; font-weight: 400; position: absolute; top: 25%; left: 50%; margin-left: -30em; /* 30 480 */ } #nav_main a { text-decoration: none; } #nav_main li { list-style : none; } #nav_main > a { display: none; } #nav_main li { position: relative; } #nav_main li a { color: #333333; text-decoration: none; background-color: #CCCCCC; display: block; } #nav_main li a:active { color: #333333; text-decoration: none; background-color: #CCCCCC; } #nav_main span:after { width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: pink; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */ } /* Bag the bread crumbs */ nav#breadcrumbs { display:none; } /* first level */ #nav_main > ul { /*height: 3.75em; */ color: #333333; /* background-color: #CCCCCC; */ } #nav_main > ul > li { width: 25%; height: 100%; float: left; background-color: #CCCCCC; } #nav_main > ul > li > a { height: 100%; font-size: 1.5em; /* 24 */ line-height: 2.5em; /* 60 (24) */ text-align: center; } #nav_main > ul > li:not( :last-child ) > a { border-right: 1px ; } #nav_main > ul > li:hover > a, #nav_main > ul:not( :hover ) > li.active > a { color: #FFFFFF; background-color: #23257C; text-decoration: none; } /* second level */ #nav_main li ul { color: #FFFFFF; display: none; position: absolute; top: 100%; } #nav_main li:hover ul { display: block; left: 0; right: 0; } #nav_main li:not( :first-child ):hover ul { left: -1px; } #nav_main li ul li { margin-bottom: 0px; } #nav_main li ul a { font-size: 1.25em; /* 20 */ border-bottom: 0px solid #2A428E; padding: 0.75em; /* 15 (20) */ color: #FFFFFF; background-color: #23257C; border-top: 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-style: solid; border-color: #2A428E; text-decoration: none; } #nav_main li ul li a:hover, #nav_main li ul:not( :hover ) li.active a { color: #FFFFFF; text-decoration: none; background-color: #23257C; border-top: 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-style: solid; border-color: #2A428E; } #nav_main li ul li:first-child { margin-top: 10px; } #nav_main { width: 100%; position: static; margin: 0; } #nav_main { position: relative; top: auto; left: auto; } #nav_main > a { width: 50px; /* 3.125em */ height: 50px; text-align: left; text-indent: -9999px; background-color: #23257C; position: relative; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; } #nav_main > a:before { border-top: 12px double #333333; border-bottom: 4px solid #333333; content: ''; position: absolute; top: 30%; left: 15%; right: 15%; width: 70%; height: 4px; } #nav_main > a:after { top: 60%; } #nav_main:not( :target ) > a:first-of-type, #nav_main:target > a:last-of-type { display: block; } /* first level */ #nav_main > ul { height: auto; display: none; position: absolute; left: 0; right: 0; margin: 0; } #nav_main:target > ul { display: block; z-index: 200; } #nav_main > ul > li { width: 100%; float: none; } #nav_main > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ } #nav_main > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid ; } /* second level */ #nav_main li ul { position: static; padding: 1.25em; /* 20 */ padding-top: 0; } #box_footer { height: 80px; } #body_container { padding-bottom: 80px; } #footer_extra { display: block; margin: 1% 0 0 0; height: 50%; } #box_header > #box_search { display:none; } #box_header > #logout_link { display:none; } #box_header #userLinks #logout_link { display:none; } #box_header #userLinks #userprofile_link { display:none; } footer #box_search { height: 100%; width: 40%; padding: 0px; float: left; margin: 0 0 0 2%; border: none; } footer #userLinks { float:right; width:55%; } footer #logout_link{ float: right; /* height: 40%; */ width: 40%; margin: 1% 0 0 0; padding: 0; } footer #userprofile_link { float: left; /* height: 40%; */ width: 58%; margin: 1% 0 0 0; padding: 0; } footer > box_search { display:inline; } footer > div { margin:0px; clear:both; height: 50%; } #body_container { width: 1024px; } #page_container { width: 100%; } #body_container p { width:100%; } #box_col_center_L_Col, #box_col_center_R_Col, #box_col_center_right_col,#box_col_left, #box_col_right { width: 96%; } #box_col_center_left_col, #box_col_center_two_col, #box_col_center_2_Col { width: 96%; } #box_col_center_no_col, #box_col_center_0_Col { width: 96%; } #box_col_center_R_Col, #box_col_right { float:left; } #sub_nav , #sub_nav_list a { width: 96%; margin: 1%; padding: 1%; } .content_snippet, .content_snippet_header, .content_snippet_body { width: 96%; margin: 1%; padding: 1%; } #box_footer { height: 80px; } #footer_extra { display: block; margin: 1% 0 0 0; } #box_header > #box_search { display:none; } #box_header #userLinks #logout_link { display:none; } #box_header #userLinks #userprofile_link { display:none; } footer #box_search { width: 40%; } footer #logout_link { float: right; /* height: 40%; */ width: 40%; margin: 1% 0 0 2%; padding: 0; } footer > box_search { display:inline; } footer > div { margin:0px; clear:both; } .content_snippet, .content_snippet_header, .content_snippet_body { margin: 0 0 1% 0; } #box_col_left + #box_col_center_two_col { width: 90%; } } /*end Media query max-width : 1078px */ /* Smartphones (really small sizes) ----------- */ @media only screen and (max-width : 465px) { footer #search_textbox { width: 100px; } } /*end Media query max-width : 465px */ /* Smartphones (really small sizes) ----------- */ @media only screen and (max-width : 440px) { footer #search_textbox { width: 80px; } #box_col_left + #box_col_center_two_col { width: 90%; } } /*end Media query max-width : 440px */ /******************** SKIN DEFINED CSS OVERRIDES RESP FROM ADVANCED SKIN SETTINGS ********************/ @media screen and (max-width: 1080px) { #nav_main > a { background-color: transparent !important; top: 25px; } #nav_main > ul > li > a { padding-top: 7px !important; padding-bottom: 7px !important; padding-left: 7px !important; padding-right: 7px !important; background-color: #450275 !important; border-color: #784E95 !important; } #nav_main > ul > li.active { background-image: none; } #nav_main > ul > li > a::after { content: none; } #nav_main_list { background-color: #450275 !important; top: 69px; } } body { font-family: "Open Sans", Arial, "Helvetica", "Helvetica Neue", sans-serif; } h2{ font-weight: bold; line-height: 18px; /* font-family: "Open Sans", Arial, "Helvetica", "Helvetica Neue", sans-serif; */ /* color: #333333;*/ /* font-size: 18px; */ } p{ line-height: 20px; margin-bottom: 10px; padding:0 !important; /*font-size: 14px;*/ /* font-family: "Open Sans", Arial, "Helvetica", "Helvetica Neue", sans-serif; */ } #body_container{ overflow: auto; } #box_header{ width: 1024px; /*margin: 2px auto; */ margin: 2px auto; } #box_footer{ position:inherit; } nav#nav_main{ max-width: 1024px; margin: 0 auto; float: none; } #nav_main > a:before { border-top: 12px double #CCCCCC; border-bottom: 4px solid #CCCCCC; } #nav_main > a:hover:before { border-top: 12px double #FFFFFF; border-bottom: 4px solid #FFFFFF; } #box_search{ /* margin:0; */ } #search_textbox{ box-shadow: 1px 1px 2px #cbcbcb; -webkit-box-shadow: 1px 1px 2px #cbcbcb; -moz-box-shadow: 1px 1px 2px #cbcbcb; border: 1px solid transparent; background-color: ; font-family: inherit; border-radius: 3px; color: #333333; display: inline-block; font-size:14px; /* margin: 15px 10px 10px 0 !important;*/ margin-right: 6px; padding: 8px; min-width: 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; } #body_container{ /*box-shadow: 1px 1px 2px #cbcbcb; -webkit-box-shadow: 1px 1px 2px #cbcbcb; -moz-box-shadow: 1px 1px 2px #cbcbcb; border-radius: 3px;*/ /* width: 1024px; */ /* margin: 0px auto 20px auto; */ float: none; } #nav_main > ul > li:hover > a, #nav_main > ul:not( :hover ) > li.active > a{ /*border-radius:3px;*/ } #nav_main > ul > li.active, #nav_main > ul > li:hover{ } nav#breadcrumbs{ border-radius: 3px; /* font-size: 12px; */ box-shadow: 1px 1px 2px #cbcbcb; -webkit-box-shadow: 1px 1px 2px #cbcbcb; -moz-box-shadow: 1px 1px 2px #cbcbcb; max-width: 1024px; /*margin: 10px auto; */ } #box_footer { border-right-style: none; border-left-style: none; } @media only screen and ( max-width: 1078px) { #body_container{ width: 98%; margin-left:2px; margin-right:0px; } #box_header { width:99%; } } @media only screen and ( max-width: 1078px) { #nav_main > ul{ padding:0; } #nav_main li ul li:first-child{ margin-top:0; } #nav_main li ul{ padding:0; margin:0; } #nav_main > ul > li{ background-color:#23257C; } #nav_main a, #nav_main a:link, #nav_main a:hover, #nav_main a:visited, #nav_main a:active{ font-size:14px; } #nav_main li ul a{ border:0 solid transparent !important; padding:5px 10px; } } .content_snippet_body{ border-top-width:1px; /*background-color:transparent; set on Column Boxes tab */ /*color:#333; set on Column Boxes tab */ } .content_snippet_header{ padding-bottom:5px; } .content_snippet_body{ font-size:12px; padding:0; } #box_col_center_left_col{ padding-top:15px; } #box_col_center_title h2{ font-weight:normal; } #box_footer{ border-top: 1px solid #CCC; border-right: 0; border-bottom: 0; border-left: 0 } table.documentListingTable{ font-size: 14px; color: #333; border: 0px Solid #ffffff; border-collapse: collapse; } #document_category{ border-radius: 3px 3px 0 0; margin-bottom: 5px; } #document_listing{ font-size: 14px; } #document_listing a:link { color:#3d8789; } #document_listing a:hover, #document_listing a:active{ text-decoration:underline; } .RCHeaderLogout { text-decoration: none; color: inherit; } button.quick-search { -webkit-writing-mode: horizontal-tb !important; -webkit-appearance: button; cursor: pointer; color: inherit; overflow: visible; outline: none; border: none; background: transparent; font-size: 14px; padding: 0; margin: 0; left: -41px; position: relative; } ul.lifesuite__control-menu { margin-top: 0px!important; margin-right: 10px!important; } .lifesuite__header { border-bottom-width:0px !important; } .lifesuite__user-profile .lifesuite__user-profile--image { margin-top: 12px !important; } .lifesuite__header .header .lifesuite__logo { padding-top: 0px!important; } .lifesuite__header .lifesuite__user-profile .lifesuite__user--settings { z-index: 1000 !important; width: 180px; margin:-3px 0 0 -141px !important; } #ps-body .lifesuite__header .lifesuite__user-profile .lifesuite__user--settings{ right:auto !important; } .lifesuite__header .header .lifesuite__logo > img { width: 120px !important; /* height: !important; */ } @media only screen and ( max-width: 1078px) { ul.lifesuite__control-menu { display:none !important; } .lifesuite__header .lifesuite__user-profile { margin-right:7%!important; } } @media only screen and (max-width : 592px) { footer #box_search { width: 80%; } .lifesuite__header .lifesuite__user-profile { margin-right:9%!important; } } #toolbar_options { width: 40px; overflow: hidden; } #leafToolbar{ background:none; border:0 solid #999; padding:0; font-family: "Open Sans", Arial, "Helvetica", "Helvetica Neue", sans-serif; } #leafToolbar .first-child button{ background-color: #CCC; box-shadow: 1px 1px 2px transparent; -webkit-box-shadow: 1px 1px 2px transparent; -moz-box-shadow: 1px 1px 2px transparent; background: url(/lifesuite/libs/v5/images/utility-icon.png) left no-repeat; white-space: nowrap; color: transparent; width: 40px; overflow: hidden; padding: 0; width: 30px; height: 30px; border-radius: 3px; cursor: pointer !important; line-height: 1; position: relative; text-decoration: none; text-shadow: none; margin: 0px 0px 10px 0; display: block; float: left; border: 1px solid transparent !important; font-size: 14px; } #document_category { margin-bottom:0; } #body_container .lifesuite__module{ box-shadow:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .lifesuite__progress{ margin:10px 0 !important; } /* Document Library Page and Task List Styling */ table.documentListingTable, table.TaskListTable { border: 1px solid #CCCCCC; border-collapse: collapse; border-spacing: 0; background-color: #FFF; width: 100%; margin: 0 0 20px 0; border-radius: 3px; font-size: 14px; line-height: 1.2; box-shadow: 1px 1px 2px #cbcbcb; -webkit-box-shadow: 1px 1px 2px #cbcbcb; -moz-box-shadow: 1px 1px 2px #cbcbcb; } table.documentListingTable a, table.TaskListTable a { font-weight: normal; color: #3D8789; text-decoration: none; } table.documentListingTable a:hover, table.TaskListTable a:hover { text-decoration: underline; } table.documentListingTable tr:nth-child(odd), table.TaskListTable tr:nth-child(odd) { background-color: #eeeeee; } table.documentListingTable th, table.TaskListTable th { background-color: #CCCCCC; padding: 8px; text-align: left; border-right: 1px solid #a5a5a5; } table.documentListingTable th a, table.TaskListTable th a { text-decoration: none; font-weight: bold; color: #333333; } table.documentListingTable th a:hover, table.TaskListTable th a:hover { text-decoration: underline; } table.documentListingTable td, table.TaskListTable td { padding: 6px; border-right: 1px solid #CCCCCC; } table.documentListingTable td.highlight, table.TaskListTable td.highlight { color: #3D8789; } /* End of Document Library Page and Task List Styling */ .TaskListDiv{ font-size: 18px; padding: 15px 0; } a.createCategoryLink, a.uploadDocumentPageLink, a.deleteCategoryLink, a.editCategoryLink { color: #3D8789!important; text-decoration: none !important; font-weight: bold!important; } a.createCategoryLink:hover, a.uploadDocumentPageLink:hover, a.deleteCategoryLink:hover, a.editCategoryLink:hover { color: #3D8789 !important; text-decoration: underline !important; font-weight: bold!important; } .lifesuite__header .header .lifesuite__logo > img { max-width: 220px !important; max-height: 45px !important; margin: 13px 0 0 0 !important; width: auto !important; } /* avoid clash with default.css */ .lifesuite_header .lifesuiteuser-profile .lifesuiteuser--settings > li a, .lifesuite__header .lifesuite__user-profile .lifesuite__user--settings > li a:visited, .lifesuite__header .lifesuite__user-profile .lifesuite__user--settings > li a:link, .lifesuite__header .lifesuite__user-profile .lifesuite__user--settings > li a:active { font-size: 12px!important; } .lifesuite_header .lifesuiteuser-profile .lifesuite_user--settings > li a.RCHeaderLogout, .lifesuite_header .lifesuiteuser-profile .lifesuite_user--settings > li a.RCHeaderLogout:visited, .lifesuite_header .lifesuiteuser-profile .lifesuite_user--settings > li a.RCHeaderLogout:active, .lifesuite_header .lifesuiteuser-profile .lifesuite_user--settings > li a.RCHeaderLogout:link { font-size: 12px!important; } /******************** USER DEFINED CSS OVERRIDES ********************/