@charset "utf-8"; /* CSS Document */ /*******************************General Text Classes ****************************/ .grid_red{color: white; font-size: 10pt; font-family: Verdana, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ff1300; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_blue{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #74acdc; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_green{color: #fff; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #bdd7c0; padding-top: 3px; padding-bottom: 3px } .grid_brown{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #ac9f83; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_grey{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #8a9295; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_grey2{color: #ff1300; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #ededed; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .red_times{color: #ff1300; font-size: 16pt; font-family: Times New Roman; font-decoration: none } /* .bodytext{color: #666666; font-size: 10pt; font-family: verdana, helvetica } */ .Nexient_red-higlight_text{color: #ff1300; font-size: 18px; font-family: verdana, helvetica } body{color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 8px } p{color: #666666; font-size: 10pt; font-family: verdana, helvetica; text-align:left; margin-top: 4px; } H1{color: #FF1300; font-size: 14pt; font-family: verdana, helvetica; font-weight: normal; text-align:left; margin-top:inherit} H2{ /* color: #666666; **** Removed this colour to fix the H2 link rollovers*** */ font-family: verdana, helvetica; font-weight: normal; text-align:left} H3{color: #FF1300; font-family: verdana, helvetica; font-weight: bold; font-variant:small-caps; text-align:left; font-size:12pt} H4{color: #666666; font-family: verdana, helvetica; font-weight: normal; text-align:left; font-size:12pt} /**H5 Not used at the moment** H5{color: #666666; font-family: verdana, helvetica; font-weight: normal; text-align:left} */ ul,ol {color: #666666; text-align:left} li {font-size: 10pt; font-family: verdana, helvetica;} /************************ Specialty Text Classes **********************/ .Footer{ /*max-height: 25px;*/ height: 16px; vertical-align: bottom; background-color: #FFFFFF; font-family:Verdana; font-size:10px; padding: 0px; border-spacing: 0; border:1px; border-color: #dddddd; cell-spacing: 0px; } .BreadCrumb{ width: 760px; background-color: white; BORDER-BOTTOM: 1px #DDDDDD solid; } .BreadCrumbAnchor{ color: #666666; font-size: 10px; font-weight: normal; text-decoration: none; align: right; font-family:Verdana; margin-left: 10px; } .FooterText{ color: #666666; font-size: 10px; font-weight: normal; text-decoration: none; } .red-text{color: #FF1300;} .red-caps{ color: #FF1300; font-family: verdana, helvetica; font-weight: normal; font-variant:small-caps; text-align:left; font-size:12pt; margin-top: 0; margin-bottom:0 } /******************************** Link Classes **************************/ a, a:visited{ font-family: verdana, helvetica; font-weight: normal; color: #666666; font: normal; font-style: normal; } a:hover{ color: #ff1300; text-decoration: underline; } .titlelink{ font-family: Verdana; font-size:10pt; color:#666666; text-decoration: underline; font-weight:bold; } a.titlelink:hover{ font-family: Verdana; font-size:10pt; color:#FF1300; text-decoration:underline; font-weight:bold; } /*a.titlelink:visited{ font-family: Verdana; font-size:10pt; color:#666666; text-decoration: underline; font-weight:bold; }*/ /* These link classes are for the 'back to top' of page link */ a.backTop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF1300; background: ; padding: 1px 4px 1px 4px; } a.backTop:link { text-decoration: none; } a.backTop:visited { text-decoration: none; } a.backTop:hover { text-decoration: none; color: #FFffff; background: #ff1300 } a.backTop:active { text-decoration: none; } /********************************* IMAGE FLOATING CLASSES ***********************/ .image-container{ width:100%; /* border:10px solid #FF1300; background:#ffffc;*/ } .image-left-container img{ float:left; margin-right:16px; margin-top: 0px; } .image-right-container img{ float:right; margin-left:16px; margin-top: 0px; } .stacked-float-div{ /* Use this class to Stack images within the image float classes above */ width: 150px; float: left; margin-top: 0px; margin-bottom: 8px; line-height: 14pt; } /********************* Indented Text, No bullets or list required *****************/ .intentedtext_A{ margin-left: 30px;} .intentedtext_B{ margin-left: 60px;} .indented_list{ /* This is a fix for Explorer 6 causing lists to wander when outside of float divs */ } /*********************************** Text Padding Classes *****************************/ .landingPage{ background-position: left top; padding-left: 200px } .coe{ padding-left: 115px } .stdpad{padding:5px; } .courseText{ padding-left: 105px; } /**************------ Top Nav Menu Controls -------******************/ .tblTopNavLinks{ /****Table containing the topnav text menu. You can position the table using CSS****/ position: absolute; top: 55px; left: 717px; padding-left: 8px; } .topnavLink{ /* Anchor tag for each link */ font-family: Verdana; size: 10px; font-size: 10px; color: #666666; text-decoration: none; } .topNavSpacer{ /* TD Cell conating a single   for spacing. You can adjust the width in CSS for proper spacing between menu items */ word-spacing: 2px; } .divSignIn { /* Positions the Sign in & Out Buttons */ position: absolute; width: 280px; top: 15px; left: 647px; z-index: 1; font-size: 10px; color: #666666; } .ddMyCdi { /* The "My Learning" drop-down List */ background: transparent; font-family: Verdana; size: 10px; font-size: 10px; color: #666666; text-decoration: none; } .lblPublicContactUs{ /* Contact Us text and Phone number in header*/ background: transparent; font-family: Verdana; font-size: 10px; color: #666666; text-decoration: none; position: absolute; left: 215px; top: 18px; } .PersonalizedName{ /* this class controls the My Learning text */ color: 666666; font-family: Verdana; size: 10pt; } #Table1{/*I don't know what this class does*/ top: 0; height: 100px; } .logo { top: 0; } .tblMyLearning{ /* positioning and style class for My Learning top nav menu that appears after logging in*/ /* border: 1px #cdcdcd solid; */ position: absolute; top: 13px; left: 742px; } .divCourseSearch{ /*Course Search Div*/ position: absolute; top: 15px; left: 764px; } .SearchField{/* Formats the text in the Search field */width: 125px; font-family: Verdana; font-size: 10px; color: #666666 } SearchImageButton { left:0px; top: 100px; } .TopHeader{ WIDTH: 960px; HEIGHT: 100px; background-repeat: no-repeat; } .TopHeader td{ border: 0px solid red; padding:0px; border-collapse:collapse; } .SubHeader{ width:960px; height: 0; border-spacing: 0; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; vertical-align: bottom; border:0px red solid; background-color: white; border-collapse: collapse; align: right; } .SubHeaderCell{ visibility: hidden; } .SubHeaderCell2{ visibility: hidden; } /**************************** Main Page Area Controls *************/ table.MasterTable{ WIDTH: 960px; height: 100%; background-color: #FFFFFF; border-spacing: 0; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 8px; /*was 0px */ border: 1px #DDDDDD solid; vertical-align: top; border-collapse: collapse; text-align: center; } td.RightPane{ width:760px; /* height:100%; background-color: red; */ vertical-align: top; Border-left: 1px #DDDDDD solid; Border-bottom: 1px #DDDDDD solid; padding: 0px; border-spacing: 0; border-collapse: collapse; } .RightPane td{ vertical-align: top; padding: 0px; } table.vlpfullwidth{width:100%; horizontal-align:center; } /* Problem causer? Was 90% */ .WhiteLeftBox{ width:200px; background-color: white; padding:0px; cell-spacing: 0px; border-spacing: 0; border-right:0px red solid; border-collapse: collapse; } .LOB_Header{ BACKGROUND-REPEAT: no-repeat; width: 760px; border: solid 1px #dddddd; } td {font-size: 10pt; } /*********** Course outline header Controls **********/ #outline_console { border: 0px solid red; background-repeat: no-repeat; background-image: url(/LmsWeb/PublicResourceManager/MCMSResourceProvider.aspx?Path=/Resources/LearningPortals/NexientLearning/en-CA/Config/Outline/Outline-Header-540px.jpg); height: 130px; width: 540px; } .outline_console_text { margin-top: 24px; margin-left: 300px; size: 11px; text-align: left; } .outlineIconImage { border: 0px; border-collapse: collapse; } /******************************* Left Nav and Left Search Controls ************************/ /*.leftNavigationCell{ Left Menu TD CSS Class controls size and color of separators size: 4px; color: 9DBEDB; background-color: 9DBEDB; } .leftNavigationSpacer{ /* This is the gap between the JS Menus size: 10px; } .leftNavigationSpacer{ Left Menu Bottom CSS Class controls size and color of separators size: 4px; color: CFE3D2; background-color: CFE3D2; }*/ .LeftNavigation{ padding: 0px; border-spacing: 0; border-right:0px; cell-spacing: 0px; border-collapse: collapse; width:200px; background-color: #dddddd; font-family: Verdana; font-size: 11px; font-weight: bold; } .LeftNavigationMenuFlags{ /*this class controls part of the background of the left nav */ width:200px; background-color: #FFFFFF; font-family: Verdana; font-size: 10px; vertical-align: bottom; padding: 0px; border-spacing: 0; border:0px; cell-spacing: 0px; border-collapse: collapse; } .LeftNavigationMenu{ padding: 0px; border-spacing: 0; border-right:0px green solid; Border-bottom: 1px #DDDDDD solid; cell-spacing: 0px; width:200px; vertical-align: top; font-family:Verdana; font-size:11px; color: white; border-collapse: collapse; } .LeftNavFooter{ width:200px; background-color: #FFFFFF; vertical-align: bottom; color: #666666; padding: 0px; border-spacing: 0; cell-spacing: 0px; border:0px; border-collapse: collapse; text-align: center; } .LeftNavFooterOption1, .LeftNavFooterAnchor{ /*** These classes controls the Privacy Policy & Terms and Conditions text ***/ font-size: 9px; font-weight: normal; text-decoration: none; } .LeftNavSingleRow{ /*this class may control the background of the left nav */ width:200px; background-color: #666666; padding: 0px; border-spacing: 0; cell-spacing: 0px; border-collapse: collapse; border-right: #dddddd 0px solid; } /**************************************Change Password Page and Tables************************/ table.changepassword{font-size:10pt;font-family:Verdana;} table.changePasswordBody{font-size:10pt;font-family:Verdana;} td.changePasswordBody_col1{} /********************************** Terms and Conditions ************************/ .LeftNavFooterOption1 {} table.footerTable{ background-color: white; width: 200px; } /********************** Static Course Listing Table Classes *************************/ .clear { clear: both; } table.datatable { border-collapse: collapse; border: 1px solid #666; padding: 1em 1em; cell-spacing: 1em; } caption { font-size: 1.2em; font-weight: bold; margin: 1em 0; } col { /*border-right: 1px solid #FFF;*/ } col#albumCol { border: none; } th {text-align: left; } /*thead { background: #ccc left center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }*/ datatable.th { font-weight: normal; text-align: left; } #playlistPosHead { text-indent: -1000em; } .even { background-color:#F1F1F1; } datatable.tr:hover { background-color:#3d80df; color: #fff; } /*thead tr:hover { background-color: transparent; color: inherit; }*/ .tb_keyword { font-family:Verdana; font-size:8pt; width:190px; height:20px; } .dd_category { font-family:Verdana; font-size:8pt; width:190px; height:22px; } .dd_location { font-family:Verdana; font-size:8pt; width:148px; } table.BannerNavigator { PADDING-RIGHT:5px; PADDING-LEFT:5px; FONT-SIZE:8pt; PADDING-BOTTOM:5px; COLOR:WHITE; PADDING-TOP:5px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; HEIGHT:15px; /* BACKGROUND-COLOR:#ff1300; */ width:100%; border:2px; } table.BannerNavigator td.Previous { width:20%; font-size: 8pt; } table.BannerNavigator td.Middle { width:80%; font-size: 8pt; } table.BannerNavigator td.Next { width:20%; text-align:right; font-size: 8pt; } table.BannerNavigator a{ text-decoration: none; } /********************** Div BG Color controls, added Fall 07 *****************/ div.lightgrey{ background-color:#f3f3f3; padding: 0.25em; border-style:solid; border-color:#CCCCCC; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } div.white{ background-color:#FFFFFF; padding:0.25em; border-style:solid; border-color:#CCCCCC; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } div.lightblue{ background-color:#DCEFFF; padding:0.25em; border-style:solid; border-color:#DDDDDD; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } .float_right{ float:right; margin-left:16px; margin-top: 0px; } .float_left{ float:left; margin-right:16px; margin-top: 0px; } /*********Oracle static page controls, added Dec07********************/ .tableSub { font-weight:bold; color: #FFF; background-color: #8A8A8A; padding: 0; } .classTable { padding: 4px; } .classTable tr, .classTable td, .classTable th { border: 1px solid #F3F3F3; } .classTable th { font-size: 11px; display:inline; padding: 0 0 0 4px; background-color: #DBDBDB; } .classTable img { border: 0px none; } /***** Events Page, added Jan 21 08 *******************/ table.eventDates { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 4px; } table.eventDates tr.1{ background-color:#ebebeb; } table.eventDates tr.2{ background-color:#fff; } .blMyprofileInstructions { width:500px; margin-left:60px; } .divStrongPswdMsg { BORDER-RIGHT: #a52a2a 3px solid; PADDING-RIGHT: 3px; BORDER-TOP: #a52a2a 3px solid; PADDING-LEFT: 3px; Z-INDEX: 1; LEFT: 62%; FLOAT: none; VISIBILITY: hidden; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #a52a2a 3px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #a52a2a 3px solid; POSITION: absolute; TOP: 81%; BACKGROUND-COLOR: #ffb6c1; width:180px; } .divOrgSearch { BORDER-RIGHT: #87ceeb 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #87ceeb 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bolder; FONT-SIZE: x-large; PADDING-BOTTOM: 2px; MARGIN: 2px 10% 10px; TEXT-TRANSFORM: none; Z-INDEX: 0; BORDER-LEFT: #87ceeb 1px solid; COLOR: #191970; PADDING-TOP: 2px; BORDER-BOTTOM: #87ceeb 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial; BACKGROUND-COLOR: #b0c4de; TEXT-ALIGN: left; FONT-VARIANT: normal; TEXT-DECORATION: none; TOP: 280px; LEFT: 150px; WIDTH: 250px; } /************************************ New ECommerce Specific Changes **********************/ /*******************************General Text Classes ****************************/ .grid_red{color: white; font-size: 10pt; font-family: Verdana, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ff1300; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_blue{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #74acdc; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_green{color: #fff; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #bdd7c0; padding-top: 3px; padding-bottom: 3px } .grid_brown{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #ac9f83; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_grey{color: white; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #8a9295; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .grid_grey2{color: #ff1300; font-size: 10pt; font-family: verdana; font-weight: bold; background-color: #ededed; padding-top: 3px; padding-bottom: 3px; padding-right: 4px; } .red_times{color: #ff1300; font-size: 16pt; font-family: Times New Roman; font-decoration: none } /* .bodytext{color: #666666; font-size: 10pt; font-family: verdana, helvetica } */ .Nexient_red-higlight_text{color: #ff1300; font-size: 18px; font-family: verdana, helvetica } body{color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 8px } p{color: #666666; font-size: 10pt; font-family: verdana, helvetica; text-align:left; margin-top: 4px; } H1{color: #FF1300; font-size: 14pt; font-family: verdana, helvetica; font-weight: normal; text-align:left; margin-top:inherit} H2{ /* color: #666666; **** Removed this colour to fix the H2 link rollovers*** */ font-family: verdana, helvetica; font-weight: normal; text-align:left} H3{color: #FF1300; font-family: verdana, helvetica; font-weight: bold; font-variant:small-caps; text-align:left; font-size:12pt} H4{color: #666666; font-family: verdana, helvetica; font-weight: normal; text-align:left; font-size:12pt} /**H5 Not used at the moment** H5{color: #666666; font-family: verdana, helvetica; font-weight: normal; text-align:left} */ ul,ol {color: #666666; text-align:left} li {font-size: 10pt; font-family: verdana, helvetica;} /************************ Specialty Text Classes **********************/ .Footer{ /*max-height: 25px;*/ height: 16px; vertical-align: bottom; background-color: #FFFFFF; font-family:Verdana; font-size:10px; padding: 0px; border-spacing: 0; border:1px; border-color: #dddddd; cell-spacing: 0px; } .BreadCrumb{ width: 760px; background-color: white; BORDER-BOTTOM: 1px #DDDDDD solid; } .BreadCrumbAnchor{ color: #666666; font-size: 10px; font-weight: normal; text-decoration: none; align: right; font-family:Verdana; margin-left: 10px; } .FooterText{ color: #666666; font-size: 10px; font-weight: normal; text-decoration: none; } .red-text{color: #FF1300;} .red-caps{ color: #FF1300; font-family: verdana, helvetica; font-weight: normal; font-variant:small-caps; text-align:left; font-size:12pt; margin-top: 0; margin-bottom:0 } /******************************** Link Classes **************************/ a, a:visited{ font-family: verdana, helvetica; font-weight: normal; color: #666666; font: normal; font-style: normal; } a:hover{ color: #ff1300; text-decoration: underline; } .titlelink{ font-family: Verdana; font-size:10pt; color:#666666; text-decoration: underline; font-weight:bold; } a.titlelink:hover{ font-family: Verdana; font-size:10pt; color:#FF1300; text-decoration:underline; font-weight:bold; } /*a.titlelink:visited{ font-family: Verdana; font-size:10pt; color:#666666; text-decoration: underline; font-weight:bold; }*/ /* These link classes are for the 'back to top' of page link */ a.backTop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF1300; background: ; padding: 1px 4px 1px 4px; } a.backTop:link { text-decoration: none; } a.backTop:visited { text-decoration: none; } a.backTop:hover { text-decoration: none; color: #FFffff; background: #ff1300 } a.backTop:active { text-decoration: none; } /********************************* IMAGE FLOATING CLASSES ***********************/ .image-container{ width:100%; /* border:10px solid #FF1300; background:#ffffc;*/ } .image-left-container img{ float:left; margin-right:16px; margin-top: 0px; } .image-right-container img{ float:right; margin-left:16px; margin-top: 0px; } .stacked-float-div{ /* Use this class to Stack images within the image float classes above */ width: 150px; float: left; margin-top: 0px; margin-bottom: 8px; line-height: 14pt; } /********************* Indented Text, No bullets or list required *****************/ .intentedtext_A{ margin-left: 30px;} .intentedtext_B{ margin-left: 60px;} .indented_list{ /* This is a fix for Explorer 6 causing lists to wander when outside of float divs */ } /*********************************** Text Padding Classes *****************************/ .landingPage{ background-position: left top; padding-left: 200px } .coe{ padding-left: 115px } .stdpad{padding:5px; } .courseText{ padding-left: 105px; } /**************------ Top Nav Menu Controls -------******************/ .topnavLink{ /* Anchor tag for each link */ font-family: Verdana; size: 10px; font-size: 10px; color: #666666; text-decoration: none; } .ddMyCdi { /* The "My Learning" drop-down List */ background: transparent; font-family: Verdana; size: 10px; font-size: 10px; color: #666666; text-decoration: none; } .lblPublicContactUs{ /* Contact Us text and Phone number in header*/ background: transparent; font-family: Verdana; font-size: 10px; color: #666666; text-decoration: none; position: absolute; left: 215px; top: 18px; } .PersonalizedName{ /* this class controls the My Learning text */ color: 666666; font-family: Verdana; size: 10pt; } #Table1{/*I don't know what this class does*/ top: 0; height: 100px; } .logo { top: 0; } .divCourseSearch{ /*Course Search Div*/ position: absolute; top: 15px; left: 764px; } .SearchField{/* Formats the text in the Search field */width: 125px; font-family: Verdana; font-size: 10px; color: #666666 } SearchImageButton { left:0px; top: 100px; } .TopHeader{ WIDTH: 960px; HEIGHT: 100px; background-repeat: no-repeat; } .TopHeader td{ border: 0px solid red; padding:0px; border-collapse:collapse; } .SubHeader{ width:960px; height: 0; border-spacing: 0; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; vertical-align: bottom; border:0px red solid; background-color: white; border-collapse: collapse; align: right; } .SubHeaderCell{ visibility: hidden; } .SubHeaderCell2{ visibility: hidden; } /**************************** Main Page Area Controls *************/ table.MasterTable{ WIDTH: 960px; height: 100%; background-color: #FFFFFF; border-spacing: 0; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 8px; /*was 0px */ border: 1px #DDDDDD solid; vertical-align: top; border-collapse: collapse; text-align: center; } td.RightPane{ width:760px; /* height:100%; background-color: red; */ vertical-align: top; Border-left: 1px #DDDDDD solid; Border-bottom: 1px #DDDDDD solid; padding: 0px; border-spacing: 0; border-collapse: collapse; } .RightPane td{ vertical-align: top; padding: 0px; } table.vlpfullwidth{width:100%; horizontal-align:center; } /* Problem causer? Was 90% */ .WhiteLeftBox{ width:200px; background-color: white; padding:0px; cell-spacing: 0px; border-spacing: 0; border-right:0px red solid; border-collapse: collapse; } .LOB_Header{ BACKGROUND-REPEAT: no-repeat; width: 760px; border: solid 1px #dddddd; } td {font-size: 10pt; } /*********** Course outline header Controls **********/ #outline_console { border: 0px solid red; background-repeat: no-repeat; background-image: url(/LmsWeb/PublicResourceManager/MCMSResourceProvider.aspx?Path=/Resources/LearningPortals/NexientLearning/en-CA/Config/Outline/Outline-Header-540px.jpg); height: 130px; width: 540px; } .outline_console_text { margin-top: 24px; margin-left: 300px; size: 11px; text-align: left; } .outlineIconImage { border: 0px; border-collapse: collapse; } /******************************* Left Nav and Left Search Controls ************************/ /*.leftNavigationCell{ Left Menu TD CSS Class controls size and color of separators size: 4px; color: 9DBEDB; background-color: 9DBEDB; } .leftNavigationSpacer{ /* This is the gap between the JS Menus size: 10px; } .leftNavigationSpacer{ Left Menu Bottom CSS Class controls size and color of separators size: 4px; color: CFE3D2; background-color: CFE3D2; }*/ .LeftNavigation{ padding: 0px; border-spacing: 0; border-right:0px; cell-spacing: 0px; border-collapse: collapse; width:200px; background-color: #dddddd; font-family: Verdana; font-size: 11px; font-weight: bold; } .LeftNavigationMenuFlags{ /*this class controls part of the background of the left nav */ width:200px; background-color: #FFFFFF; font-family: Verdana; font-size: 10px; vertical-align: bottom; padding: 0px; border-spacing: 0; border:0px; cell-spacing: 0px; border-collapse: collapse; } .LeftNavigationMenu{ padding: 0px; border-spacing: 0; border-right:0px green solid; Border-bottom: 1px #DDDDDD solid; cell-spacing: 0px; width:200px; vertical-align: top; font-family:Verdana; font-size:11px; color: white; border-collapse: collapse; } .LeftNavFooter{ width:200px; background-color: #FFFFFF; vertical-align: bottom; color: #666666; padding: 0px; border-spacing: 0; cell-spacing: 0px; border:0px; border-collapse: collapse; text-align: center; } .LeftNavFooterOption1, .LeftNavFooterAnchor{ /*** These classes controls the Privacy Policy & Terms and Conditions text ***/ font-size: 9px; font-weight: normal; text-decoration: none; } .LeftNavSingleRow{ /*this class may control the background of the left nav */ width:200px; background-color: #666666; padding: 0px; border-spacing: 0; cell-spacing: 0px; border-collapse: collapse; border-right: #dddddd 0px solid; } /**************************************Change Password Page and Tables************************/ table.changepassword{font-size:10pt;font-family:Verdana;} table.changePasswordBody{font-size:10pt;font-family:Verdana;} td.changePasswordBody_col1{} /********************************** Terms and Conditions ************************/ .LeftNavFooterOption1 {} table.footerTable{ background-color: white; width: 200px; } /********************** Static Course Listing Table Classes *************************/ .clear { clear: both; } table.datatable { border-collapse: collapse; border: 1px solid #666; padding: 1em 1em; cell-spacing: 1em; } caption { font-size: 1.2em; font-weight: bold; margin: 1em 0; } col { /*border-right: 1px solid #FFF;*/ } col#albumCol { border: none; } th {text-align: left; } /*thead { background: #ccc left center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }*/ datatable.th { font-weight: normal; text-align: left; } #playlistPosHead { text-indent: -1000em; } .even { background-color:#F1F1F1; } datatable.tr:hover { background-color:#3d80df; color: #fff; } /*thead tr:hover { background-color: transparent; color: inherit; }*/ .tb_keyword { font-family:Verdana; font-size:8pt; width:190px; height:20px; } .dd_category { font-family:Verdana; font-size:8pt; width:190px; height:22px; } .dd_location { font-family:Verdana; font-size:8pt; width:148px; } table.BannerNavigator { PADDING-RIGHT:5px; PADDING-LEFT:5px; FONT-SIZE:8pt; PADDING-BOTTOM:5px; COLOR:WHITE; PADDING-TOP:5px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; HEIGHT:15px; /* BACKGROUND-COLOR:#ff1300; */ width:100%; border:2px; } table.BannerNavigator td.Previous { width:20%; font-size: 8pt; } table.BannerNavigator td.Middle { width:80%; font-size: 8pt; } table.BannerNavigator td.Next { width:20%; text-align:right; font-size: 8pt; } table.BannerNavigator a{ text-decoration: none; } /********************** Div BG Color controls, added Fall 07 *****************/ div.lightgrey{ background-color:#f3f3f3; padding: 0.25em; border-style:solid; border-color:#CCCCCC; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } div.white{ background-color:#FFFFFF; padding:0.25em; border-style:solid; border-color:#CCCCCC; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } div.lightblue{ background-color:#DCEFFF; padding:0.25em; border-style:solid; border-color:#DDDDDD; border-width:thin; text-align:left; margin-top: 0; margin-bottom:0; } .float_right{ float:right; margin-left:16px; margin-top: 0px; } .float_left{ float:left; margin-right:16px; margin-top: 0px; } /****** eCommerce classes A0804 **********/ .enroll-coursename { font-weight: bold; } div.eCom p { margin: 0.1em 0 1.5em; /* Allows the body text to sit right under the header */ } div.eCom h2 { color:#ff1300; font-size:11pt; font-weight:bold; margin: 1em 0 0; /* Allows the body text to sit right under the header */ /* text-indent: 20px; height:19px; */ } /* div.eCom h2.one{ background-image: url(images/arrow2.gif); background-repeat: no-repeat; background-position: left -1px; } div.eCom h2.two{ background-image: url(images/arrow2.gif); background-repeat: no-repeat; background-position: left -1px; } div.eCom h2.three{ background-image: url(images/arrow2.gif); background-repeat: no-repeat; background-position: left -1px; } */ div.eCom table td{ padding:4px; } table.eCom { border: 1px solid #cdcdcd; background-color:#F0F0F0; } table.tblOrgSearch { border: 1px solid #cdcdcd; background-color:#FFF; } table.eCom td{ padding: 4px; } table.eCom th{ border-bottom: 1px solid #cdcdcd; background-color:#DBDBDB; font-size: 10pt; } /* div.eCom th { font-size: 10pt; color:#ff1300; } */ td.cells { border: 1px solid #cdcdcd; background-color:#FFF; margin:2px; /*background-color:#F0F0F0;*/ } div.eCom input{ width:175px; } div.eCom input.ext{ width: 90px; } div.eCom input.checkBox{ width: 18px; } #lblStrongPasswordRules { background-color:#FFFFD5; border: 1px solid #DFDF00; padding: 6px; } #strongPasWdMsg { background-color:#FFFFD5; border: 1px solid #DFDF00; padding: 6px; } #lblMessage { font-weight:bold; color:#FF1300; font-size: 10pt; } #Enrollment1_dgDuration { background-color:#FFF; } div.eCom .checkbox input { width: 18px; } .txtCallout { Width:280px; text-decoration: none; background-color: #FFFFFF; border-color: #88A0C8 #88A0C8 #88A0C8; border-style: solid; border-top-width: 0 px; border-right-width: 0 px; border-bottom-width: 0px; border-left-width: 0 px } .divCallout { border: 1px solid #DFDF00; padding: 6px; Z-INDEX: 1; LEFT: 50%; FLOAT: none; VISIBILITY: hidden; MARGIN: 2px; POSITION: absolute; TOP: 30%; BACKGROUND-COLOR: #FFFFD5; width:180px; } /*********************************** End Ecommerce Specific Changes **********************/ /******************************* Start of Link Directory on Homepage css *******************/ #top, #mid, #bottom { /* width: 760px; */ } #top { background-image: url(http://www.nexientlearning.com/NR/rdonlyres/A8C7949C-9A47-48B3-8625-83B7DF5686EA/0/topbg.gif); background-repeat: no-repeat; background-position: left bottom; height: 38px; } #mid { background-image: url(http://www.nexientlearning.com/NR/rdonlyres/0C94987E-3C67-4D16-9A76-897BFD194C9F/0/midbg.gif); background-repeat: repeat-y; background-position: left; } #bottom { background-image: url(http://www.nexientlearning.com/NR/rdonlyres/7F194984-EEF3-4480-B22D-BD12A00F0457/0/bottombg.gif); background-repeat: no-repeat; background-position: left top; height: 30px; } #linkContent { margin: 0 0 0 20px; width: 710px; padding: 15px 0 5px 0; } #linkContent p { margin: 0px; } #linkContent strong { font-weight: normal; color: #ff1300; } #linkContent a:link { color: #666; text-decoration: none; } #linkContent a:visited { color: #666; text-decoration: none; } #linkContent a:hover { color: #ff1300; text-decoration: underline; } #linkContent a:active { color: #ff1300; text-decoration: none; } #linkContent ul { list-style: none; margin-left: 0px; padding-left: 1em; /*text-indent: -1em; */ margin-top: 8px; } #col1, #col2, #col3 { width: 230px; float:left; /* background-color:#FAFAFA; */ } #col1, #col2 { margin-right:5px; border-right: 1px solid #cdcdcd; } #col2, #col3 { margin-left: 4px; } #col2 { /*margin-left: 233px;*/ } #link1 { height: 17px; width: 129px; position: absolute; z-index: 11; top: 908px; left: 442px; text-decoration: none; } #link2 { height: 17px; width: 110px; position: absolute; z-index: 11; top: 908px; left: 615px; text-decoration: none; } #link3 { height: 17px; width: 115px; position: absolute; z-index: 11; top: 908px; left: 798px; text-decoration: none; } #linkTest { height: 17px; width: 115px; float: left; margin-left: 582px; text-decoration: none; border: 1px solid #FF8000; margin-top: 10px; } a#link1 i, a#link2 i, a#link3 i { display: none; /* *** Hides link text *** */ } /* ***************************************** End of Link Directory on Homepage CSS ******** */ /* ****** Start of Top Nav Bar CSS ***** */ #topNav { background-color:#EBEBEB; padding: 5px 0; width: 600px; } #topNav ul { margin-left: 0; padding-left: 0; display: inline; } #topNav ul li { margin-left: 0; padding: 3px 15px; border-left: 1px solid #A0A0A0; list-style: none; display: inline; font-weight:bold; } #topNav ul li a:link, #topNav ul li a:visited { text-decoration: none; color: #666; font-weight:bold; } #topNav ul li a:hover, #topNav ul li a:active { text-decoration: none; color: #ff1300; font-weight:bold; } #topNav ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; } /* ****** End of Top Nav Bar CSS ***** */ /* ******* Enroll Now Button **** */ div#enrollNow img { float:left; margin-left: 609px; margin-top:-24px; } div#enrollNow a img { border: none; text-decoration: none; } /* ************ New Securing the Enterprise Pages ********************* */ div#sideBar { border: 1px solid #cdcdcd; background-color: #f0f0f0; float: right; width:200px; height: auto; margin: 10px 0 200px 10px; padding-bottom: 20px; } div#sideBar p, div#sideBar h4, div#sideBar h3 { padding: 0 4px; } div#sideBar h4 { font-size: 10pt; margin-bottom: 0px; color: #ff1300; margin-top: 8px; } div#sideBar p { margin-top: 5px; } div#sideBar h3 { font-size: 10pt; margin-bottom: 0px; background-color: #fff; margin-top: 8px; color: #666; text-align:center; padding-top: 3px; padding-bottom: 3px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } /* ******************** End of Securing the Enterprise Pages **************** */ /* ******************** Start of eCom Tooltip css 080313 **************** */ div.toolTips a { /* border-bottom:1px dashed #666; background-image: url(question.gif); background-position: right top; background-repeat: no-repeat; */ border-bottom:1px dashed #666; text-decoration:none; color:#666; position:relative; } div.toolTips a img { border: none; } div.toolTips a span.eCom { display: none; } div.toolTips a:hover span.eCom { display: block; position: absolute; top:2em; left:2em; width:15em; padding: 5px; margin: 10px; z-index: 100; text-align:left; background-color:#FFFFD5; border: 1px solid #DFDF00; } div.toolTips a:hover { text-decoration:none; color:#666; } /* ******************** End of eCom Tooltip css 080313 **************** */ /********************* Location Page Controls - April 10, 2008*****************************/ #locations { width: 230px; float:left; } #locations_list { margin-right:5px; border-left: 1px solid #DDD; } #locations-imagemap { width:600; } #location-heading { width:100%; background-color: #BBBBBB; color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:700; text-align: left; } #locationData1, #locationData2, #locationData3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width: 240px; float:left; margin-left:6px; } #locationlist1, #locationlist2, #locationlist3, #locationlist4 { width: 180px; float:left; margin-left:6px; } .location_header { height: 120; BACKGROUND-REPEAT: no-repeat; width: 100%; border: solid 1px #dddddd; } .fixedwidth { width: 760px; } /********************End Location Classes *************/ /**** Top nav positioning 080317 ****/ /* New Top navigation Level 2 */ #tblTopNavLevel2 { position: absolute; top: 77px; left: 216px; } /**** End of Top nav positioning 080317 ****/ /****************** Event's page 080522 *******/ div.events hr { color:#C0C0C0; background-color:#C0C0C0; height: 1px; width: 95%; } div.events strong { color: #ff1300; font-weight: bold; font-size: 11pt; } div.events em { font-style: normal; font-weight: bold; } div.events { padding-right: 100px; padding-left: 25px; } /**********************************************/ /**** Newsletter Article Styles 080602 *******/ #articleContent { width: 460px; float: left; border-right: 1px dotted #ccc; padding-right: 4px; } #supportingDocs { width: 245px; float: left; padding-bottom: 50px; margin-left: 13px; margin-top: 15px; } #supportingDocs h4 { margin-top: 0px; font-size: 10px; text-transform: uppercase; color: #bbb; font-weight: bold; } #supportingDocs em { color: #999; font-size: 11px; } #supportingDocs ul { margin: 0; padding: 0; list-style-type:none; } #supportingDocs li { background: url(/NR/rdonlyres/81E43954-AF5B-41A1-9748-2DF640197ED6/0/PDF.gif) no-repeat; padding-left: 30px; margin-bottom: 20px; line-height: 18px; } #articleFooter { clear: both; } /***********************************************/ /************ Sony Landing Page Styles 080612 ********************/ div#sony { font-family: Arial, Helvetica, sans-serif; font-size: 12px !important; color: #333333; background-color: #FAFAFA; width: 750px; } div#sony .banner { width: 750px; height: 200px; background-color: #fff; background-image: url(/NR/rdonlyres/5B9F7711-13FA-44D9-B822-80394F44BA80/0/Sonybanner.jpg); background-repeat: no-repeat; background-position: right top; } div#sony h2 { font-size: 14px; margin-bottom: 0px; font-weight: bold; color: #333; font-family: Arial, Helvetica, sans-serif; } div#sony h2 span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } div#sony h2 img { position: relative; top: 2px; border: none; background-color: #fff; } div#sony p { margin-top:2px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } div#sony li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } div#sony .content { float: left; width: 550px; padding: 4px; background-color: #fff; } div#sony a { color: #677e98; background-color: #eef1f4; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } div#sony a:link { text-decoration: none; } div#sony a:visted { background-color: #eef1f4; text-decoration: none; } div#sony a:hover { text-decoration: underline; background-color: #fff; } div#sony a:active { background-color: #eef1f4; text-decoration: none; } div#sony img.access { margin-top: 0px; } div#sony img.logo { margin-top: 3px; } div#sony table.sonyTable { border-collapse:collapse; border: 1px solid #cdcdcd; margin-left: 8px; } div#sony table.sonyTable th { padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align:left; font-weight: bold; border: 1px solid #cdcdcd; background-color: #F6F6F6; } div#sony table.sonyTable td { padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align:left; border: 1px solid #cdcdcd; } div#sony ul#quickLinks { margin: 0px; padding: 0px; list-style-type: none; } div#sony ul#quickLinks li strong{ margin-top: 8px; } div#sony ul#quickLinks ul li { margin-left: -15px; list-style: none; } div#sony ul#quickLinks a{ background-color: #fff; } /*******************************************/ /*********** Sony FAQ ********************/ div#sony div#sonyFaq p { line-height: 1.45em; /** equal to 16px **/ } div#sony div#sonyFaq li { line-height: 1.45em; /** equal to 16px **/ } div#sony div#sonyFaq ul#quickLinks { margin: 0px; padding: 0px; list-style-type: none; } /************** MS Free software page styles ***************/ h1.ms { color: #ee8750; } div.msSidebar { float: left; margin-left: 5px; padding-left: 20px; background-image: url(/NR/rdonlyres/32C0334B-7A8F-4645-B5B2-556A3BEF6282/0/rule_image.jpg); background-repeat: no-repeat; background-position: -8px top; } div.msSidebar span { font-weight: bold; color: #ee8750; } div.msSidebar span a:link, div.msSidebar span a:visted, div.msSidebar span a:hover, div.msSidebar span a:active{ font-weight: bold; color: #ee8750; text-decoration: none; } div.msSidebar hr { border: none 0; border-top: 1px dashed #cdcdcd;/*the border*/ width: 99%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ } div#msFooter { clear: both; font-size: 10px; } div#msFooter p { font-size: 10px; } img.msImg { float: left; }