@bwidth: 950px; body{ margin:0; padding:0; background-image: url(/assets/styles/shared/pagebg.png); display: block; font-family: "pragmatica-web"; font-size: 14px; //line-height: 21px; } section.hadjust{ background-image: url(/assets/styles/shared/background.png); background-repeat: repeat-x; padding-bottom: 20px; &.hide-menu{ header.body{ height: 50px; position: inherit; nav.tms{ display: none; } } div.bodyHeadCenterWrapper{ height: 55px; } } } div.bodyHeadCenterWrapper{ margin: auto; width: 950px; height: 100px; } @headColor1: #0D2C46; @headColor2: #fed82f; header.body{ position: fixed; margin: 0 auto 10px auto; width: @bwidth; background-color: white; border-radius: 0 0 05px 05px; height: 92px; box-shadow: 0 0 5px 1px #484848; z-index: 5000; > div.yellow{ background-color: @headColor2; width: 100%; height: 09px; } section.logo{ float: left; background-image: url(/assets/images/logo.png); background-size: 194px 29px; -webkit-background-size: 194px 29px; -moz-background-size: 194px 29px; background-repeat: no-repeat; background-position: 15px 12px; height: 42px; width: 250px; cursor: pointer; span{ font-family:"franklin-gothic-urw-cond"; font-weight: 400; color: #00aeef; display: block; margin-left: 20px; margin-top: 44px; font-size: 13px; } } nav.site{ float: right; font-family:"franklin-gothic-urw-cond"; font-weight: 400; font-size: 16px; height: 42px; > ul{ list-style: none; margin-top: 00px; margin-right: 02px; > li{ cursor: pointer; float: left; margin-right: 05px; padding: 0; text-align: center; width: 90px; //Anchor effects// &.long{ width: 133px; } & > a{ display: block; color: @headColor1; text-decoration: none; text-align: center; font-weight: bold; width: 90px; padding: 12px 0; border-radius: 0 0 14px 14px; z-index: 5001; position: relative; } & > a.active{ background-color: @headColor2; } &.dropmenu{ text-align: left; position: relative; // & > a{ // background-image: url(/assets/styles/shared/header/arrow-icon-top.png); // background-repeat: no-repeat; // background-position: right 04px; // -webkit-background-size: 10px 07px; // -moz-background-size: 10px 07px; // background-size: 10px 07px; // } > ul{ font-family:"franklin-gothic-urw-cond"; background-color:#002955; text-transform: uppercase; display: none; margin: auto; font-size: 12px; left: 00px; top: 26px; margin: 04px auto auto; position: absolute; width: 200px; z-index: 5000; padding-top: 10px; } } //Hover effects &:hover, &.hover{ // border-top-color: #000d2b; // border-left-color: #000d2b; // border-bottom-color: #000d2b; // background-color: #00041B; // background-color: rgba( 0, 4, 27, 0.90 ); > a{ background-color: @headColor2; } &.dropmenu{ > a{ // background-image: url(/assets/styles/shared/header/arrow-icon-top-hover.png); } ul{ display: block; li{ display: block; padding: 10px; padding-bottom: 05px; padding-top: 05px; font-family: "pragmatica-web"; a{ font-weight: bold; text-decoration: none; color: #FFFFFF; } &:hover, &.hover{ // background-color: rgba(0, 4, 27, 0.9); a{ color: @headColor2; } } &:first-child{ padding-top: 10px; } &:last-child{ border-radius: 0 0 05px 05px; padding-bottom: 15px; } } } &.long ul{ width: 190px; } } } } > li.dropmenu.solutions{ > ul { width: 320px; padding: 20px; color: white; text-transform: none; ul{ width: 110px; border-right: 1px solid white; display: inline-block; padding-right: 20px; margin-right: 20px; vertical-align: top; } ul + ul { width: 160px; border: none; padding-right: 0; margin-right: 0; } } } } } nav.tms{ clear: both; > ul{ font-family: "franklin-gothic-urw-cond"; list-style: none; border-top: 01px solid #b4b4b4; background-image: url(/assets/styles/shared/header/button-bk.png); border-radius: 0 0 05px 05px; height: 40px; width: 100%; font-size: 18px; font-weight: 400; position: relative; -webkit-background-size: 06px 39px; -moz-background-size: 06px 39px; background-size: 06px 39px; > li{ float: left; border-right: 01px solid #f0f0f0; border-left: 01px solid #b4b4b4; padding-top: 10px; padding-right: 25px; padding-left: 25px; padding-bottom: 12px; > a{ text-decoration: none; color: #505050; background-image: url(/assets/styles/shared/header/drop-icon.png); background-repeat: no-repeat; background-position: right 08px; padding-right:19px; text-transform: uppercase; } &.first{ padding-left: 45px; border-left: none; } // &.yellow{ // border: 2px solid #FDCE4E; // height: 11px; // padding-bottom: 14px; // padding-top: 11px; // } // // &.headerLink{ // // > a{ // background-image: none; // padding-right: 0; // } // &:hover{ // background-color: #001037; // border-right-color: #001037; // // > a{ // color: #00aeef; // } // } // } &.search{ position: relative; padding-left: 20px; padding-right: 20px; padding-bottom: 09px; padding-top: 07px; div.icon{ background-image: url(/assets/styles/shared/header/search-icon.png); height: 13px; width: 13px; position: absolute; top: 14px; left: 24px; cursor: pointer; } input.search{ width:180px; font-family: "franklin-gothic-urw-cond"; background-color: #dcdcdc; border: solid 01px #9a9a9a; border-right: none; border-bottom: none; border-radius: 05px; padding-left: 20px; padding-top: 00px; padding-bottom: 01px; margin-top: 03px; margin-bottom: 02px; box-shadow: 01px 01px 01px #898989 inset; font-weight: 400; &.placeholder{ color: #505050; font-style: italic; text-transform: uppercase; font-size: 12px; font-weight: 400; } } } &.cart{ border-right: none; padding-right: 00px; padding-left: 40px; background-image: url(/assets/styles/shared/header/cart-icon.png); background-repeat: no-repeat; background-position: 10px center; cursor: pointer; span.itemCount{ color: #00aeef; font-size: 15px; font-weight: 700; } } &.findcourse{ position: relative; cursor: pointer; width: 155px; border: none; padding: 00px; height: 10px; text-transform: uppercase; div{ background-image: url(/assets/styles/shared/header/find-course.png); color: #003663; font-size: 24px; padding-top: 08px; padding-bottom: 08px; padding-left: 10px; width: 155px; position: absolute; font-weight: 700; border-radius: 0 0 0 05px; background-position: -50px 0; &:hover{ color: #3e74a1; } } } div.tmsMenu{ display: none; } &:hover, &.hover{ &.tmsDropMenu{ background-color: #001037; border-right-color: #001037; > a{ color: #00aeef; background-image: url(/assets/styles/shared/header/drop-icon-hover.png); } } div.tmsMenu{ background: #00335D; background: rgba(0, 51, 93, 0.9); background: -webkit-linear-gradient(rgba(0, 14, 49, 0.9), rgba(0, 53, 97, 0.9), rgba(0, 51, 93, 0.9)); background: -moz-linear-gradient(rgba(0, 14, 49, 0.9), rgba(0, 53, 97, 0.9), rgba(0, 51, 93, 0.9)); background: -o-linear-gradient(rgba(0, 14, 49, 0.9), rgba(0, 53, 97, 0.9), rgba(0, 51, 93, 0.9)); background: -ms-linear-gradient(rgba(0, 14, 49, 0.9), rgba(0, 53, 97, 0.9), rgba(0, 51, 93, 0.9)); background: linear-gradient(rgba(0, 14, 49, 0.9), rgba(0, 53, 97, 0.9), rgba(0, 51, 93, 0.9)); position: absolute; top: 39px; left: 00px; width: 926px; border-radius: 05px; display: block; padding-left: 13px; padding-right: 13px; &.disciplines{ ul{ padding-top: 20px; padding-right: 10px; } a{ width: 298px; display: block; line-height: 15px; } } &.locations { section.itemTabs{ padding-top:20px; padding-bottom:20px; width: 435px; float: left; padding-left: 30px; .tmsLoad{ padding-left:40px; ul.leftf{ padding-left: 50px; padding-bottom: 05px; } section.allArea{ text-align: center; clear: both; margin-top: 20px; } } .petroflex{ color: #ccc; font-family: "franklin-gothic-urw-cond"; font-size: 13px; margin-right: 10px; line-height: 19px; button{ float: left; margin: 15px 10px 20px 0; } } } aside.menuItems{ padding-top:20px; padding-bottom:20px; width: 385px; float: left; background-image: url(/assets/styles/shared/header/course-location-border.png); background-repeat: no-repeat; padding-left: 10px; li.selected{ background-image: url(/assets/styles/shared/header/course-location-hover.png); background-repeat: no-repeat; background-position: left center; } } } &.courses{ ul.letters{ margin-left: 52px; position: relative; background-image: url(/assets/styles/shared/header/course-letter-border.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 21px; > li{ float: left; width: 17px; margin-right: 15px; text-align: center; height: 41px; > a{ font-weight: bold; display: block; padding-top: 20px; height: 21px; } &:last-child{ margin-right: 00px; } &.selected{ > a{ background-image: url(/assets/styles/shared/header/course-letter-hover.png); } } } } ul.menuItems{ color: #bfbfbf; margin-left: 52px; margin-bottom: 20px; margin-top: -12px; max-height: 375px; overflow-y: auto; &#tmsLetterList{ margin-top: 0; } } } a{ color: #bfbfbf; font-family: "pragmatica-web"; text-decoration: none; font-size: 13px; font-weight: 400; &:hover, &.hover{ color: #ffd335; } } } } } } } } section.hadjust{ min-height: 450px; } section.body{ width:950px; background-color: white; margin: auto; margin-top: 18px; border-radius: 05px; header.market-menu { border-top: solid 01px #545454; border-left: solid 01px #606060; border-right: solid 01px #5c5c5c; border-radius: 05px 05px 00px 00px; background: #939393; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343434', endColorstr='#939393'); background: -webkit-linear-gradient(#343434, #939393); background: -moz-linear-gradient(#343434, #939393); background: -o-linear-gradient(#343434, #939393); background: -ms-linear-gradient(#343434, #939393); background: linear-gradient(#343434, #939393); font-family: "franklin-gothic-urw-cond"; ul{ list-style: none; margin-left: 28px; margin-top: 15px; font-size: 14px; li{ color: white; float: left; margin-right: 22px; &:first-child{ text-transform: uppercase; font-style: italic; font-weight: 700; } &.selected a{ color: #00aeef; &:hover, &:active { color: #00aeef; } } & a{ color: white; text-decoration: none; &:hover, &:active { color: #ffd335; } } } } } } footer.body{ background-image: url(/assets/styles/shared/footer-bg.png); box-shadow: 0 02px 14px #111111 inset; font-family: "pragmatica-web"; color: #787878; font-size: 09px; h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 12px; color: #B4B4B4; } a{ text-decoration: none; &:hover, &.hover{ color: #ddbc38; } } > header{ background-image: url("shared/footer-bg-top.png"); height: 25px; width: 940px; margin: auto; //margin-top: 10px; } section.content { width:960px; margin: auto; padding-left: 10px; padding-right: 10px; > section.left { border-right: solid 01px #666666; margin-top: 10px; float: left; text-align: left; width: 640px; header{ border-bottom: solid 01px #666666; background-image: url(/assets/styles/shared/footer-logo.png); background-repeat: no-repeat; width: 136px; height: 14px; padding-bottom: 07px; margin: 0 05px 05px 0; width: 635px; float: left; } > section { float: left; margin: 0; min-height: 150px; &.left { padding-right: 10px; width: 300px; > section { float: left; padding-right: 10px; width: 140px; } } &.right { border-left: solid 01px #666666; padding-left: 10px; width: 305px; table { td { padding-bottom: 05px; } } } } } section.right { float: left; width: 270px; color: #b4b4b4; text-align: left; margin: 20px 0 0 40px; } ul{ list-style: none; margin-bottom: 25px; li{ color: #787878; margin-bottom: 07px; a{ color: #B4B4B4; text-decoration: none; &:hover, &.hover{ color: #ddbc38; } } &.title{ color: #b4b4b4; font-weight: bold; font-size: 13px; } } } footer.copyright{ float: left; clear: both; padding-bottom: 30px; color: #a9a9a9; font-family:"franklin-gothic-urw-cond"; font-weight: 400; text-align: left; padding-top: 10px; } } } .social{ height: 32px; margin-bottom: 50px; h3{ font-family: "pragmatica-web"; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; margin-right: 20px; padding-bottom: 10px; width: 100%; } label{ float: left; font-size: 15px; height: 20px; margin-top: 10px; width: 265px; } a{ display: block; width: 31px; height: 32px; float: left; margin-right: 10px; background-repeat: no-repeat; &.google{ background-image: url(/assets/icons/googleplus2.png); } &.linkedin{ background-image: url(/assets/icons/linkedin2.png); } &.twitter{ background-image: url(/assets/icons/twitter2.png); } &.facebook{ background-image: url(/assets/icons/facebook2.png); } &.youtube{ background-image: url(/assets/icons/youtube2.png); } } } //Objects that appear in more then one place// section.social{ height: 32px; margin-bottom: 50px; h3{ font-family: "pragmatica-web"; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; margin-right: 20px; padding-bottom: 10px; width: 100%; } label{ float: left; font-size: 15px; height: 20px; margin-top: 10px; width: 265px; } a{ display: block; width: 31px; height: 32px; float: left; margin-right: 10px; background-repeat: no-repeat; &.google{ background-image: url(/assets/icons/googleplus2.png); } &.linkedin{ background-image: url(/assets/icons/linkedin2.png); } &.twitter{ background-image: url(/assets/icons/twitter2.png); } &.facebook{ background-image: url(/assets/icons/facebook2.png); } &.youtube{ background-image: url(/assets/icons/youtube2.png); } } } section.marketboxes{ width:972px; margin: auto; margin-top: 25px; section.box-container{ margin-top: 25px; article{ float: left; width: 230px; height: 260px; margin-right: 10px; background-color: #bebebe; box-shadow: 0 30px 15px -25px black; margin-bottom: 34px; &:first-child{ margin-left: 11px; } header { border-bottom: 01px solid #DBDBDB; min-height: 39px; h3 { border-bottom: 01px solid #555555; color: #282828; font-family: "franklin-gothic-urw-cond"; font-size: 16px; min-height: 20px; padding-bottom: 05px; padding-left: 10px; padding-top: 18px; text-align: left; } } section.content { background-repeat: no-repeat; padding: 10px; height: 200px; width: 210px; text-align: left; color: #333333; font-size: 13px; font-weight: 500; position: relative; ul { list-style-image: url('home/marketbox-ul.png'); width: 200px; margin-left: 10px; } p, li { color: #464646; font-family: "franklin-gothic-urw-cond"; font-size: 14px; margin-bottom: 20px; } &.edit-mode { height: 310px; } section.inputs { margin-top: 15px; height: 90px; } } &.edit-mode { height: 350px; } } } } .popupBox { background: #00123A; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00123A', endColorstr='#003664'); background: -webkit-linear-gradient(#00123A, #003664); background: -moz-linear-gradient(#00123A, #003664); background: -o-linear-gradient(#00123A, #003664); background: -ms-linear-gradient(#00123A, #003664); background: linear-gradient(to bottom, #00123A 20%, #003664 100%); border-radius: 05px; color: #FFF; display: none; font-size: 12px; line-height: 15px; padding-left: 27px; padding-right: 27px; position: absolute; text-align: left; width: 420px; z-index: 6000; header{ border-bottom: 02px solid #4A5C80; font-size: 19px; padding: 15px 0; } header, p, img { margin-bottom: 20px; } a, a:visited, a:active { color: #FFF; } a:hover { text-decoration: none; } ul { list-style-type: none; margin: 10px 0 20px 0; } .pointer{ background-image: url(/assets/styles/shared/popup-box-pointer.png); background-repeat: no-repeat; width: 23px; height: 13px; position: absolute; z-index: 1500; } &.popupVariable{ width: auto; padding: 20px; font-size: 18px; white-space: nowrap; } } // Icons. div.espanolIcon{ background-color: #555555; color: #FFFFFF; font-size: 09px; height: 15px; padding: 01px; width: 20px; cursor: default; } button{ margin-top:1em; border-radius: 05px; color: white; text-transform: uppercase; padding: 10px; border: 01px solid black; cursor: pointer; font-family:"franklin-gothic-urw-cond"; font-weight: 700; &.learn-more{ text-shadow: 02px 02px 02px black; font-size: 15px; } &.blue{ background: #006498; background: -webkit-linear-gradient(to bottom, #00a4e3 0%, #00a1e0 40%, #006498 100%); background: -moz-linear-gradient(to bottom, #00a4e3 0%, #00a1e0 40%, #006498 100%); background: -o-linear-gradient(to bottom, #00a4e3 0%, #00a1e0 40%, #006498 100%); background: -ms-linear-gradient(to bottom, #00a4e3 0%, #00a1e0 40%, #006498 100%); background: linear-gradient(to bottom, #00a4e3 0%, #00a1e0 40%, #006498 100%); border-color: #0081bb #005e91 #004875 #006ca3; box-shadow: 0 0 03px #006599 inset; text-shadow: 01px 01px 01px #004599; } &.orange{ background: #FF8C2D; background: -webkit-linear-gradient(to bottom, #F9D66E 0%, #FF8C2D 40%, #FF8C2D 100%); background: -moz-linear-gradient(to bottom, #F9D66E 0%, #FF8C2D 40%, #FF8C2D 100%); background: -o-linear-gradient(to bottom, #F9D66E 0%, #FF8C2D 40%, #FF8C2D 100%); background: -ms-linear-gradient(to bottom, #F9D66E 0%, #FF8C2D 40%, #FF8C2D 100%); background: linear-gradient(to bottom, #F9D66E 0%, #FF8C2D 40%, #FF8C2D 100%); border-color: #F9D66E #FF8C2D #FF8C2D #FF8C2D; box-shadow: 0 0 03px #FF8C2D inset; text-shadow: 01px 01px 01px #a25823; } &.grey{ background: #53585e; background: -webkit-linear-gradient(to bottom, #b2b2b4 0%, #939496 40%, #53585e 100%); background: -moz-linear-gradient(to bottom, #b2b2b4 0%, #939496 40%, #53585e 100%); background: -o-linear-gradient(to bottom, #b2b2b4 0%, #939496 40%, #53585e 100%); background: -ms-linear-gradient(to bottom, #b2b2b4 0%, #939496 40%, #53585e 100%); background: linear-gradient(to bottom, #b2b2b4 0%, #939496 40%, #53585e 100%); border-color: #838385 #797a7e #3d4248 #6d7174; box-shadow: 0 0 03px #333333 inset; text-shadow: 01px 01px 01px #545454; } &.thin{ padding-top: 02px; padding-bottom: 02px; margin-top:0em; img{ padding-right: 05px; vertical-align: middle; } } &.small{ padding: 02px; } } .leftf{ float: left; } .rightf{ float: right; } table.borderless{ box-shadow: 0 23px 25px -25px #000000; border-collapse: separate; thead{ tr{ background-color: #bebebe; th{ font-family: "franklin-gothic-urw-cond"; text-align: left; color: #222222; padding: 10px; font-size: 16px; text-transform: uppercase; border-bottom: solid 01px #787878; .link{ color: white; text-align: right; font-size: 12px; text-transform: none; } } } } tbody{ tr:first-child{ td{ border-top: #d2d2d2 solid 01px; } } tr:nth-child(odd){ td{ background-color: #bebebe; } } tr:nth-child(even){ td{ background-color: #e7e7e7; } } td{ text-align: center; font-size: 11px; padding: 10px 5px; vertical-align: middle; button{ margin-top: 00px; } } } } table.common{ font-family: "franklin-gothic-urw-cond"; box-shadow: 0 23px 25px -25px #000000; border-collapse: separate; thead{ tr{ background-color: #bebebe; th{ padding: 05px; text-transform: uppercase; color: white; text-align: center; border-top: solid 01px #d2d2d2; border-right: solid 01px #d2d2d2; border-bottom: solid 01px #787878; border-left: solid 01px #787878; font-style: italic; font-size: 12px; header{ color: #282828; padding: 05px; text-align: left; font-style: normal; font-size: 14px; } &:first-child{ border-left: none; } &:last-child{ border-right: none; } } &:first-child th{ border-top: none; } } } tbody{ tr{ td{ border-top: solid 01px #d2d2d2; border-right: solid 01px #d2d2d2; border-bottom: solid 01px #787878; border-left: solid 01px #787878; padding: 13px 04px 13px 04px; font-size: 11px; text-align: center; color: #282828; background-color:#e7e7e7; &:first-child{ border-left: none; } &:last-child{ border-right: none; } } } &:last-child{ td{ border-bottom: none; } } tr:nth-child(even){ td{ background-color: #bebebe; } } tr:nth-child(odd){ td{ background-color: #e7e7e7; } } } } body.progression-map { background-color: #000; background-image: none; > section.wrapper{ width: 1000px; margin: auto; } } #progression-map { margin: 30px auto; .edit-mode { .wrapper { width: 950px; padding: 30px; &.rows { background-color: #9CB6D6; } &.columns { background-color: #8B9BBA; } &.items { background-color: #838C9E; } &.areas { background-color: #B0B6C1; } .options { .input { float: left; margin: 05px 10px; } } } } .view-mode { p { color: white; } table { border-collapse: separate; tbody { tr { td { font-size: 11px; text-align: center; } &.header { th.header { vertical-align: middle; div { height: 60px; color: #f7f7f7; font-size: 08px; font-weight: bold; text-transform: uppercase; display: table-cell; vertical-align: middle; } } th.area-label { height: 30px; border-bottom: 01px solid #999; text-transform: uppercase; vertical-align: middle; &.gray { background-color: #D1D2D4; color: #454545; } &.red { background-color: #662222; color: #fff; } &.blue { background-color: #091A68; color: #fff; } } } &.sub-head th { vertical-align: middle; div { color: #6B6B6B; font-size: 09px; height: 29px; display: table-cell; vertical-align: middle; } &.gray { background-color: #D1D2D4; } &.red { background-color: #662222; div { color: #CCC; } } &.blue { background-color: #091A68; div { color: #CCC; } } } &.row { td { background-color: #919191; vertical-align: top; &.head { width: 25px; > div { position: relative; > div { font-size: 09px; font-weight: 600; height: 20px; padding-top: 04px; position: absolute; text-transform: uppercase; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')"; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; } } } &.cell { border-left: 01px solid #333; width: 91px; position: relative; overflow: visible; > div { margin-left: 02px; margin-top: 025px; position: absolute; z-index: 100; border-radius: 08px; & > a { display: block; color: #FFFFFF; line-height: 11px; text-overflow: ellipsis; overflow: hidden; text-decoration: none; width: 100%; } &.navy { background-color: #173863; box-shadow: 05px 05px 10px #446590 inset, -05px -05px 10px #1E1E47 inset, 02px 02px 03px #000000; } &.blue { background-color: #23547C; box-shadow: 05px 05px 10px #4D7EA6 inset, -05px -05px 10px #1F325A inset, 02px 02px 03px #000000; } &.ltblue { background-color: #277EA9; box-shadow: 05px 05px 10px #56ADD8 inset, -05px -05px 10px #255883 inset, 02px 02px 03px #000000; } &.sky { background-color: #29ACE2; box-shadow: 05px 05px 10px #4ACDDC inset, -05px -05px 10px #1D6FA5 inset, 02px 02px 03px #000000; } &.hover { background-color: #999999; box-shadow: 05px 05px 10px #C0C0C0 inset, -05px -05px 10px #525252 inset, 02px 02px 03px #000000; } } &.gray { background: #E8E9EB; border-left: 01px dotted #BABABA; } &.red { background: #571313; border-left: 01px dotted #823E3E; } &.blue { background: #12124F; border-left: 01px dotted #233482; } } } } &.divider td { font-size: 10px; height: 10px; &.gray { background-color: #D1D2D4; border-left: 01px dotted #BABABA; } &.red { background-color: #662222; border-left: 01px dotted #823E3E; } &.blue { background-color: #091A68; border-left: 01px dotted #233482; } } } } } .buttons{ margin: 10px; width: 100%; > button{ float: right; margin-left: 10px; } > button.discipline{ float: left; padding: 02px 40px; margin-left: 30px; } } } } #light-box-curtain{ background-color: #000; display: none; width: 100%; height: 100%; opacity: 0.86; position: absolute; z-index: 5000; } body.light-box{ background-color: transparent; background-image: none; .light-box-button-wrapper { width: 100%; button { float: right; margin: 20px; padding-left: 30px; padding-right: 30px; } } } #light-box-iframe{ display: none; position: absolute; z-index: 5000; width: 100%; height: 100%; top: 0; left: 0; } .light-box-container{ background: #CCCCCC; border-radius: 07px 07px 07px 07px; box-shadow: 05px 05px 10px #000000, 05px 05px 05px #F8F8F8 inset, -05px -05px 05px #7B7B7B inset; display: block; padding: 20px; width: 400px; margin: 100px auto; header { color: #003663; float: left; font-family: "franklin-gothic-urw-cond"; font-size: 23px; margin-bottom: 20px; width: 100%; } .loader{ background: url(/assets/icons/ajax-loader-big.gif) center no-repeat; display: none; width: 400px; height: 300px; } .finish{ display: none; width: 400px; height: 300px; float: left; ul{ margin: 90px auto 0; width: 250px; } } footer { float: right; margin-top: 05px; text-align: center; button { margin: 0 auto; padding-left: 40px; padding-right: 40px; } } } ul.error, ul.errors{ // background-image: url(/assets/styles/shared/warning-icon.png); // background-position: left center; // background-repeat: no-repeat; // min-height: 40px; margin-bottom: 20px; padding-left: 45px; padding-top: 20px; li{ font-family: "pragmatica-web"; color: #DD3333; line-height: 20px; // color: #A74552; // list-style-type: none; } } span.required{ color: #DD3333; } ul.ok{ background-image: url(/assets/styles/shared/ok-icon.png); background-position: left center; background-repeat: no-repeat; margin-bottom: 20px; min-height: 40px; padding-left: 45px; padding-top: 20px; li{ color: #005500; font-family: "pragmatica-web"; font-size: 17px; list-style-type: none; } } .tab-content{ display: none; &.selected{ display: block; } } .learn-more-link { background: url(/assets/styles/shared/blue-box.png) no-repeat; width: 100px; height: 25px; position: absolute; left: 0; bottom: 0; } .blockseperator:after{ content: ' '; display: block; clear: both; height: 19px; background-image: url(/assets/styles/shared/boxsep-bg.png); margin-bottom: -17px; position: relative; } input[type='text'], textarea{ border-top: solid 01px #010202; border-right: solid 01px #3d3e3e; border-bottom: solid 01px #676767; border-left: solid 01px #101111; box-shadow: 01px 01px 00px #b1b1b1; resize: none; } input[type='radio']{ width: 20px; } .popupWindow{ display: none; } .modalWindow{ display: none; margin: auto; } #overlay{ background: rgba(000, 000, 000, 0.85); position: absolute; width: 100%; height: 100%; overflow-y: auto; z-index: 30000; } .small{ font-size: 10px; } .retisterLoader{ background-image: url("/assets/icons/ajax-loader-small.gif"); background-repeat: no-repeat; display: none; height: 25px; margin: 10px auto auto; padding-left: 25px; padding-top: 05px; width: 140px; } .loader-small{ background-image: url("/assets/icons/ajax-loader-small.gif"); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; min-width: 50px; min-height: 50px; } .loader-big{ background-image: url("/assets/icons/ajax-loader-big.gif"); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; min-width: 100px; min-height: 100px; } .emailAFriend { background: #CCCCCC; border-radius: 07px 07px 07px 07px; box-shadow: 05px 05px 10px #000000, 05px 05px 05px #F8F8F8 inset, -05px -05px 05px #7B7B7B inset; padding: 20px; width: 400px; margin: 100px auto; header { color: #003663; float: left; font-family: "franklin-gothic-urw-cond"; font-size: 23px; margin-bottom: 20px; width: 100%; } .loader{ background: url(/assets/icons/ajax-loader-big.gif) center no-repeat; display: none; width: 400px; height: 300px; } .finish{ display: none; width: 400px; height: 300px; float: left; ul{ margin: 90px auto 0; width: 250px; } } footer { float: right; margin-top: 05px; text-align: center; button { margin: 0 auto; padding-left: 40px; padding-right: 40px; } } form.email-to-form { header { color: #003663; float: left; font-family: "franklin-gothic-urw-cond"; font-size: 23px; margin-bottom: 20px; width: 100%; } .form{ .errors{ float: left; } > label { clear: both; display: block; float: left; font-family: "pragmatica-web"; font-size: 14px; font-weight: 400; margin-top: 03px; padding-right: 1%; text-align: right; white-space: nowrap; width: 23%; } input[type="text"], textarea, select { border-color: #848484; box-shadow: none; float: left; margin-bottom: 10px; width: 74%; } textarea { height: 250px; } footer { float: right; margin-top: 05px; text-align: center; button { margin: 0 auto; padding-left: 40px; padding-right: 40px; } } } } } .print-only{ display : none; }