/* Additional CSS Document: FTP Transfer Utility specific */ /*********** Page Changes ***********/ h2 { padding-left: 0px; } body { background-color: #eff3fa; background-image: none; min-width: 320px; } #banner { width:1220px; background-image: url(../images/page/dllrbackground.jpg); /*** JPG background should match Page Color ***/ background-repeat: no-repeat; background-position: top center; background-size: 100%; } #mdlogo { /*height:110px;*/ height:107px; } #container { width: 1220px; background-color: #ffffff; /*background-color: white;*/ } #page { width: 1220px; } /*********** Content Layout ***********/ #content { width: 1050px; /*background-color: #ffffe3;*/ background-color: #ffffff; padding: 0px 0px 0px 0px; } #ColumnRight { width: 250px; } #ColumnMain { width: 790px; border-left: 1px solid #ccc; } /*** ---------------------------- ***/ /*********** Header Area ***********/ #header { float: left; padding: 15px 0px 0px 0px; /*height: 92px;*/ height: 85px; } #header p { padding-bottom: 0px; } #mdlogo a{ display: block; height: 100px; text-align: center; width: 100%; } /*** ---------------------------- ***/ /*********** Tab Area ***********/ #navTab { float:left; margin: 0px 0px 0px 0px; display:inline; position: relative; width:1052px; line-height:1.5; /*background:#ffffe3;*/ background: #2b639e; } #navTab a { background: url(../images/page/tabLeftBlue.gif) no-repeat left top; } #navTab a span { background:url(../images/page/tabRightBlue.gif) no-repeat right top; /*color:#000000;*/ color:#ffffff; } #navTab a:hover span { /*color: #000080;*/ color: #333333; } #navTab li { display:inline; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:95%; text-transform: none; } /*** ---------------------------- ***/ /*********** Header/Footer breadcrumb changes ***********/ #topBreadCrumbs { /*color: White;*/ color: #0088cc; font-family: Arial; font-size: 12px; text-decoration: none; padding: 5px 10px 0px 0px; } #topBreadCrumbs a { /*color: White;*/ color: #0088cc; font-family: Arial; font-size: 12px; text-decoration: none; padding: 5px 5px 0px 0px; } #topBreadCrumbs a:hover { color: #005580; text-decoration: underline; } #bottomBreadCrumbs { /*color: White;*/ color: #0088cc; font-family: Arial; font-size: 12px; text-decoration: none; padding: 0px 0px 5px 5px; } #bottomBreadCrumbs a { /*color: White;*/ color: #0088cc; font-family: Arial; font-size: 12px; text-decoration: none; padding: 0px 0px 5px 10px; } #bottomBreadCrumbs a:hover { color: #005580; text-decoration: underline; } #footer { color: #0088cc; margin-right: 10px; /*padding-bottom: 20px;*/ } #footer a { /*color: White;*/ color: #0088cc; font-family:Arial; font-size: 12px; text-decoration:none; } #footer a:hover { color: #005580; text-decoration: underline; } .FooterLinks { /*color: White;*/ color: #0088cc; font-family: Arial; font-size: 12px; text-decoration: none; } .FooterLinks a:hover { color: #005580; text-decoration: underline; } /*** Customize, and name class for active state ***/ body.subject0 #t-subject0 a { background-position: 0% -48px; } body.subject0 #t-subject0 a span { background-position: 100% -48px; /*color: #ffffff;*/ color: #333333; } body.subject1 #t-subject1 a { background-position: 0% -48px; } body.subject1 #t-subject1 a span { background-position: 100% -48px; /*color: #ffffff;*/ color: #333333; } body.subject2 #t-subject2 a { background-position: 0% -48px; } body.subject2 #t-subject2 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject3 #t-subject3 a { background-position: 0% -48px; } body.subject3 #t-subject3 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject4 #t-subject4 a { background-position: 0% -48px; } body.subject4 #t-subject4 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject5 #t-subject5 a { background-position: 0% -48px; } body.subject5 #t-subject5 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject6 #t-subject6 a { background-position: 0% -48px; } body.subject6 #t-subject6 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject7 #t-subject7 a { background-position: 0% -48px; } body.subject7 #t-subject7 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject8 #t-subject8 a { background-position: 0% -48px; } body.subject8 #t-subject8 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject9 #t-subject9 a { background-position: 0% -48px; } body.subject9 #t-subject9 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject10 #t-subject10 a { background-position: 0% -48px; } body.subject10 #t-subject10 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } body.subject11 #t-subject11 a { background-position: 0% -48px; } body.subject11 #t-subject11 a span { background-position: 100% -48px; /*background-color: #FFFFFF;*/ /*color: #000000;*/ color: #333333; } /*** ---------------------------- ***/ /****** Left side bar ******/ .sideLinks { text-align: center; } .LeftSidebarHeading { /*color: #FFFFE7;*/ color: #333333; font-family: Arial; font-size:13px; font-weight: bold; } .LeftSidebarLinks { /*color: White;*/ color: #005580; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; } .sideLinks a { color: #0088cc; } .sideLinks a:visited { color: #0088cc; } .sideLinks a:hover { color: #005580; } .sideLinks { text-align: left; /*padding-left:20px;*/ padding-left:0px; width: 148px; margin:0px; display: block; /*color: #CCCCCC;*/ color: #0088cc; } .sideLinks h2 { text-transform: uppercase; margin: 5px 0px 10px 0px; padding: 5px 0px 0px 0px; font-size: 110%; color: #FFFF99; border-bottom: none; } .sideLinks ul { list-style-type: none; padding: 0px; /*margin: -5px 0px 17px 0px;*/ margin: -5px 0px 17px 0px; } .sideLinks li { margin: 0px; padding: 2px 0px 3px 2px; } /*** ---------------------------- ***/ /*** Default fonts ***/ .DefaultText { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; } .DefaultTextBreakWord { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; word-break: break-all; } .DefaultText8pt { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 8pt; padding: 0px 5px 0px 5px; } .DefaultTextBold { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; font-weight:bold; } .DefaultTextMediumBold { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 13px; font-weight:bold; } .DefaultTextMedium { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 13px; } .DefaultTextGray { color: #C8BEBE; font-family: Arial; font-size: 12px; } .DefaultTextRight { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; text-align: right; } .ErrorMessage { color: maroon; background-color: #FFFFC0; font-family: Arial; font-size:13px; font-weight:bold; } .InstructionalText { color: maroon; font-family: Arial; font-size: 12px; } .InstructionalTextBold { color: maroon; font-family: Arial; font-size: 12px; font-weight:bold; } .Title { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; font-weight:bold; /*padding-bottom: 10px;*/ } .DefaultTextXSmall { /*color: Black;*/ color: #333333; font-family: Arial; font-size: x-small; padding: 0px 5px 0px 5px; } .MasterHeaderAgency /*** Font-Names="Times New Roman" Font-Size="20px" ForeColor="White" ***/ { /*color: White;*/ color: #333333; /*font-family: Times New Roman;*/ font-family: Arial; font-size: 16px; } .MasterHeaderApp /*** Font-Names="Times New Roman" Font-Size="20px" ForeColor="Yellow" ***/ { /*color: White;*/ color: #333333; /*font-family: Times New Roman;*/ font-family: Arial; font-size: 24px; font-weight:bold; } /*** ---------------------------- ***/ /******** CSS for hyperlinks and link buttons ********/ a { /*color: Blue;*/ color: #0088cc; font-size: 12px; text-decoration: none; } a:hover { text-decoration: underline; color: #005580; } a:visited{ color: #0088cc; } a:visited:hover { color: #005580; } .DefaultLinksNoUnderlining { color:Blue; font-family:Arial; font-size: 12px; text-decoration:none; } .DefaultLinksNoUnderlining:hover { text-decoration: underline; color: Blue; } .DefaultLinksUnderlining { color:Blue; font-family:Arial; font-size: 12px; text-decoration: underline; } .DefaultLinksUnderlining:hover { text-decoration: underline; } .DefaultLinksNoUnderliningGray { color:#C8BEBE; font-family:Arial; font-size: 12px; text-decoration:none; } .DefaultLinksNoUnderliningGray:hover { text-decoration: underline; } .DefaultLinksNoUnderliningGrayNoHover { color:#C8BEBE; font-family:Arial; font-size: 12px; text-decoration:none; } .DefaultLinksNoUnderliningGrayNoHover:hover { text-decoration: none; color:#C8BEBE; } .DefaultButton { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; height: 25px; } /**** Spacing between buttons ****/ .ButtonContentPlaceHolder td { width: 15px; } /*** ---------------------------- ***/ /********* Standard GridView CSS ********/ .GridView { border: none; border-right: solid 2px #D3D3D3; } .GridViewWithLeftRightBorder { border: none; border-right: solid 2px #D3D3D3; border-left: solid 2px #D3D3D3; } .GridViewNoRightBorder { border: none; border-right:none; } .GridView th { /*color: Black;*/ color: #333333; /*background-color: #9BBB59;*/ /*background-color: #E6EED5;*/ /*background-color: #FFCC66; border: solid 1px #FFCC66;*/ background-color: #2b639e; /*border: solid 1px #2b639e;*/ border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-top: solid 2px #D3D3D3; font-family: Arial; font-size: 13px; font-weight: normal; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyle { font-family: Arial; font-size: 12px; /*color: Black;*/ color: #333333; border-bottom: solid 2px #D3D3D3; border-top:none; border-left:none; border-right:none; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyleWordBreak { font-family: Arial; font-size: 12px; /*color: Black;*/ color: #333333; border-bottom: solid 2px #D3D3D3; border-top: none; border-left: none; border-right: none; word-break: break-all; vertical-align: top; padding-top: 4px; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyleXSmall { font-family: Arial; font-size: x-small; /*color: Black;*/ color: #333333; border: solid 1px #FFF4D1; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyleLightGray { font-family: Arial; font-size: 12px; /*color: Black;*/ color: #C8BEBE; border: solid 1px #D3D3D3; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyleXSmallLightGray { font-family: Arial; font-size: x-small; color: #C8BEBE; border: solid 1px #D3D3D3; /*padding: 5px 5px 5px 5px;*/ } .GridView .ItemStyleCenter { font-family: Arial; font-size: 12px; border: solid 1px #FFF4D1; /*padding: 5px 15px 5px 15px;*/ text-align: center; } .GridView .ItemStyleCenterLightGray { font-family: Arial; font-size: 12px; border: solid 1px #D3D3D3; /*padding: 5px 15px 5px 15px;*/ text-align: center; } .GridView .ItemStyleCenterXSmall { font-family: Arial; font-size: x-small; border: solid 1px #FFF4D1; /*padding: 5px 15px 5px 15px;*/ text-align: center; } .GridView .ItemStyleCenterXSmallLightGray { font-family: Arial; font-size: x-small; border: solid 1px #d3d3d3; /*padding: 5px 15px 5px 15px;*/ text-align: center; } /**** Transparent did not work for IE8 had do use background color ****/ .GridView .TransparentColumn { /*border: 1px solid #FFFFE7;*/ border: none; /*background-color: #FFFFE7;*/ background-color: #ffffff; padding: 5px 5px 5px 5px; border-right: solid 2px #D3D3D3; vertical-align:top; } .GridView .RightTransparentColumn { /*border: 1px solid #FFFFE7;*/ border: none; /*background-color: #FFFFE7;*/ background-color: #ffffff; padding: 5px 5px 5px 5px; border-left: solid 2px #D3D3D3; } .GridView .AlternatingRow { /*background-color: #ffffff;*/ background-color: #d3d3d3; } .GridView .RowStyle { background-color: #ffffff; } /**** For Boundfield on Career Development page ****/ .GridView .HeaderStyle { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; border: solid 1px #E6EED5; /*padding: 5px 5px 5px 5px;*/ text-align: Left; vertical-align: bottom; } .GridView .HeaderStyleCenter { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 13px; border: solid 1px #E6EED5; /*padding: 5px 5px 5px 5px;*/ text-align: center; vertical-align: bottom; } .GridView .HeaderStyleLightGray { /*color: Black;*/ color: #C8BEBE; font-family: Arial; font-size: 13px; border: solid 1px #D3D3D3; /** light gray **/ /*padding: 5px 5px 5px 5px;*/ text-align: left; vertical-align: bottom; } .GridView .HeaderStyleCenterLightGray { /*color: Black;*/ color: #C8BEBE; font-family: Arial; font-size: 13px; border: solid 1px #D3D3D3; /** light gray **/ /*padding: 5px 5px 5px 5px;*/ text-align: center; vertical-align: bottom; } .GridView .HeaderStyleSmall { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; border: solid 1px #FFF4D1; /*padding: 5px 5px 5px 5px;*/ text-align: Left; vertical-align: middle; } .GridView .HeaderStyleSmallLightGray { /*color: Black;*/ color: #C8BEBE; font-family: Arial; font-size: 12px; border: solid 1px #D3D3D3; /** light gray **/ /*padding: 5px 5px 5px 5px;*/ text-align: left; vertical-align: bottom; } .GridView .HeaderStyleSmallCenter { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; border: solid 1px #E6EED5; /*padding: 5px 5px 5px 5px;*/ text-align: center; vertical-align: bottom; } .GridView .HeaderStyleSmallCenterLightGray { color: Black; font-family: Arial; font-size: 12px; border: solid 1px #D3D3D3; /** light gray **/ /*padding: 5px 5px 5px 5px;*/ text-align: center; vertical-align: bottom; } .GridView .FooterStyle { /*color: Black;*/ color: #333333; /*background-color: #9BBB59;*/ /*background-color: #E6EED5;*/ /*background-color: #FFCC66; border: solid 1px #FFCC66;*/ background-color: #2b639e; border: solid 1px #2b639e; border-bottom: solid 2px #D3D3D3; font-family: Arial; font-size:13px; font-weight: normal; } .Gridview .BodySubHeading { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 13px; } .Gridview .BodySubHeadingSmall { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; } .GridviewHeaderLink { color: #ffffff; } .GridviewHeaderLink:hover { color: #ffffff; text-decoration: underline; } .GridviewDefaultTextBreakWord { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 12px; word-break:keep-all; } /*** ---------------------------- ***/ /********* Flex Table Concept ********/ .FlexTableHeaderLeft { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; font-weight: normal; background-color: #FFDF79; border: solid 1px #FFF4D1; padding:5px 5px 5px 5px; text-align: left; } .FlexTableHeaderCenter { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; font-weight: normal; background-color: #FFDF79; border: solid 1px #FFF4D1; padding:5px 5px 5px 5px; text-align: center; } .FlexTableRowOdd { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; font-weight: normal; background-color: #FFF9E7; border: solid 1px #FFF4D1; padding:5px 5px 5px 5px; text-align: left; } .FlexTableRowEven { /*color: Black;*/ color: #333333; font-family: Arial; font-size:13px; font-weight: normal; background-color: #FFF4D1; border: solid 1px #FFF4D1; padding:5px 5px 5px 5px; text-align: left; } /*** ---------------------------- ***/ /********* DevExpress ASPxGridView CSS ********/ .dxgvTable { /*color: Black;*/ color: #333333; /*background-color: #FFFFE3;*/ background-color: #ffffff; border: none; font-family: Arial; font-size: 8pt; font-weight: normal; } .dxgvTable Caption { background-color: #FFF4D1; } .dxgvTable .xAlternatingRow { background-color: #FFF4D1; } .CellStyle { text-align: left; padding: 5px 5px 5px 5px; border: 1px solid #D3D3D3; } .CellStyleCenter { text-align: center; padding: 5px 5px 5px 5px; border: 1px solid #D3D3D3; } .xHeaderStyle { background-color: #FFF4D1; text-align: left; border: 1px solid #D3D3D3; } .xHeaderStyleCenter { background-color: #FFF4D1; text-align: center; border: 1px solid #D3D3D3; } .xDefaultText { color: Black; font-family: Arial; font-size: 7.5pt; text-align: left; } .xHeaderDefaultText { /*color: Black;*/ color: #333333; font-family: Arial; font-size: 7.5pt; text-align: left; background-color: #FFF4D1; } .xDefaultTextCentered { /*color: Black;*/ color: #333333; font-family: Arial; font-size:7.5pt; text-align: center; background-color: transparent; } .xHeaderDefaultTextCentered { /*color: Black;*/ color: #333333; font-family: Arial; font-size:7.5pt; text-align: center; background-color: #FFF4D1; } /*** ---------------------------- ***/ table.OptionList input { display: block; float: left; margin-top: 0; margin-bottom: 2px; } table.OptionList label { padding-right: 5px; display: block; float: left; color: Black; font-family: Arial; font-size: 12px; } .CheckBox input { display: block; float: left; } .CheckBox label { padding-right: 5px; padding-top: 3px; display: block; float: left; color: Black; font-family: Arial; font-size: 12px; }