/* ----------------------------------------- Enterprise ----------------------------------------- */ /* Legacy, from head in manage.aspx */ .fl { float: left; } .fr { float: right; } .clear { clear: both; } .hidden { display: none; } .divContent { display: block; } .divTabContent { clear: both; } .divTop { height: 49px; } .divTabContent, .divTop { display: block; width: 100%; border: 1px solid #111; border-radius: 10px; } .divMain { display: block; height: 700px; margin: 0; } .divInnerNavigation { display: block; background-color: #F5F5F5; } .divInnerNavigationItem { /*background-color:#DEEBF7; */ border-bottom: 1px solid #fff; color: #333; font: 17px Arial; padding: 4px 4px 4px 9px; margin-right: 50px; outline: none; text-decoration: underline; } .divInnerNavigationItemSelected { /*background-color: #8BC5FB;*/ text-decoration: none; cursor: default; } .inputBox { width: 300px; height: 20px; border: 1px solid #111; border-radius: 5px; background-color: #fff; } .submitBtn { padding: 3px; background-color: #638ab0; border-color: #638ab0; border-radius:5px; cursor: pointer; margin: 20px 5px 0 0; } .userMsgBar { background-color: #FBF2A3; padding: 0 10px; } .tableClass { width: 50%; text-align: center; border-collapse: collapse; border: 1px solid #C3C3C3; } .tableBodyClass { text-align: center; } .contentHeader { margin: 0 0 20px 150px; } .ajaxLoadingDiv { display: none; width: 35px !important; height: 35px !important; min-width: 35px !important; vertical-align: middle; border: 0 !important; box-shadow: none !important; background: url("/images/loading.gif") no-repeat scroll transparent !important; } .topTab { border: 1px solid black; padding: 5px 10px; text-decoration: none; background-color: #FFFFFF; outline: none; border-radius: 7px 7px 0 0 } .topTabSelected { border-bottom: 1px solid #fff; background-color: #B5ADAD; } .orghelp { display: inline-block; width: 12px; height: 11px; margin: 3px 0 0 3px; cursor: pointer; background: url("/images/orghelp.png") no-repeat -19px -51px; } .smlogo { width: 47px; height: 42px; } #dateStartText, #dateEndText { height: 30px; } /* Org */ body { background-position: center 26px; } .logo.compact { width: 110px; height: 22px; margin-left: 10px; } .logo.compact a { background: url('/assets/f3/img/sm/surfmarklogo.png') no-repeat 0 -67px; } .logo.compact a:hover { background-position: -120px -67px; } nav { height: auto; min-height: 26px; } nav .row { width: 100%; } nav li { padding-bottom: 0; } nav a { line-height: 2; padding: 5px 15px 7px; } nav a.signup { margin: 6px 10px 0 0; } nav a.userin:after { margin-top: 9px; } nav .nav-bar li.notifs { height: 16px; } nav .nav-bar li.notifs strong { min-width: 22px; height: 21px; padding: 2px; margin: 2px 6px; line-height: 1.3; box-shadow: 0 0 3px rgba(238,238,238,.7); } nav .nav-bar li.notifs strong:after { display: none; } nav .flyout { top: 26px; } /* Sprites */ .dash-controls li span.mycourses, .dash-controls li span.addcourse, .dash-controls li span.teams, .pop-close, .pop-case .sharing li, .pop-case label.append span, .actions li:before, .visibility-level:before, .access-url + span { background: transparent url('/assets/f3/img/sm/icons.png?v=3') no-repeat; } /* No select */ .dash-controls li, .reset-chart-zoom, .slideTog label, .surflet-msg-box .spanEmulated, .field-gen, .surflet-msg-box .pEmulated.close, .surflet-msg-box .pEmulated.close:focus, .signups input[type="radio"] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #loginArea, #signupArea { margin: 30px 0; } #loginArea fieldset, #signupArea fieldset { width: 570px; } #loginArea button[type=submit] { margin: 10px 20px 30px 0; } #org_login_signup_prompt { font-size: 12px; color: #369; text-decoration: underline; } #org_login_signup_prompt:hover { color: #334399; text-decoration: none; } #orgLogoP { display: none; } fieldset { border: 0; margin: 10px 0; padding: 0; background: transparent; } .content { background: transparent; padding-top: 0; } .dash { width: 100%; margin-top: 20px; box-shadow: 0 0 10px rgba(34,34,34,.2); -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;} .dash-head { height: 36px; background-color: #718A9E; border: 1px solid #425261; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px 0 #97ACB4; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;} .dash-head div, .dash-head h1, .dash-head button { display: inline-block; } .bread ul, .bread li, .bread a { display: inline; } .dash-head div { width: 66px; height: 28px; margin: 3px 10px 0 3px; vertical-align: top; border: 1px solid #666; border-radius: 3px; overflow: hidden; } .dash-head div img { width: 66px; height: 28px; background-color: #fff; } .dash-head h1 { margin: 0; font: normal 16px/33px Trebuchet MS, Helvetica, Arial, san-serif; color: #fff; text-shadow: 1px 1px 1px rgba(34, 34, 34, .7); } .dash-head button { float: right; height: 26px; margin: 4px 4px 0 0; padding-left: 7px; color: #444; border: 1px solid #666; border-radius: 3px; box-shadow: none; font-size: 12px; } .dash-head button:hover { background: #FFFFA1; box-shadow: 0 0 5px rgba(255,255,255,.7), inset 0 1px 1px #fff; } .dash-head button:active { background-color: #E2E2E2; box-shadow: inset 0 0 7px rgba(34, 34, 34, .3); } .dash-head button:before { content: "+"; display: inline-block; font-size: 15px; font-weight: bold; margin-right: 5px; } .dash-head button.newplugin span:before { content: "New"; color: #333; background-color: #ffc; padding: 2px 4px; border-radius: 5px; } .dash-main { position: relative; border: 1px solid #B1B5B6; background-color: #F0F3F4; border-top: none; overflow: hidden; border-radius: 0 0 3px 3px; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none; } .dash-main p { margin: 0; } .dash-controls { float: left; width: 21%; min-height: 520px; background-color: #E4EBED; border-right: 1px solid #C4D6DB; } .dash-panel { float: right; width: 78%; margin-left:1%} .dash-panel, .dash-controls { padding: 0; } .dash-controls:first-child { padding-top: 15px; } .dash-controls h6 { padding: 0 0 0 20px; font: 12px/23px "Proxima", Trebuchet MS, Helvetica, Arial, san-serif; text-transform: uppercase; color: #9E1853; } .dash-controls ul { margin-bottom: 10px; padding-bottom: 1px; border-bottom: 1px solid #C4D6DB; } .dash-controls ul:last-child { border-bottom: none; } .dash-controls li { font: 14px/25px "Proxima", Trebuchet MS, Helvetica, Arial, san-serif; color: #333; cursor: pointer; border-top: 1px solid transparent; border-bottom: 1px solid transparent; height: auto; margin: 0; text-indent: 9px; white-space: nowrap; } .dash-controls li.on, .dash-controls li:hover { color: #2B99BF; background-color: #F8FAFA; border-top: 1px solid #C4D6DB; border-bottom: 1px solid #C4D6DB; margin-top: -1px; padding-top: 1px; } .dash-controls li span { display: inline-block; width: 30px; font: 32px/23px "Entypo", san-serif; color: #5D7E8B; text-align: center; vertical-align: text-bottom; margin-right: 5px; } .dash-controls li:hover > span, .dash-controls li.on > span { color: #2B99BF; } .dash-controls li span.mycourses, .dash-controls li span.addcourse, .dash-controls li span.teams { height: 23px; text-indent: -9999px; } .dash-controls li span.mycourses { background-position: 1px -3556; } .dash-controls li span.addcourse { background-position: 1px -3634px; } .dash-controls li span.teams { background-position: 1px -3713px; } .dash-controls li span.mycourses:hover, .dash-controls li.on span.mycourses { background-position: 1px -3517; } .dash-controls li span.addcourse:hover, .dash-controls li.on span.addcourse { background-position: 1px -3596px; } .dash-controls li span.teams:hover, .dash-controls li.on span.teams { background-position: 1px -3674px; } /* $('#manageGrpLink span').addClass('mycourses'); $('#addGrpLink span').addClass('addcourse'); $('#manageSubGrpsLink span').addClass('teams'); */ .dash-panel .bread { display: block; height: 24px; padding: 0 0 0 7px; border-bottom: 1px solid #C4D6DB; } .dash-panel .bread ul, .dash-panel .bread li { margin: 0; } .dash-panel .bread li, .dash-panel .bread a { font: 12px/25px "Proxima", Trebuchet MS, Helvetica, Arial, san-serif; color: #1F6F89; } .dash-panel .bread li:first-child { text-transform: uppercase; } .dash-panel .bread a { float: right; margin-right: 10px; } .dash-panel .bread a:hover { color: #f00; } .dash-panel .tray { padding: 15px 10px 20px 30px; } .dash-panel .tray h3 { font: 18px/30px "Proxima", Trebuchet MS, Helvetica, Arial, san-serif; color: #333; margin-bottom: 10px; } .dash-panel .tray.up { display: block; } .row-fields input, .row-fields select { display: inline !important; margin: 0 0 6px 0 !important; } .row-fields label { display: inline-block; width: 130px; margin-right: 10px; text-align: right; } .userAdd button.grey { margin-top: 20px; } /* Buttons */ .tray button.grey, .tray button.gold { margin-right: 5px; } .tray.profileChgPwd button.gold { margin: 10px 0 0 144px; } .tray button { position: relative; display: inline-block; height: 36px; padding: 0 20px; vertical-align: top; font: 14px/35px "Helvetica Neue", Trebuchet MS, Arial, san-serif; color: #fff; text-align: center; text-decoration: none; text-shadow: 0 -1px rgba(0,0,0,.2); background-clip: padding-box; border: 1px solid; border-radius: 3px; background: #f4902a; border-color: #df770c #df770c #c76a0a; box-shadow: inset 0 1px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.4); background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -ms-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f38617); } .tray button:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255,255,255,.08), rgba(255,255,255,0)); background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255,255,255,.08), rgba(255,255,255,0)); background-image: -ms-radial-gradient(center top, farthest-corner, rgba(255,255,255,.08), rgba(255,255,255,0)); background-image: radial-gradient(center top, farthest-corner, rgba(255,255,255,.08), rgba(255,255,255,0)); } .tray button:hover { text-shadow: 0 0 1px #fff, 0 -1px #92922B; border-color: #976839; box-shadow: inset 0 1px rgba(255,255,13,.3), inset 0 0 0 1px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.5); } .tray button:active { text-shadow: none; background: #f4902a; border-color: #c76a0a #df770c #df770c; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .tray button:active:before { content: none; } .tray button.manage { width: 29px; height: 26px; margin: 5px auto; border: 1px solid #186f8f; box-shadow: inset 0 1px 0 #7fd2f1, 0 1px 0 #fff; background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: linear-gradient(to bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); } .tray button.manage:before { content: '\0026'; font: 32px/.5 "Entypo", san-serif; color: #09094B; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,.6); } .tray button.manage:hover { box-shadow: inset 0 0 3px #fff, 0 0 4px rgba(0,0,0,.3); } .tray button.manage:active { border-color: #666; background: #fc6; box-shadow: inset 0 0 4px rgba(0,0,0,.3); } .tray button.cancel { background: #ccc; border-color: #888; color: #444; text-shadow: 0 -1px 1px #fff; background-image: -webkit-linear-gradient(top, #E7E7E7, #D6D6D6); background-image: -moz-linear-gradient(top, #E7E7E7, #D6D6D6); background-image: -ms-linear-gradient(top, #E7E7E7, #D6D6D6); background-image: linear-gradient(to bottom, #E7E7E7, #D6D6D6); } .tray button.cancel:hover { background: #E0E0E0; border-color: #999; color: #111; box-shadow: inset 0 1px rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.5); } /* Analytics */ .anal_chart { height: 500px; width: 700px; padding: 10px; margin-top: 50px; } .analytics tr { background: #F8F8F8 !important; } .analytics td { padding: 10px 15px !important; } .analytics th, .analytics td { border: 0 !important; } .analytics table { border-color: #E7E7E7 !important; } .jqplot-title { top: -20px !important; text-align: left !important; line-height: 0 !important; font-size: 15px !important; } table.jqplot-table-legend { top: 12px !important; border-collapse: separate !important; } .reset-chart-zoom { display: inline-block; cursor: pointer; margin: 20px 0 10px; } .dash-panel aside { width: 60%; padding: 17px 20px; margin-bottom: 20px; border: 1px solid #ccc; background-color: #fff; font: 12px/18px "Proxima", Trebuchet MS, Helvetica, Arial, san-serif; color: #333; } .dash-panel aside ul { margin: 5px 0; } .dash-panel aside li { list-style-type: circle; list-style-position: inside; margin-bottom: 3px; } .dash-panel label { clear: both; cursor: text; font: 14px/20px "Proxima", Helvetica, Trebuchet MS, Arial, san-serif; color: #333; } .dash-panel label em { font-size: 12px; color:#666; margin-left: 5px; } .dash-panel label em.groupLabel { font-size: 14px; color: #333; } /* [?] Hints */ .tray small { position: relative; margin-left: 5px; vertical-align: top; font-size: 11px; line-height: .7; color: #369; letter-spacing: 1px; cursor: help; } .tray small[data-title]:hover:before { display: block; } .tray small[data-title]:hover:after { content: attr(data-title); text-align: center; letter-spacing: 0; font: normal 12px/18px "Proxima", Helvetica, Arial, san-serif; color: #fff; background-color: #444; position: absolute; left: -20px; top: auto; bottom: 22px; padding: 4px 8px; min-width: 200px; z-index: 11111; border-radius: 3px; } .tray small[data-title]:before { content: ""; display: none; width: 0; position: absolute; border-style: solid; border-color: #444 transparent; } .tray small[data-title]:before { top: -12px; left: -4px; bottom: auto; right: auto; border-width: 10px 10px 0; } .tray small[data-title]:after { top: -11px; left: -5px; bottom: auto; right: auto; border-width: 9px 9px 0; border-color: #444 transparent; } .tray small.tiny[data-title]:hover:after { min-width: 120px; } .tray small.mid[data-title]:hover:after { min-width: 300px; } .tray small.wide[data-title]:hover:after { text-align: left; min-width: 400px; } .tray button + small { margin-left: 0; margin-right: 6px; } .dash-panel input, .dash-panel textarea, .dash-panel select { display: block; width: 250px; height: 36px; padding-left: 5px; margin: 0 0 13px 0; border: 1px solid #bbb; border-radius: 3px; font: 16px "Proxima", Helvetica, Arial, san-serif; color: #444; background-color: #fff; } .dash-panel input::-webkit-input-placeholder, .dash-panel textarea::-webkit-input-placeholder { color: #999; font: italic 12px/12px Trebuchet MS, Helvetica, Arial, san-serif; } .dash-panel input::-moz-placeholder, .dash-panel textarea::-moz-placeholder { color: #999; font: italic 12px/12px Trebuchet MS, Helvetica, Arial, san-serif; } .dash-panel input:focus, .dash-panel textarea:focus, .dash-panel select:focus { background-color: #ffffd9; outline: 0; border-color: rgba(82,168,236,.75); box-shadow: 0 0 8px rgba(82,168,236,.5); } .dash-panel textarea { width: 257px; height: 55px; resize: none; } .dash-panel select { width: 257px; height: 36px; } .dash-panel input[type=radio], .dash-panel input[type=checkbox] { float: left; width: 18px; height: 18px; margin: 7px 5px 7px 0; padding: 0; border: 0; vertical-align: top; } .dash-panel input[type=radio] + span { float: left; text-indent: 0; line-height: 33px; margin-right: 20px; } .dash-panel input[type=radio] + span em { font: italic 13px/22px Trebuchet MS, Helvetica, Arial, san-serif; color:#666; margin: 0 5px; } .dash-panel input[type=radio]:checked + span { color: #000; } .dash-panel input[type=file] { height: 35px; border: 0; border-radius: 5px; padding: 5px; background: none; background-color: #D1DFEC; -webkit-appearance: none; appearance: none; } .dash-panel input.in, .dash-panel textarea.in, .dash-panel select.in { display: inline-block; } .dash-panel .radio-set { display: block; } div.in { display: inline-block; vertical-align: top; margin-right: 20px; } .dash-panel table { border-collapse: collapse; } .dash-panel table, .dash-panel th, .dash-panel td { border: 1px solid #90A552; } .dash-panel tr { display: table-row; background-color: #fff; } .dash-panel tr.odd { background-color: #EAF2D3; } .dash-panel td { padding: 4px 9px; height: 20px; vertical-align: middle; max-width: 130px; overflow: hidden; white-space: nowrap; font-size: 14px; } .dash-panel th { background-color: #90A552; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: normal; } #viewModeratorGroups td { max-width: 100%; } #viewModeratorGroups .tableClass { width: 97%; } #viewModeratorGroups th:first-child { width: 60%; } #viewModeratorGroups .dash-panel th { border-bottom: 1px solid #377523; } fieldset legend { margin-bottom: 8px; padding: 7px 14px; border: 1px solid #999; border-radius: 3px; background: #F1F1F1; } .group.true fieldset { border: 2px groove threedface; background-color: #E4EBED; padding: 5px 10px 20px 15px; width: 660px; } .group.true fieldset.smllr { padding-bottom: 10px; } .group.true button + small { margin-right: 11px; } .group.true select { margin-right: 20px; } .group.true select.thnr { width: 150px; } a.subgrp { font: bold 14px "Helvetica Neue", Trebuchet MS, Arial, san-serif; text-decoration: underline; cursor:pointer } a.subgrp:hover { color: #FF7A00; text-decoration: none; padding: 0 4px; background-color: #f7f7f7; border: 1px solid #ddd; } a.subgrp:active { color: #2D8305; } a.subgrp:hover:before { content: "["; font: 28px/13px "Entypo", san-serif; vertical-align: top; color: #FF7A00; padding-right: 2px; } a.subgrp:active:before { color: #2D8305; } .dash a.act, .reset-chart-zoom { padding: 4px 12px; font: bold 12px "Helvetica Neue", Trebuchet MS, Arial, san-serif; color: #fff; background-color: #3BB3E0; border: 1px solid #186F8F; border-radius: 3px; box-shadow: inset 0 1px 0 #7FD2F1, 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: -moz-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: -ms-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: linear-gradient(to bottom, #3EB8E5, #2CA0CA); } .dash a.act:hover, .reset-chart-zoom:hover { border: solid 1px rgba(0,52,129,1); box-shadow: 0 1px 0 0 rgba(255,255,255,.4) inset, 0 -1px 0 0 rgba(255,255,255,.2) inset; background-image: -webkit-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: -moz-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: -ms-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: linear-gradient(to bottom, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); } .dash a.act:active, .reset-chart-zoom:hover { background-image: none; border: solid 1px rgba(0,70,131,1); box-shadow: 0 0 3px 1px rgba(0,61,127,.3) inset, 0 0 2px 1px rgba(0,60,125,.2) inset; } .dash a.act.sec { color: #242424; background-color: #707070; border: 1px solid #919191; background-image: -webkit-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: -moz-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: -ms-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: linear-gradient(to bottom, #DFDFDF, #B3B3B3); box-shadow: inset 0 1px 0 white, 0 1px 0 white; } .dash a.act.sec:hover { color: #111; background-color: #707070; background-image: -webkit-linear-gradient(top, #eee, #d4d4d4); background-image: -moz-linear-gradient(top, #eee, #d4d4d4); background-image: -ms-linear-gradient(top, #eee, #d4d4d4); background-image: linear-gradient(to bottom, #eee, #d4d4d4); } .dash a.act.sec:active { color: #000; background: #fff; } em.groupLabel, em.subGrpLabel { font-style: normal !important; margin: 0 !important; } .create-step1 { display: block; } .create-step2 { display: none; } /* .transferSelectionBtn { display: block; font: bold 13px/18px "Helvetica", Arial, san-serif !important; color: #fff !important; background-color: #599AD0; padding: 5px 10px; margin: 0 10px; text-transform: uppercase; border-radius: 2px; box-shadow: inset 0 0 3px rgba(34, 34, 34, .5); } .transferSelectionBtn:hover { background-color: #1F6F89; } .transferSelectionBtn:active { background-color: #349722; } */ .actions { margin: 0 10px 0 0; } .actions li { display: inline-block; margin-left: 20px; color: #28445B; font-size: 14px; cursor: pointer; } .actions li:hover { color: #D96D00; } .actions li:active { color: #aaa; } .actions li:before { content: ""; display: inline-block; width: 22px; height: 20px; margin-right: 3px; vertical-align: top; } .actions li.act-visible:before { background-position: 1px -4190px; } .actions li.act-visible:hover:before { background-position: 1px -4267px; } .actions li.act-visible:active:before, .actions li.act-visible.disabled:before { background-position: 1px -4228px; } .actions li.act-delete:before { background-position: 1px -3867px; } .actions li.act-delete:hover:before { background-position: 1px -3936px; } .actions li.act-delete:active:before, .actions li.act-delete.disabled:before { background-position: 1px -3901px; } .actions li.act-assign:before { background-position: 1px -4086px; margin-right: 6px; } .actions li.act-assign:hover:before { background-position: 1px -4155px; } .actions li.act-assign:active:before, .actions li.act-assign.disabled:before { background-position: 1px -4122px; } .actions li.act-copies:before { background-position: 1px -3754px; margin-right: 7px; } .actions li.act-copies:hover:before { background-position: 1px -3825px; } .actions li.act-copies:active:before, .actions li.act-copies.disabled:before { background-position: 1px -3790px; } .action-panel { display: none; } .action-panel fieldset { width: 97%; margin: 40px 0 0; padding: 10px 10px 10px 20px; background: #fff; border: 1px solid #ddd; } .action-panel legend { border: 0; background: #369; color: #fff; } .mysm-head { height: 40px; margin: -16px -10px 15px -31px; padding: 0 10px 0 0; background-color: #CAD5DF; } .mysm-head .tabs { float: left; margin: 0; } .mysm-head .tabs li { display: inline-block; padding: 0 0 0 20px; margin: 0; cursor: pointer; font: bold 14px/40px "Helvetica Neue", Helvetica, Arial, san-serif; color: #555; } .mysm-head .tabs li span { display: inline-block; color: #fff; font-size: 13px; line-height: 21px; background-color: #4E7492; padding: 0 6px; margin: 0 8px; border-radius: 3px; } .mysm-head .tabs li.up span { background-color: #3A5979; } .mysm-head .tabs li:hover { color: #8F1772; } .mysm-head .tabs li.up, .mysm-head .tabs li.up:hover { color: #111; cursor: default; background-color: #A9BECF; } .mysm-head .toggles { float: right; height: auto; margin: 3px -7px 0 0; vertical-align: top; border: 3px solid #416D91; border-radius: 3px; } .mysm-head .toggles li { float: left; width: 30px; border-left: 1px solid #888; box-shadow: -1px 0 0 rgba(255,255,255,.5); background: #ddd; background-image: -webkit-linear-gradient(top, #F8F8F8, #BEBEBE); background-image: -moz-linear-gradient(top, #F8F8F8, #BEBEBE); background-image: -ms-linear-gradient(top, #F8F8F8, #BEBEBE); background-image: linear-gradient(to bottom, #F8F8F8, #BEBEBE); } .mysm-head .toggles li:first-child { border: 0; box-shadow: none; } .mysm-head .toggles li:hover { background: #F8F8F8; } .mysm-head .toggles li a { display: block; width: 33px; height: 28px; padding: 0; direction: ltr; text-indent: -9999px; background: transparent url('/assets/f3/img/sm/tools.png') no-repeat; } .mysm-head .toggles li:nth-child(1) a { background-position: 4px -1997px; } .mysm-head .toggles li:nth-child(2) a { background-position: 4px -2033px; } .mysm-head .toggles li:last-child a.active { width: 29px; border-right: 0; } .mysm-head .toggles li a.active { width: 41px; background-color: #eee; border-right: 1px solid #888; box-shadow: inset 0 0 20px rgba(252,203,8,.8); } .mysm-head .toggles li a.active:hover { background-color: #fff; } /* List table */ .mysm-tbl { margin: 50px 0 0 -20px; } #surfmarksMyTable table { width: 100% !important; } #surfmarksMyTable th { border-right: 1px solid rgba(255,255,255,.2); } #surfmarksMyTable th:nth-child(4) { width: 70px; text-align: center; } #surfmarksMyTable th:last-child { width: 50px; border: 0; text-align: center; } #surfmarksMyTable input[type=radio] { float: none; margin: 7px auto; } #surfmarksMyTable input[type=checkbox] { margin: 0; } #surfmarksMyTable input[type=checkbox] + label { display: block; height: 16px; width: 16px; margin: 0 auto; cursor: pointer; background: #ddd; border: 1px solid #aaa; } #surfmarksMyTable input[type=checkbox] + label:before { content: ""; font: 32px/6px "Entypo"; } #surfmarksMyTable input[type=checkbox] + label:hover:before { content: "W"; color: #999; } #surfmarksMyTable input[type=checkbox]:checked + label { background: #2CA0CA; border-color: #0F61B3; } #surfmarksMyTable input[type=checkbox]:checked + label:before { content: "W"; color: #fff; } .visibility-level:before { content: ""; display: inline-block; width: 18px; height: 20px; margin: 10px 12px 0 10px; vertical-align: top; } .visibility-level.private:before { background-position: -1px -2841px; } .visibility-level.public:before { background-position: -1px -2725px; } .visibility-level.linked:before { background-position: 0 -2753px; } .visibility-level.org:before { background-position: -1px -2779px; } .visibility-level.orglinked:before { background-position: -1px -2809px; } table .visibility-level { width: 20px; margin: -4px auto 0; line-height: 0; } table .visibility-level:before { margin: -2px auto 0; } .access-grants .visibility-level:before { margin: -3px 5px 0 0; } .has-tip { cursor: default; font-weight: normal; border-bottom: 0; } .pagination { margin-left: -10px; } .pagination li { min-width: 23px; background: #ddd; border-radius: 2px; overflow: hidden; } .pagination li:hover { background: #C9DB9B; } .pagination li:active { background: #ccc; } .pagination li:hover a { color: #111; } .pagination li a { line-height: 1.7; } .pagination li a, .pagination li.arrow { background: none !important; } .pagination li.current { background: #90A552; } .pagination li.current:hover { background: #90A552; } .pagination li.arrow a { font-size: 20px; line-height: .9; } .pagination li.arrow a:hover { color: #FF8F00; } .pagination li.arrow.unavailable a:hover { color: #999; } /* Collage elements */ .mysm-coll { display: none; position: relative; margin: 50px 0 0 -20px; } .mysm-coll > div { min-height: 300px; } /* From legacy on profile page */ .item, .followingitem, .closedprivsmitem { position: relative; float: left; width: 222px; height: 270px; margin: 0 10px 15px 1px; } .item, .followingitem, .closedprivsmitem, .pageitem { margin: 5px !important; background-color: #fff; border: 1px solid #aaa; border-radius: 3px; box-shadow: 1px 1px 3px rgba(145,145,145,.4); } .pageitem { width: 220px; margin: 0 0 15px; } .pageitem .imgTitle { cursor: pointer; margin: 10px 10px 0; opacity: 1; } .pageitem .collage_anno_score { padding: 3px 0 0 10px; font-size: 13px; font-weight: bold; background-color: #fff; border-top: 1px solid #E5E5E5; } .pageitem .collage_anno_score span:first-child { float: right; vertical-align: top; line-height: 14px; margin-right: 10px; } .pageitem:hover > .actionDiv { display: block; } .actionDiv.editactive { display: none; } .elemTitle { display: block; height: 28px; margin-bottom: 7px; padding: 10px; overflow: hidden; white-space: nowrap; } .hand.elemTitle { font-size: 11px; padding-left: 0; } .likeCnt, .grabCnt { margin-left: 12px; } .actionDiv { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 33px; margin: 5px 0; background: rgba(255,255,255,.8);} .actionDiv > div { display: inline-block; width: 30%; padding: 5px; margin-left: 5px; font: bold 11px/16px "Helvetica Neue"; text-align: center; cursor: pointer; border: 1px solid #7E7C7C; } .item img, .followingitem img, .closedprivsmitem img { width: 59px; height: 59px; margin: 0 5px 5px 0; border: 1px solid #ddd; background-color: #fff; } .item > div, .followingitem > div, .closedprivsmitem > div { width: 204px; padding: 0 0 0 16px; } .hand { cursor: pointer; } .hide { display: none; } input[type=checkbox].surf { display: none; margin: 0; } input[type=checkbox].surf + label { display: block; height: 16px; width: 16px; margin: 0 auto; cursor: pointer; background: #ddd; border: 1px solid #aaa; } input[type=checkbox].surf + label:before { content: ""; font: 32px/6px "Entypo"; } input[type=checkbox].surf + label:hover:before { content: "W"; color: #999; } input[type=checkbox].surf:checked + label { background: #0080FF; border-color: #0F61B3; } input[type=checkbox].surf:checked + label:before { content: "W"; color: #fff; } /* Annotations specific */ .annNoteIcon, .annTextIcon, .annHlIcon, .annPenIcon, .starOn { display: inline-block; width: 16px; height: 16px; } .annNoteIcon { background-position: 0 -460px; } .annTextIcon { background-position: 0 -521px; } .annHlIcon { background-position: 0 -481px; } .annPenIcon { background-position: 0 -501px; } .starOn { background-position: 0 -542px; } .imagediv { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #loadMoreBtn { width: 30%; margin: 10px auto 10px 32.3%; border-radius: 30px; } .meta { position: absolute; left: 0; bottom: 0; margin: 0; border-top: 1px solid #E0E0E0; } .meta li { float: left; width: 44px; margin: 0; padding-left: 2px; overflow: hidden; border-left: 1px dotted #C5C5C5; background: #fff; font-size: 10px; line-height: 25px; color: #999; } .meta li:first-child { border-left: none; } .meta li:hover { color: #000; background-color: rgba(199,211,225,.4); } .meta li:hover:before { color: #333; } .meta li:before { margin: 0 3px; font: 25px/18px "Entypo"; color: #999; vertical-align: top; } .meta li.pages:before { content: "n"; } .meta li.views:before { content: "M"; } .meta li.likes:before { content: "6"; } .meta li.score:before { content: "B"; } .meta li.actvty { cursor: pointer; } .meta li.actvty:before { content: "f"; font-size: 29px; color: #69B1DA; margin-left: 9px; } .meta li.actvty:hover:before { color: #CFB136; } .has-tip { cursor: default; font-weight: normal; border-bottom: 0; } .colld > div input[type=checkbox].surf + label { display: none; } .colld > div:hover { border-color: #FFDF79; box-shadow: 0 0 0 3px #FFDF79; } .colld > div:hover .meta { width: 100%; padding-top: 4px; border: 0; background-color: #FFDF79; } .colld > div:hover .meta li { background-color: transparent; border-color: #DBC96B; } .colld > div:hover .meta li, .colld > div:hover .meta li:before { color: #855706; } .colld > div:hover .meta li:last-child:hover, .colld > div:hover .meta li:last-child:hover:before { color: #c00; } .colld > div:hover input[type=checkbox].surf + label { display: block; position: absolute; top: 0; right: 0; height: 28px; width: 28px; cursor: pointer; background: #F8F5A3; border: solid #FFDF79; border-width: 0 0 4px 4px; border-radius: 0 0 0 4px; box-shadow: inset 0 0 0 1px #aaa; } #followingItems.colld > div:hover input[type=checkbox].surf + label { display: none !important; } .colld > div:hover input[type=checkbox].surf + label:before { font-size: 55px; line-height: 8px; } .colld > div:hover input[type=checkbox].surf + label:hover:before { color: #C5C54D; } .colld > div:hover input[type=checkbox].surf:checked + label { background: #FFFCB6; } .colld > div:hover input[type=checkbox].surf:checked + label:before, .colld > div:hover input[type=checkbox].surf:checked + label:hover:before { color: #444; } .actionDiv { height: 36px; border-bottom: 3px solid #FFDF79; } .actionDiv ~ input[type=checkbox].surf + label { top: 41px !important; } .noselect .actionDiv { height: 33px; border-bottom: 0; } .noselect input[type=checkbox].surf + label { display: none !important; } .selected { border-color: #FFC200; box-shadow: 0 0 0 3px #FFC200; } .selected .meta { width: 100%; padding-top: 4px; background-color: #FFC200; } .selected .meta li { background-color: transparent; border-color: #DAA51D; } .selected .meta li, .selected .meta li:before { color: #855706; } .selected .meta li:hover, .selected .meta li:hover:before { color: #000; background-color: transparent; } .selected input[type=checkbox].surf + label { display: block !important; position: absolute; top: 0; right: 0; height: 28px; width: 28px; cursor: pointer; background: #F8F5A3; border: solid #FFC200; border-width: 0 0 4px 4px; border-radius: 0 0 0 4px; box-shadow: inset 0 0 0 1px #aaa; } .selected input[type=checkbox].surf + label:before { font-size: 55px; line-height: 8px; } .selected input[type=checkbox].surf + label:hover:before { color: #C5C54D; } .selected input[type=checkbox].surf:checked + label { background: #ececec; } .selected input[type=checkbox].surf:checked + label:before, .selected input[type=checkbox].surf:checked + label:hover:before { color: #444; } /* Other stuff */ .add-users { display: block; margin-bottom: 15px; width: 680px; } .add-users div { width: 100%; } .add-users label { width: 150px; text-align: right; display: inline-block; margin-right: 8px; } .users-by-input input, .users-by-select select { display: inline-block; margin-bottom: 8px; } .users-by-input input { width: 305px; } .users-by-input input::-webkit-input-placeholder { font: italic 12px "Proxima", "Helvetica Neue", Arial, san-serif; color: #777; } .users-by-input input::-moz-placeholder { font: italic 12px "Proxima", "Helvetica Neue", Arial, san-serif; color: #777; } .users-by-input input + span { display: inline-block; vertical-align: top; font: 37px/11px "Entypo", san-serif; color: #555; margin: 3px 0 0 0; cursor: pointer; } .users-by-input input + span:hover { color: #2FA718; } .unknown-emails { display: none; clear: both; margin-top: 10px; border-left: 4px solid orange; } .unknown-emails h6 { font: italic 12px "Helvetica", Trebuchet MS, Arial, san-serif; color: #BB6238; background-color: #FFECBD; padding: 5px; } .unknown-emails h6 strong { font-size: 13px; font-style: normal; color: #333; } .unknown-emails h6 span, .unknown-emails h6 span:hover { font-size: 11px; font-style: normal; color: #444; margin-left: 22px; cursor: text; } .unknown-emails h6:before, .unknown-emails p:before, .unknown-emails h6 a { font: 30px/8px "Entypo"; content: "`"; color: #996C33; margin-right: 5px; vertical-align: top; } .unknown-emails p:before { content: "%"; color: #369; line-height: .5; } .unknown-emails p { margin: 0; background-color: #D7E8E9; padding: 5px; } .unknown-emails span { font-size: 12px; color: #268EB1; cursor: default; } .unknown-emails span:hover { color: #BD3D3D; } .unknown-emails h6 a { float: right; margin: -14px 5px 0 0; content: "X"; font-size: 27px; font-style: normal; color: #69481D; } .unknown-emails span.ttp {margin-right:5px} .users-by-select select { width: 312px; } .users-by-select span { display: block; margin: 3px 0 0 161px; } .users-by-select input[type="checkbox"] { margin: 1px 6px 7px 0; } #emLoad { margin: '15px 0 0 -20px'; cursor: 'text'; } .users-group { width: 680px; z-index: 2; } .users-group h5 { font: normal 16px Trebuchet MS, "Helvetica Neue", Arial, san-serif; color: #268EB1; text-align: center; margin-top: 70px; } .users-group label { float: left; font-family: "Proxima"; font-size: 16px; margin: 0; } .users-group p { float: right; margin-right: 30px; font: 12px/33px Trebuchet MS, "Helvetica Neue", Arial, san-serif; color: #111; } .users-group p:after { font: 27px/22px "Entypo"; content: "-"; vertical-align: top; margin-left: 7px; } .users-group p strong { font-family: Trebuchet MS; } .group-tray { width: 650px; height: 180px; padding: 15px; background-color: #fff; border: 4px solid #ccc; overflow: scroll; overflow-x: hidden; } .group-tray::-webkit-scrollbar { width: 12px; } .group-tray::-webkit-scrollbar-track { background: #ccc; box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; } .group-tray::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(255,255,255,.8); box-shadow: inset 0 0 6px rgba(0,0,0,.5); } .group-tray::-webkit-scrollbar-thumb:hover { background: rgba(43,154,191,.8); } .group-tray::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,.6); } .group-tray input[type="checkbox"] { display: none; float: none; margin: 2px 2px 2px 0; } .group-tray label { position: relative; display: block; margin: 0; max-width: 180px; overflow: hidden; white-space: nowrap; font: normal 13px/22px Trebuchet MS, "Helvetica Neue", Arial, san-serif; color: #2C86E0; cursor: pointer; } .group-tray label:before, .group-tray label.checked:before { display: inline-block; width: 15px; height: 15px; vertical-align: top; font: 33px/14px "Entypo"; content: "W"; color: #2C86E0; } .group-tray label.unchecked:before { content: "X"; color: #8F8F8F; } .group-tray label:hover, .group-tray label.unchecked:hover, .group-tray label.checked:hover:before, .group-tray label.unchecked:hover:before { color: #BEA625; } .group-tray label.unchecked { color: #8F8F8F; } .group-tray.select-users { display: none; position: absolute; width: 540px; padding: 10px; margin: -34px 0 0 162px; z-index: 3; } .group-tray.select-users ul { display: block; text-align: right; width: 524px; height: 21px; background-color: #eee; padding: 8px 8px 30px; margin: -10px 0 0 -10px; } .group-tray.select-users li { display: inline-block; margin-right: 7px; } .group-tray.select-users li:last-child { margin-right: 20px; } .group-tray.select-users label { text-align: left; } .group-tray.select-users .user-block div { height: 140px; width: auto; margin-right: 15px; } .group-tray + div { position: relative; margin: 10px 3px; } /* button group */ /* remove options */ .group-tray + div > div { display: none; position: absolute; top: 23px; left: 0; min-width: 260px; max-width: 460px; height: auto; background-color: #fff; border: 3px solid #ccc; box-shadow: 1px 3px 3px rgba(78, 78, 78, .7); } .group-tray + div > div li { font-size: 14px; line-height: 25px; margin: 0; padding-left: 10px; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #ddd; color: #333; cursor: pointer; } .group-tray + div > div li:hover { color: #2C86E0; background-color: #E7E7E7; } .group-tray + div > div ul { margin: 0; } #contentM_group_finishbtn { margin: 0 0 0 2px; } .group-teams { margin: 30px 0 10px; } .group-teams td { padding: 3px 10px; } .atip { position: absolute; padding: 1px 4px; font-size: 11px; color: #fff; border: 2px solid #fff; border-radius: 4px; background: rgba(0,0,0,.9); box-shadow: 0 0 0 1px rgba(0,0,0,.5); } .atip:before, .atip:after { content: ""; border-style: solid; border-width: 6px 6px 0; position: absolute; top: 100%; left: 50%; margin-left: -6px; } .atip:before { border-color: rgba(0,0,0,.5) transparent transparent; margin-top: 2px; } .atip:after { border-color: #fff transparent transparent; margin-top: 1px; } .user-block { height: 120px; padding-top: 10px; border-top: 0 solid #ddd; } .users-group h5 + div, .user-block:first-child { padding-top: 0; border-top: none; } .user-block div { display: inline; float: left; margin-right: 50px; } .user-block div:last-child { margin-right: 0; } /* TUCK */ .dash.tuck .dash-head { height: 72px; background: #00703C; border-bottom: 1px solid #144E08; } .dash.tuck .dash-head div { width: 241px; height: 58px; border: 1px solid #2B9ABF; border-radius: 0; } .dash.tuck .dash-head h1 { text-indent: -9999px; } .dash.tuck .dash-head div p { width: 237px; height: 54px; border: 3px solid #fff; background: #fff url('/images/tuck-logo.jpg') no-repeat; border-radius: 0; } .dash.tuck .dash-main { border: 1px solid #88C594; background-color: #EFF3F2; } .dash.tuck .dash-controls { border-right: 1px solid #88C594; background-color: #E9E6DD; } .dash.tuck .dash-controls li.on, .dash.tuck .dash-controls li:hover { color: #118328; background-color: #F8FAFA; border-top: 1px solid #88C594; border-bottom: 1px solid #88C594; } .dash.tuck .dash-controls h6, .dash.tuck .dash-panel .bread li, .dash.tuck .dash-panel .bread a, .dash.tuck .dash-panel small, .dash.tuck .dash-controls li:hover > span, .dash.tuck .dash-controls li.on > span { color: #00703C; } .dash.tuck .dash-panel th { background-color: #AD9C71; } .dash.tuck .dash-panel table, .dash.tuck .dash-panel th, .dash.tuck .dash-panel td { border: 1px solid #AA8454; } .dash.tuck .dash-panel tr.odd { background-color: #E9EBE6; } .tuckPortalMsg{font-size:15px; padding:5px; height:48px !important; width: 231px !important; font-weight:bold; color:#00703C; display:none !important;} .dash.tuck .tuckPortalMsg{display:inline-block !important; background-color:White !important} .dash.tuck .tuckPortalMsg a{margin-left:10px} .tuckMsg { padding: 8px 35px 8px 14px; font-size: 14px; margin-bottom: 40px; color: #505483; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #DAF3F7; border: 1px solid #B1EAF5; border-radius: 4px; display:none; } /* Alert messages*/ .surflet-msg-box { position: relative; display:block; max-width: 290px; padding: 16px 35px 20px 17px; border: 1px solid #333; background: #333; font: 14px/22px "Lato Regular", Trebuchet MS, Arial, san-serif; color: #fff; border-radius: 3px; z-index:100000} .surflet-msg-box .spanEmulated { position: absolute; top: 10px; right: 7px; width: 11px; height: 11px; font-size: 11px; display: inline-block; cursor: pointer; background:transparent url('../img/surflet/inject_icons.png') no-repeat 0 -1200px; text-indent: -9999px; } .surflet-msg-box .spanEmulated:hover { background-position: 0 -1222px; } .surflet-msg-box .h6Emulated { font-size: 19px; line-height: 35px; color: #fff; margin: 0;padding: 0;border: 0 none;font:inherit;vertical-alignt:baseline;} .surflet-msg-box .pEmulated.close, .surflet-msg-box .pEmulated.close:focus { font-size: 13px; line-height: 30px; display:block; width: 60px; height: 30px; margin: 20px 0 0 0; text-indent: 12px; background: #376EC1; border: 1px solid #141A23; border-top-color: #35445B; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.7); cursor: pointer; background: -webkit-linear-gradient(top, #376EC1 0%, #264B92 100%); background: -moz-linear-gradient(top, #376EC1 0%, #264B92 100%); background: -ms-linear-gradient(top, #376EC1 0%, #264B92 100%); background: linear-gradient(to bottom, #376EC1 0%, #264B92 100%); } .surflet-msg-box .pEmulated.close:hover { box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } .surflet-msg-box .pEmulated.close:active { border: 1px solid #000; box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } .surflet-msg-box.arrow-top:before { top: -10px; left: 17px; bottom: auto; right: auto; border-width: 0 10px 10px; border-color: #333 transparent; } .surflet-msg-box.arrow-top:after { top: -9px; left: 18px; bottom: auto; right: auto; border-width: 0 9px 9px; border-color: #333 transparent; } .surflet-msg-box.arrow-bottom:before { bottom: -10px; left: 17px; top: auto; right: auto; border-width: 10px 10px 0; border-color: #333 transparent; } .surflet-msg-box.arrow-bottom:after { bottom: -9px; left: 18px; top: auto; right: auto; border-width: 9px 9px 0; border-color: #333 transparent; } .surflet-msg-box.arrow-left:before { top: 17px; left: -10px; bottom: auto; right: auto; border-width: 10px 10px 10px 0; border-color: transparent #333; } .surflet-msg-box.arrow-left:after { top: 18px; left: -9px; bottom: auto; right: auto; border-width: 9px 9px 9px 0; border-color: transparent #333; } .surflet-msg-box.arrow-right:before { top: 17px; left: auto; bottom: auto; right: -10px; border-width: 10px 0 10px 10px; border-color: transparent #333; } .surflet-msg-box.arrow-right:after { top: 18px; left: auto; bottom: auto; right: -9px; border-width: 9px 0 9px 9px; border-color: transparent #333; } .surflet-msg-box.arrow-right { padding: 16px 17px 20px 30px; } .surflet-msg-box.arrow-right .spanEmulated { left: 7px; } .surflet-msg-box > .notch { content: ""; display: block; width: 0; position: absolute; border-style: solid; border-color: #333 transparent; } .surflet-msg-box > .notch.up { top: -10px; left: 17px; bottom: auto; right: auto; border-width: 0 10px 10px; border-color: #333 transparent; } .surflet-msg-box > .notch.down { bottom: -10px; left: 17px; top: auto; right: auto; border-width: 10px 10px 0; border-color: #333 transparent; } .surflet-msg-box > .notch.left { top: 17px; left: -10px; bottom: auto; right: auto; border-width: 10px 10px 10px 0; border-color: transparent #333; } .surflet-msg-box > .notch.right { top: 17px; left: auto; bottom: auto; right: -10px; border-width: 10px 0 10px 10px; border-color: transparent #333; } /* Modals */ #deleteConf, #deleteConfPage, #addPeoplePrivateSMModal, #createCopiesModal, #assignSurfmarksModal, #smChangeVisibilityDivModal { position: fixed; width: 585px; margin-left: -290px; padding: 0; } #smChangeVisibilityDivModal { height: 515px; } /* Default modal */ .pop-case .pop-header { height: auto; padding: 0 20px; background: #48B4D6; border-radius: 3px 3px 0 0; } .pop-case .pop-header h6 { font: 14px/36px Helvetica, "Helvetica Neue", Arial, san-serif; color: #fff; background: none; } .pop-case .pop-close { top: 10px; right: 18px; width: 16px; height: 16px; background-position: 0 -1623px; } .pop-case .pop-close:hover { background-position: 0 -1579px; } .pop-case .pop-content { display: block !important; min-height: 170px; padding: 20px 30px; } .pop-case .pop-content h2 { margin-bottom: 15px; } .pop-case label { font: bold 13px/20px Helvetica, "Helvetica Neue", Arial, san-serif; color: #333; } .pop-case label .successmsg { color: green; } .pop-case label .errormsg { color: red; } .pop-case label .successmsg, .pop-case label .errormsg { margin-left: 7px; font: 14px/5px "Proxima", Helvetica, Trebuchet MS, Arial, san-serif; } .pop-case label em { margin-left: 10px; font: italic 12px Trebuchet MS, "Helvetica", Arial, san-serif; color: #666; } .pop-case strong { display: block; clear: both; width: 40px; margin: 20px 0; background-color: #48B4D6; } .pop-case input[type=radio], .pop-case input[type=checkbox] { float: left; width: 18px; height: 18px; margin: 7px 5px 7px 0; padding: 0; border: 0; vertical-align: top; } .pop-case input[type=radio] + span { float: left; font: bold 15px/32px "Proxima", Trebuchet MS, Arial, san-serif; color: #333; text-indent: 5px; } .pop-case input[type=radio] + span em { margin: 0 5px; font: italic 13px/22px Trebuchet MS, "Helvetica", Arial, san-serif; color:#666; } .pop-case input[type=radio]:checked + span { background-color: #ffffce; border: 1px solid #ddd; color: #03c; } .pop-case .radio-set { display: block; } .pop-case .radio-set.access-level { margin: 10px 0 40px; } .pop-case hr { margin: 40px 0 0; } .pop-case input.copy-url { float: left; width: 130px; height: 20px; cursor: default; margin: 0 0 0 8px; padding: 0; font: 14px/15px Trebuchet MS, "Helvetica Neue", Arial, san-serif; color: #03c; background-color: #F5F5F5; box-shadow: none; outline: 0; border: 0; } .pop-case input.copy-url:focus { outline: 0; } .pop-case input.copy-url::selection { color: #fff; background-color: #03c; } .pop-case input.copy-url::-moz-selection { color: #fff; background-color: #03c; } .pop-case input.copy-url::-webkit-selection { color: #fff; background-color: #03c; } .pop-case .access-url { width: 523px; height: 22px; padding: 5px 0 2px; background-color: #F5F5F5; border: 1px solid #ddd; box-shadow: inset 1px 1px 1px rgba(102,102,102,.7); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* The demo uses content-box. */ } .pop-case .access-url em { display: inline; float: right; margin-right: 15px; font: italic 12px/24px Trebuchet MS, "Helvetica", Arial, san-serif; color: #308DAC; } .pop-case .access-url + span { display: block; background-position: 1px -1716px; font: 11px/27px Trebuchet MS, "Helvetica", Arial, san-serif; color: #666; text-indent: 28px; } .pop-case textarea.email-url { display: inline; width: 360px; height: 33px; vertical-align: top; margin: 0; background-color: #fff; border-radius: 2px; } .pop-case select.small { display: inline; width: auto; height: 33px; margin: 0 0 0 3px; border-radius: 2px; border-color: #bbb; color: #666; } .pop-case #addTeam { display: none; margin: 10px 0; } .pop-case select.smTeamList { width: 94%; border-radius: 2px; background: #fff; } .pop-case .panel { padding: 10px 20px; margin: 10px 0; background-color: #f7f7f7; box-shadow: none; } .pop-case .panel p { margin: 0; } .pop-case .panel p label { display: inline; font: normal 12px/32px Trebuchet MS, "Helvetica", Arial, san-serif; } .pop-case .panel p label[for="emMsg"] { color: #007AFF; text-decoration: underline; cursor: pointer; } .pop-case .panel p label[for="emMsg"]:hover { text-decoration: none; } .pop-case textarea#emMsg { display: none; width: 94%; margin-bottom: 10px; background: #fff; } .pop-case .sharing { margin: 5px 0 15px; padding: 0; color: #666; } .pop-case .sharing:before { content: "Share link via:"; vertical-align: middle; line-height: 18px; margin-right: 5px; } .pop-case .sharing li { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; text-indent: -9999px; direction: ltr; cursor: pointer; } .pop-case .sharing li.fcbk { background-position: 0 -18px; } .pop-case .sharing li.twtr { background-position: -1px -2882px; } .pop-case .sharing li.ggpl { background-position: 0 0; margin-right: 0; } .pop-case .sharing li.fcbk:hover { background-position: 0 -2972px; } .pop-case .sharing li.twtr:hover { background-position: -1px -2914px; } .pop-case .sharing li.ggpl:hover { background-position: 0 -2954px; } .pop-case .access-grants { margin: 20px 0; } .pop-case .access-grants > div { min-height: 60px; max-height: 120px; border-top: 3px solid #48B4D6; margin-top: 5px; padding-top: 4px; overflow-x: hidden; overflow-y: auto; } .pop-case .access-grants label + p { display: inline-block; width: 404px; margin: 0; } .pop-case .access-grants label span { font: normal 13px "Proxima", Arial, san-serif; } .pop-case .access-grants label a { margin-left: 20px; font: normal 13px/11px "Proxima", Arial, san-serif; } .pop-case .access-grants a:hover { color: #FF7A00; } .pop-case ::-webkit-scrollbar { width: 8px; } .pop-case ::-webkit-scrollbar-track { margin-top: 4px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgba(224,220,185,.4); border-radius: 10px; } .pop-case ::-webkit-scrollbar-thumb { background: rgba(72,180,214,.8); border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.5); } .pop-case ::-webkit-scrollbar-thumb:window-inactive { background: rgba(72,180,214,.8); } .pop-case table { width: 100%; border: 0; border-spacing: 0; } .pop-case table tr { background: #fff !important; } .pop-case table tr:last-child { border: 0; } .pop-case table td { font-size: 13px; padding: 3px 0; vertical-align: middle; border-bottom: 1px solid #ddd; } .pop-case table td:first-child { width: 410px; } .pop-case table td:last-child { text-align: right; } .pop-case table td:before { display: inline-block; font: 30px/10px "Entypo"; color: #888; vertical-align: top; margin-right: 8px; } .pop-case table td.private:before { content: "U"; margin-left: 2px; } .pop-case table td.addeduser:before { content: "+"; } .pop-case table td.addedgroup:before { content: ","; } .pop-case table select { margin: 0 !important; height: 18px !important; font-size: 13px; } .pop-case table td.sel { width: 40px; } .pop-case table td.rem { width: 20px; padding-right: 5px; } .pop-case table td.rem span { font: 35px/10px "Entypo"; color: #999; cursor: pointer; } .pop-case table td.rem span:hover { color: #FF7A00; } .pop-case .tray select { width: auto; height: 37px; margin: 0 5px 20px 0; padding: 0 0 0 5px; vertical-align: middle; border-radius: 3px; border-color: #aaa; color: #555; } .pop-case .tray select#editMode { height: 33px; margin-bottom: 6px; } .pop-case .share-settings { width: 580px; padding: 20px; } .pop-case .share-settings h2 { margin-bottom: 20px; } .pop-case .share-settings label { width: 96%; font-weight: normal; line-height: 25px; } .pop-case .share-settings label em { margin-top: -5px; text-indent: 44px; } .pop-case .share-settings input[type=radio] { margin: 13px 0 0 7px; } .pop-case .share-settings select { top: 8px; right: 31px; height: 33px; margin: 0; padding: 0; } .pop-case .share-settings label.active em:after { line-height: 29px; } .pop-case .share-settings .group { margin: 15px 0 0 10px; } .changeVisibilityDiv .pop-case { width: 100%; } .changeVisibilityDiv .pop-case .group { text-align: left; } .action-panel fieldset fieldset { margin: 0; padding: 0; background: #fff; border: 0; } .settings-panel { margin: 20px 0 40px; } .settings-panel h3 { line-height: 50px; } .share-settings { position: relative; display: inline-block; width: 600px; height: 310px; margin: 0; padding: 10px; vertical-align: top; background: #fff; border-radius: 4px; } .share-settings div { position: relative; } .share-settings label { display: block; width: 94%; height: 50px; margin-bottom: 10px; border: 1px solid transparent; font: 14px/30px "Proxima", Arial, san-serif; cursor: pointer; } .share-settings label em { display: block; font: italic 12px/1 "Trebuchet MS", Arial, san-serif; color: #777; text-indent: 76px; } .share-settings label:hover { background-color: #F1F1F1; border-radius: 5px; border-color: #ddd;} .share-settings label.active { background-color: #F2F8DF; border: 1px solid #C8DFBD; border-radius: 5px; } .share-settings label.active em:after { content: "W"; font: 30px/12px "Entypo"; color: #48850F; vertical-align: top; float: right; margin: -20px -25px 0 0; } .share-settings .deactive { color: #bbb; cursor: default; } .share-settings .deactive:hover { background: none; border-color: transparent; } .share-settings .deactive em { color: #bbb; } .share-settings input[type=radio] { width: 18px; height: 18px; margin: 13px 10px 0 0; vertical-align: top; } .share-settings select { position: absolute; top: 13px; right: 45px; width: auto; height: 25px; padding: 0 2px; border-radius: 3px; border-color: #999; background: #FCFCFC; font: 12px/1 "Proxima", Arial, san-serif; color: #666; } .share-settings select[disabled], /* IE8 */ .share-settings select:disabled { border-color: #ddd; background: #F1F1F1; color: #bbb; } .share-settings .group { text-align: left; clear: both; margin-top: 15px; } .share-settings .group button { min-width: 100px; margin-right: 10px; } .share-settings p.hint { position: absolute; top: 0; right: 15px; font: 40px "Entypo"; color: #48B4D6; cursor: pointer; } .share-settings p.hint:hover { color: #FCB621; } .share-settings p.hint span { display: none; position: absolute; top: -5px; left: -310px; width: 300px; font: 13px "Trebuchet MS", Arial, san-serif; color: #fff; background-color: #1E728C; border-radius: 5px; padding: 7px 10px; z-index: 111; } .share-settings p.hint span:after { display: inline-block; position: absolute; top: 15px; right: -9px; content: ""; height: 0; width: 0; padding: 0; border: 10px solid transparent; border-right-width: 0; border-left-color: #1E728C; } .share-settings p.hint:hover span { display: block; } .share-settings .org-sharing { position: absolute; top: 120px; right: 5px; width: 140px; height: 130px; padding: 30px 10px; background: #fff; } .share-settings .org-sharing button { width: 110px; text-transform: none; } .profileEditPortal fieldset { width: 97%; margin-bottom: 20px; padding: 5px 10px 10px 15px; border: 2px groove threedface; background-color: #E4EBED; } .profileEditPortal fieldset.smllr { padding-bottom: 10px; } .profileEditPortal input[type="radio"], .profileEditPortal input[type="checkbox"] { float: none; } .profileEditPortal label { float: left; width: 150px; padding-right: 10px; text-align: right; line-height: 1.7; } .profileEditPortal input, .profileEditPortal select { float: left; } .profileEditPortal input[type="file"] { background-color: #CBD6E2; } .profileEditPortal .hasGrade, .profileEditPortal .hasClassOf { clear: both; } .profileEditPortal .hasGrade span { display: inline-block; float: left; width: 140px; text-align: right; margin-right: 20px; line-height: 2; } .profileEditPortal .hasGrade label { width: 100px !important; padding-right: 5px !important; clear: none; line-height: 2 !important; } .profileEditPortal .hasGrade select { float: left; width: 70px; margin-right: 15px; } .profileEditPortal .hasClassOf { display: none !important; } .profileEditPortal .hasClassOf select { width: auto; min-width: 80px; } .profileEditPortal .signupEmailOpts, .profileEditPortal .signupEmailOpts div { clear: both; } .profileEditPortal .signupEmailOpts input[type="radio"] { float: left; margin: 10px 0 0 10px; } .profileEditPortal .signupEmailOpts input[type="text"] { height: 27px; margin: 8px 0 5px 10px; } .orgmail-fields { float: left; margin: 0 0 0 300px; } .orgmail-fields.org1st { margin-top: -30px; } .auth-add { display: inline-block; width: 60px; height: 33px; vertical-align: top; margin: 10px 0 0 7px; } .auth-add:last-child { height: 3px; } .field-gen { float: none !important; display: inline-block; width: 22px !important; height: 20px; padding: 8px 0 0; margin: 0 !important; background-color: #ddd; color: #555; text-align: center !important; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 1px 1px 1px #f5f5f5; cursor: pointer; font: bold 23px/0 Arial, Helvetica, san-serif; text-shadow: 1px 1px 1px #FAFAFA; } .field-gen.rem { padding: 7px 0 0; } .field-gen:hover { color: #70540B; background-color: #F3ECC6; border-color: #C9A23E; } .field-gen:active { color: #333; background-color: #CACACA; border-color: #838383; box-shadow: inset 1px 1px 3px #929292; } .signups input[type="radio"] { display: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .signups input[type="radio"] + label { position: relative; clear: none; width: 20px; height: 20px; margin: 10px 0 10px 10px; vertical-align: middle; font-size: 14px; line-height: 1.4; text-indent: 27px; border: 1px solid #aaa; border-radius: 30px; background: #eee; cursor: default; } .signups input[type="radio"] + label:before { content: ""; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #eee; border: 1px solid #bbb; border-radius: 20px; } .signups input[type="radio"]:checked + label:before { background: #666; border-color: #111; } .signups input[type="radio"]:disabled + label:before, .signups input[type="radio"]:checked:disabled + label:before { background: transparent; border: 0; } .signups input[type="radio"]:disabled + label, .signups input[type="radio"]:checked:disabled + label { background: #ddd; } .profileEditPortal fieldset.signups span, .profileEditPortal fieldset.usrperms span { float: left; clear: left; width: 240px; margin-top: 15px; text-align: right; white-space: nowrap; vertical-align: top; } .profileEditPortal fieldset.signups span { width: 300px; } .slideTog { float: left; position: relative; width: 80px; height: 26px; background: #3B6579; margin: 10px; border-radius: 50px; box-shadow: inset 0 1px 1px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2); font: bold 11px/26px "Helvetica Neue", Arial, sans-serif; text-shadow: -1px -1px 1px #465864; } .slideTog:before { content: 'ON'; position: absolute; top: 0; left: 10px; z-index: 0; color: #ff0; } .slideTog:after { content: 'OFF'; position: absolute; top: 0; right: 10px; z-index: 0; color: #9AB4BB; } .slideTog input[type=checkbox] { display: none; } .slideTog input[type=checkbox]:checked + label { left: 43px; } .slideTog label { display: block; width: 34px; height: 20px; position: absolute; top: 3px; left: 3px; z-index: 1; cursor: pointer; border-radius: 50px; background: #FCFFF4; box-shadow: 0 2px 5px 0 rgba(0,0,0,.3); background: -webkit-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #A1BCC9 100%); background: -moz-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #A1BCC9 100%); background: -ms-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #A1BCC9 100%); background: linear-gradient(to bottom, #FCFFF4 0%, #DFE5D7 40%, #A1BCC9 100%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .edu_error_msg {color: Red; font-size: 20px; display:none} .field_addst{float:left;padding-right:10px;} .field_addst input[type="text"]{width:100px;} #add-student-single .auth-add{margin-top:30px;} .add_bulk {display:none} #addstud-single,#addstud-bulk {cursor:pointer; color:#1F6F89} .createCourse_classof {display:none;} /*Dropzone styles*/ .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropzone { position: relative; border: 1px solid rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); padding: 1em; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; -ms-filter: none; filter: none; } .dropzone.dz-drag-hover { border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.04); } .dropzone.dz-started .dz-message { display: none; } .dropzone .dz-preview, .dropzone-previews .dz-preview { background: rgba(255,255,255,0.8); position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid #acacac; padding: 6px 6px 6px 6px; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #8cc657; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #ee162d; } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #8cc657; } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none; position: absolute; top: -5px; left: -20px; background: rgba(245,245,245,0.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500; } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { display: block; } .dropzone { border: 5px dashed rgba(0, 0, 0, 0.3); min-height: 125px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0,0,0,0.03); padding: 23px; } .dropzone .dz-default.dz-message { opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-image: url("/images/dz_spritemap.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50%; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .dropzone .dz-default.dz-message { background-image: url("/images/dz_spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-default.dz-message span { display: none; } .dropzone.dz-square .dz-default.dz-message { background-position: 0 -123px; width: 268px; margin-left: -134px; height: 174px; margin-top: -87px; } .dropzone.dz-drag-hover .dz-message { opacity: 0.15; filter: alpha(opacity=15); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; } .dropzone.dz-started .dz-message { display: block; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .dropzone .dz-preview, .dropzone-previews .dz-preview { -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); box-shadow: 1px 1px 4px rgba(0,0,0,0.16); font-size: 14px; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { opacity: 1; -ms-filter: none; filter: none; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { opacity: 1; -ms-filter: none; filter: none; } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #ee1e2d; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { display: block; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; background-image: url("/images/dz_spritemap.png"); background-repeat: no-repeat; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-image: url("/images/dz_spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { background-position: -268px -123px; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-position: -268px -163px; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { -webkit-animation: loading 0.4s linear infinite; -moz-animation: loading 0.4s linear infinite; -o-animation: loading 0.4s linear infinite; -ms-animation: loading 0.4s linear infinite; animation: loading 0.4s linear infinite; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-image: url("/images/dz_spritemap.png"); background-repeat: repeat-x; background-position: 0px -400px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { background-image: url("/images/dz_spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { opacity: 1; -ms-filter: none; filter: none; } .dropzone a.dz-remove, .dropzone-previews a.dz-remove { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); background-image: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fafafa 0%, #eee 100%); background-image: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee; text-decoration: none; display: block; padding: 4px 5px; text-align: center; color: #aaa; margin-top: 26px; } .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover { color: #666; } .fielderror { position: absolute; top: 110px; left: 127px; display: block; width: 123px; height: 35px; padding: 0 0 0 15px; } .row{width: 90%;} .chgPasswd,#chgModalSave {background:#1D89E2;width:150px;text-align:center;padding:5px;cursor:pointer} .start_tour { position: absolute !important; width: 77% !important; height: 400px !important; z-index: 1111;margin-top:10px; } .start_tour h1 { margin: 5px 0 15px; } .start_tour h3 { margin: 0 0 10px; } .start_tour h3 + span, .start_tour p, .surflet-panel span { font-size: 12px; line-height: 22px; color: #555; } .start_tour p { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #d7d7d7; } .start_tour label { position: relative; } .start_tour input { font: 13px "Trebuchet MS", "Helvetica Neue", Arial, san-serif; margin-bottom: 8px; } .start_tour input { width: 230px; } .start_tour .inset { position: relative; width: 260px; margin: 10px 0 20px 30px; padding: 4px 8px; background-color: #E6E6E6; } .start_tour .inset:before { position: absolute; top: 10px; left: -35px; content: "\00EE"; font: 50px/13px "Entypo"; color: #999; vertical-align: top; } .start .inset a { font: italic 11px/18px "Trebuchet MS"; } ul.media-guide { position: relative; width: 50%; margin: 20px auto; padding: 20px; text-align: center; background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; bottom:-140px;} ul.media-guide:before { width: 23px; margin-right: 20px; background-position: -1px -70px; } ul.media-guide:hover:before { background-position: -31px -70px; } ul.media-guide:after { content: "Short video guides"; position: absolute; top: -25px; left: 43%; color: #666; } ul.media-guide li { display: inline-block; margin-right: 20px; cursor: pointer; font: bold 13px "Helvetica Neue", Helvetica, Trebuchet MS, Arial, san-serif; color: #222; } ul.media-guide li:hover { color: #2795b6; } ul.media-guide li:after { content: "\2022"; display: inline-block; font-size: 15px; line-height: 10px; color: #ccc; text-indent: 20px; } ul.media-guide li:last-child:after { content: none; } #vidwin2 { background-color: transparent; box-shadow: none; } #vidwin2 { width: 702px; margin-left: -360px; } #vidwin2 iframe { width: 640px; height: 390px; } .extadd_tour { display: none; position: absolute; top: 0px; right: 205px; width: 405px; height: 260px; padding: 15px; background-color: #FFFAC3; box-shadow: 1px 1px 1px #DABB5C; } .extadd_tour h5 { font: normal 14px/1.6 "Proxima"; color: #111; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #DABB5C; } .extadd_tour h3 { margin: 0 0 13px; } .extadd_tour span { font-size: 14px; } .extadd_tour ol { margin: 15px 0; } .extadd_tour:before { content: ""; position: absolute; top: 45%; right: 99.7%; margin-left: -6px; border: 14px solid transparent; border-left: 0; border-right-color: #FFFAC3; } .extadd_tour:before { top: 45%; } .extadd_tour.srf:before { top: 30%; } .extadd_tour.chr:before { top: 60%; } .extadd_tour .surfletStep1 { font-size: 12px; display: none; } /*Dashboard*/ .dash-panel.dashboard h4 {margin-top:10px;} .dash-panel.dashboard h3 {margin-top:20px;margin-bottom:20px} .dash-panel.dashboard h3 span {background-color: #ababab;padding: 5px;-webkit-border-radius: 3px;-border-radius:3px} .dashboard_users,.dashboard_surfmarks {margin-top:20px} /*Surfmark tools*/ .dash-head .surfmarktools {float:right;right:5px;} .dash-head .surfmarktools .surfmark_bml, .dash-head .surfmarktools .surfmark_ff, .dash-head .surfmarktools .surfmark_chrome{float:left; border-right:1px solid #ababab; padding-left:5px; padding-right:5px;padding-top:5px;display:none;height:34px} .dash-head .surfmarktools span a {background:url("/assets/f3/img/sm/icons-product.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display:block;width:32px;height:30px;cursor:pointer;text-indent:-9999px} .dash-head .surfmarktools span.surfmark_bml a {cursor:move;} .dash-head .surfmarktools span.surfmark_ff a {background-position:1px -64px;} .dash-head .surfmarktools span.surfmark_chrome a {background-position:1px -193px;} /* Media queries */ @media only screen and (max-width: 770px) { .dash { margin-left: 1%; } .dash-controls h6 { padding: 0 0 0 10px; } .dash-controls li { text-indent: 0; } .dash-controls li span { margin-right: 0; } } /* iPad specific */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .mysm-head .tabs li { font-size: 18px; padding: 0 10px; } } /*Tool tip for tour mode*/ h6.ttip {outline:none; } h6.ttip span strong {line-height:30px;} h6.ttip span p{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */} h6.ttip.hovered {text-decoration:none;} h6.ttip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; text-transform: none; width:240px; line-height:16px; } h6.ttip.hovered span{ display:inline; position:absolute; color:#111; left:160px; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:1px;border:0;left:-12px;} .ttip_box {outline:none; } .ttip_box span strong {line-height:30px;} .ttip_box span p{ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */} .ttip_box.hovered {text-decoration:none;} .ttip_box span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; text-transform: none; width:240px; line-height:16px; } .ttip_box { position:absolute; top:145px; } .ttip_box.hovered span{ display:inline; position:absolute; color:#111; left:160px; border:1px solid #DCA; background:#fffAF0;} .ttip_box_callout {content:url('../img/edu/callout.gif');z-index:20;position:absolute;top:1px;border:0;left:-12px;} h6.ttip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; } .button_link, .button_link:hover, .button_link:active { background: #41B7D8; padding: 5px 10px; color: white; float:right; text-decoration:none; } .left_button_link, .left_button_link:hover, .left_button_link:active { background: #5da629; padding: 5px 10px; color: white; float:left; text-decoration:none; } /*Tooltip for form elements*/ h6.ttip_input { outline:none; } h6.ttip_input span strong { line-height:30px; } h6.ttip_input span p { font-weight: 100; white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } h6.ttip_input.hovered { text-decoration:none; } h6.ttip_input span { z-index: 10; display: none; padding: 14px 20px; margin-top: -30px; text-transform: none; width: 240px; line-height: 16px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; } h6.ttip_input.hovered span { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; } h6.ttip_input.hovered span .callout { z-index:20;position:absolute;top:14px;border:0;left:-12px; } #ttip_input_1.hovered { position: relative; left: 262px; top: -26px; } #ttip_input_2.hovered { position: relative; left: 266px; top: -35px; } #ttip_input_3.hovered { position: relative; left: 262px; top: -26px; } #ttip_input_4.hovered { position: relative; left: 70px; top: -20px; } /*Tooltip div for pulldown*/ /*a#pulldown:before { content: "---"; } #pulldown { text-decoration: none; color: #718A9E; display: inline; position: relative; top: 15px; margin-left: 15px; left: -6px; background: url("/assets/f3/img/edu/arrow-1.png") no-repeat; }*/ #surfmark_tool_details { border:1px solid #ccc; background:#fff; display: none; padding: 14px 20px; text-transform: none; width: 360px; line-height: 16px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; position: absolute; z-index : 2; right:0px; } #surfmark_tool_details.hovered { display: block; z-index:3; -webkit-transition: top 1s; -moz-transition: top 1s; padding-top : 0px; } #ttip_surfmarktools.hovered span { left: auto; } /* --- Add extension copied from static.css--- */ .extadd { z-index:2; right:460px; box-shadow: -1px -1px 1px #DABB5C; } .extadd:before { /*to hide the left arrow*/ right: 50%; } .extadd:after { content: ""; position: absolute; left: 99.9%; margin-right: -6px; border: 14px solid transparent; border-right: 0; border-left-color: #FFFAC3; } .extadd:after { top: 60%; } .extadd.srf:after { top: 45%; } .extadd.chr:after { top: 60%; } /*.extadd { display: none; z-index:2; position: absolute; top: 40px; right: 25px; width: 405px; height: 260px; padding: 15px; background-color: #FFFAC3; box-shadow: 1px 1px 1px #DABB5C; } .extadd h5 { font: normal 14px/1.6 "Proxima"; color: #111; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #DABB5C; } .extadd h3 { margin: 0 0 13px; } .extadd span { font-size: 14px; } .extadd ol { margin: 15px 0; } .extadd:before { content: ""; position: absolute; top: 45%; left: 99.7%; margin-right: -6px; border: 14px solid transparent; border-right: 0; border-left-color: #FFFAC3; } .extadd:before { top: 45%; } .extadd.srf:before { top: 30%; } .extadd.chr:before { top: 60%; } .extadd .surfletStep1 { font-size: 12px; display: none; } .extadd { width: 420px; height: auto; top: -7px; right: 0; } .extadd:before { top: 47%; } .extadd.srf:before { top: 35%; } .extadd.chr:before { top: 78%; } */ .uparrow { position: fixed; top: 0px; right: 370px; left: auto; height: 136px; z-index: 2; } .dash-main { z-index:1; } #ttip_surfmarktools.hovered:before { content: ""; position: absolute; top: -38px; left: 50%; margin-top: -6px; border: 14px solid transparent; border-top: 0; border-bottom-color: #dca; } #ttip_surfmarktools { display: block; position: absolute; right: 310px; top: 42.5%; } #firstRunAsk {width:750px !important;} .firstRunStaticTour {display:none;height:850px;} #firstRunAsk.showFeatureTour .firstRunMsg {display:none} #firstRunAsk.showFeatureTour .firstRunStaticTour {display:block} #firstRunAsk .dontShowDiv{float: right; margin-top: 20px; margin-right: -20px; font-size: 20px;} .firstRunMsg h3 {text-align: center; font: 300 35px/36px Arial,'Helvetica Neue',Helvetica,sans-serif;} .firstRunMsg h2 {text-align: center; font: 25px/36px Arial,'Helvetica Neue',Helvetica,sans-serif;margin-top:40px} .firstRunMsg .primaryAction {margin-left: calc(50% - 75px); width: 150px; background-color: rgb(82, 178, 102); height: 40px; border-radius: 3.6px; border: 0px none; margin-top: 20px; margin-bottom: 20px; color: white; font: bold 22px/22px Arial;} .firstRunMsg .primaryAction.gtour {margin-left: calc(50% - 105px); width:210px;} .firstRunMsg .orDiv {text-align: center; margin-bottom: 20px; font-size: 20px;} .firstRunMsg .secondaryActions {text-align:center;} .firstRunMsg .secondaryActions button {border: 0px none; color: rgb(0, 102, 153); background: transparent; padding:5px;font-size:17px;} .firstRunMsg .secondaryActions button:hover {background-color:#ddd; border-radius:5px;} @font-face { font-family: ''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif'; font-style: normal; font-weight: 400; src: local(''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif'), local('OpenSans'), url(/assets/f3/font/Open_Sans.woff) format('woff'); } @font-face { font-family: ''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif'; font-style: normal; font-weight: 600; src: local(''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif Semibold'), local('OpenSans-Semibold'), url(/assets/f3/font/Open_Sans_Semibold.woff) format('woff'); } @font-face { font-family: ''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif'; font-style: italic; font-weight: 400; src: local(''Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif Italic'), local('OpenSans-Italic'), url(/assets/f3/font/Open_Sans_Italic.woff) format('woff'); } #surfmark_tool_details h2 { margin: 0; padding: 0; text-indent: 0; text-align: left; font: 600 15px/18px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333; letter-spacing: normal; } #surfmark_tool_details p { margin: 0; padding: 0; text-indent: 0; text-align: left; font: 300 12px/24px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333; letter-spacing: normal; } #surfmark_tool_details .surflet, .frfoxex, .chromex { border-bottom: 1px solid #ccc; width: inherit; margin-left: -20px; padding:10px; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none; } .ffContent, .surfletContent, .chromeContent { margin-left: 10px; } .grey_li { background : rgba(204, 203, 198, 1) !important; font-family: initial !important; font-size: initial !important; } .white_li { background : #fff !important; } .text-style-1 { text-align: left; font: 11px/13px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #666666; letter-spacing: normal; } .text-style-2 { text-align: left; font: 600 15px/18px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333333; letter-spacing: normal; } .text-style-3 { text-align: left; font: 600 12px/20px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333333; letter-spacing: normal; } .text-style-4 { text-align: left; font: 300 12px/20px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333333; letter-spacing: normal; } .text-style-5 { text-align: center; font: 13px/13px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #FFFFFF; letter-spacing: normal; } .text-style-6 { text-align: center; font: 600 13px/10px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #FFFFFF; letter-spacing: normal; } .text-style-7 { text-align: left; font: 600 13px/16px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #FFFFFF; letter-spacing: normal; } #sm-icon-blue { float: left; position: relative; width: 28px; height: 29px; margin-top: 1px; margin-left: 7px; margin-right: 15px; z-index: 18; cursor:move; background: url("/assets/f3/img/edu/sm-icon-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: transparent; } #hand { float: right; position: relative; width: 31px; height: 48px; margin-top: -10px; margin-right: 20px; z-index: 19; } #firefox-512 { float: left; position: relative; width: 24px; height: 28px; margin-top: 92px; margin-left: -380px; z-index: 16; } #pulldown { float: right; position: relative; width: 13px; height: 9px; top: -15px; z-index: 3; cursor:pointer; right: -45px; } #pulldown.hovered { float: right; position: relative; width: 13px; height: 9px; top: -15px; z-index: 3; right: -82px; } #patch { float: right; position: relative; width: 37px; height: 35px; top: -30px; right: -59px; /* right: -10px; */ /* margin-top: 4px; */ /* margin-left: 4px; */ z-index: 2; } #settings { float: left; position: relative; width: 23px; height: 22px; margin-top: 5px; margin-left: -21px; z-index: 6; background-color : transparent; } #divider { float: right; position: relative; width: 1px; height: 36px; margin-top: 53px; margin-left: -35px; z-index: 5; top: -82px; right: -22px; } .surfmarktools { width: 180px; height: 30px; float: right; position: relative; right: 60px; } #get { top: 10px; position: relative; } .arrow { float: left; position: relative; width: 5px; height: 9px; top: 7px; z-index: 12; margin: 0 2px 0 0; } #sm-chrome { float: left; position: relative; width: 28px; height: 29px; margin-top: 1px; margin-left: 7px; margin-right: 15px; z-index: 18; background-position: 1px -193px; background : url("/assets/f3/img/edu/chrome.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } #firefox-512 { float: left; position: relative; width: 24px; height: 28px; z-index: 16; margin-top: 1px; margin-left: 7px; margin-right: 15px; } .Install_btn{ float: right; position: relative; width: 62px; height: 29px; z-index: 22; background-color: #5AA5D6; border-radius: 2px / 1.99px; box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 0.5); top: -20px; left:5px; } .Install_btn a { text-decoration : none; color:#fff; position: relative; top: 18%; left: 20%; margin: 0; padding: 0; text-indent: 0; text-align: left; font: 600 13px/16px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #fff; letter-spacing: normal; } #sm_embed { width:100%; height:240px; } .header_font_pink { color: #9E1853; } .header_font_red { color:Red; } .header_font_green { color:Green; } .para_font_blue { color: #1D89E2; } .hr_line { display: block; height: 1px; border: 0; border-top: 1px solid #C4D6DB; margin: 1em 0; padding: 0; } #txt_content {width:670px; height:110px; resize:both; } #btn_turnIn { background-color: #718A9E; color: #fff; } /*firstRunInstallTools */ #firstRunInstallTools { float: left; top: -100px; position: absolute; width: 770px; height: 270px; margin-top: 268px; margin-left: 311px; z-index: 11111121111; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-border-radius: 6.81px / 6.79px; -webkit-border-radius: 6.81px / 6.79px; border-radius: 6.81px / 6.79px; } #firstRunInstallTools .close { float: right; position: relative; top: -269px; width: 56px; height: 45px; margin-top: 268px; margin-left: -56px; z-index: 30; background: url("/assets/f3/img/edu/rectangle.png") no-repeat; } #firstRunInstallTools .close img { margin-left: 18px; margin-top: 13px; } .blue_header_font { margin: 0; padding: 0; text-indent: 0; text-align: center; font: 300 32px/38px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #069; letter-spacing: normal; } .black_para_font { margin: 0; padding: 0; text-indent: 0; text-align: center; font: 24px/29px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #333; letter-spacing: normal; } .left_button { float: left; position: relative; left: 750px; top: -416px; width: 272px; height: 43px; margin-top: 431px; margin-left: -672px; z-index: 10; color: #fff; background-color: #52b266; } .right_button { float: right; position: relative; right: 90px; top: -416px; width: 272px; height: 43px; margin-top: 431px; margin-left: -365px; z-index: 7; color: #fff; background-color: #464646; } .check_span { float: right; position: relative; top: 80px; right: 60px;} .check { float: right; position: relative; top: -423px; right: 69px; width: 18px; height: 19px; margin-top: 500px; margin-left: -41px; z-index: 12; background-color: #fff; -moz-border-radius: 4.59px / 4.68px; -webkit-border-radius: 4.59px / 4.68px; border-radius: 4.59px / 4.68px; border: 3px solid #52b266; } .button_font { margin-top: 10px; padding: 0; text-indent: 0; text-align: center; font: 600 18px/22px 'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif; text-transform: none; text-decoration: none; color: #fff; letter-spacing: normal; } .hideInitially { display:none; } .hide-bg { position: fixed; height: 100%; width: 100%; background: #000; z-index: 1111111; display: none; top: 0; left: 0; } .top_callout { z-index: 20; position: absolute; left: 14px; border: 0; bottom: -17px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #ttip_input_5 { position: relative; top: -80px; } #td_extra_width { width:auto; max-width:300px; white-space: normal; } .ipadapp a { background: url('/assets/f3/img/new_landing_ui/sprite.png') no-repeat scroll 0% 0% transparent; background-position: -735px -226px; width:62px; height:62px; } .progressbox { display:none; background-color: #F0F3F4; position: fixed; top: 30%; z-index: 1111112; width: 280px; height: 90px; box-shadow: 0 0 3px rgba(172, 172, 172, 1); } .progressbox > h2 { position: relative; top: 15%; left: 10%; } #progressbar { display:block; background-color: #718A9E; border-radius: 13px; /* (height of inner div) / 2 + padding */ padding: 3px; width:240px; position: relative; top: 20%; left: 10%; } #progressbar > div { background-color: #C4D6DB; width: 5%; /* Adjust with JavaScript */ height: 20px; border-radius: 10px; } .hide-bg-grey { position: fixed; height: 100%; width: 100%; background: #111; z-index: 1111111; display: none; top: 0; left: 0; opacity:0.7; } .viewsubmissionlink { font: 28px/14px "Entypo"; margin-left:5px; color: #999; } .td_extra_width { width:auto !important; max-width:300px !important; white-space: normal !important; } /*select 2 code copied from https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.css */ /* Version: 3.5.2 Timestamp: Sat Nov 1 14:43:36 EDT 2014 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('select2.png') no-repeat 0 1px; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url('select2.png') no-repeat 100% -22px; background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('select2.png') no-repeat -37px -22px; background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100%; background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px } .select2-results-dept-2 .select2-result-label { padding-left: 40px } .select2-results-dept-3 .select2-result-label { padding-left: 60px } .select2-results-dept-4 .select2-result-label { padding-left: 80px } .select2-results-dept-5 .select2-result-label { padding-left: 100px } .select2-results-dept-6 .select2-result-label { padding-left: 110px } .select2-results-dept-7 .select2-result-label { padding-left: 120px } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, .2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('select2.png') right top no-repeat; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /*Attach school changes*/ .middle_align { position: relative; top: 56px; margin-left: 45%; margin-right: 25%; width:auto; font-size: 21px !important; } .middle_label { position: relative; top: 8px; } .perm_label { position: relative; font-size: 16px !important; left: 10%; } #searchtext { width: 400px !important; } .searchContainer { position: fixed; top: 286px; left: 37%; } .search_results { text-align: left; font-family: "Helvetica"; font-size: 14px !important; color : #2C3638 !important; cursor: pointer; } .search_results:hover { background-color:Blue; color:#fff; } .search_results div { display:block; } .small_font { position: relative; bottom: 9px; left: 20px; margin-right: 10px; font-size: 10px !important; /*color : #747474 !important;*/ } #addSchool { display:none; background-color:#fff; border: 1px solid #D6D6D6; position:relative; top: -45px; width:400px; height:36px; text-align:center; color:#333333; letter-spacing:0.1px; border-radius: 4px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) , 0 -1px 2px rgba(0, 0, 0, 0.3); z-index: 666; } #schoolselect { display:none; width:400px !important; height: 150px; overflow-x: hidden; overflow-y: scroll; position: relative; top: -37px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); background-color: #fff; border: 1px solid #CED1D2; z-index: 665; } #btn_sbmt { top: -17px; left: 188px; } .schoolSearch { position: relative; top: 36px; left: 44.3%; } .form_elem { width: 400px !important } .edu_form h2 { left: 10% ; position: relative; font-size: 21px !important; } .edu_form { position:relative; left: 40%; top: 20px; } .edu_form input::-webkit-input-placeholder, .edu_form select{ color: #777; font: normal 14px/14px Helvetica Neue; } .edu_form select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; background: url('/assets/f3/img/edu/dropdown.png') no-repeat; background-color: #fff; } #select_country { background-position: 106px 15px; } #select_orgtype { background-position: 386px 15px; } .edu_form input::-moz-placeholder, .edu_form input:-moz-placeholder{ color: #777; font: normal 14px/14px Helvetica Neue; } .edu_form button { left: 10%; } .back_school_search { position: relative; left: 10px; top: 10px; cursor:pointer; } .error_red { border-color:Red !important; } /*course code styles*/ .highlight_span { padding: 5px; -webkit-border-radius: 3px; color: #9E1853; -webkit-touch-callout: initial; -webkit-user-select: initial; -khtml-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .create_stud_block_container { position: relative; left: 4%; margin-top: 5px; } .create_stud_block { border: 1px solid #bbb; width: 253px; background-color: #fff; text-align: center; height: 75px; margin-top: 5px; box-shadow: 5px 5px 5px #bbb; cursor:pointer; } .edu_buttons { position: relative; display: inline-block; margin-left: 10px; height: 36px; padding: 0 20px; vertical-align: top; font: 14px/35px "Helvetica Neue", Trebuchet MS, Arial, san-serif; color: #fff; text-align: center; text-decoration: none; text-shadow: 0 -1px rgba(0,0,0,.2); background-clip: padding-box; border: 1px solid; border-radius: 3px; background: #f4902a; border-color: #df770c #df770c #c76a0a; box-shadow: inset 0 1px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.4); background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -ms-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f38617); } .edu_multi_select { height: 100px !important; width: auto !important; position: relative; float: left; } #team_allStudents_container { display: none; position: absolute; top: 45%; } #team_allStudents_container a { padding: 4px 12px; font: bold 12px "Helvetica Neue", Trebuchet MS, Arial, san-serif; color: #fff; background-color: #3BB3E0; border: 1px solid #186F8F; border-radius: 3px; box-shadow: inset 0 1px 0 #7FD2F1, 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: -moz-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: -ms-linear-gradient(top, #3EB8E5, #2CA0CA); background-image: linear-gradient(to bottom, #3EB8E5, #2CA0CA); } #team_allStudents_container a.cancel { color: #242424; background-color: #707070; border: 1px solid #919191; background-image: -webkit-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: -moz-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: -ms-linear-gradient(top, #DFDFDF, #B3B3B3); background-image: linear-gradient(to bottom, #DFDFDF, #B3B3B3); box-shadow: inset 0 1px 0 white, 0 1px 0 white; } team_allStudents_container a.cancel:hover, { border: solid 1px rgba(0,52,129,1); box-shadow: 0 1px 0 0 rgba(255,255,255,.4) inset, 0 -1px 0 0 rgba(255,255,255,.2) inset; background-image: -webkit-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: -moz-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: -ms-linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); background-image: linear-gradient(to bottom, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%); } #team_allStudents_filter_term { width: 164px !important; height: 22px !important; color: #8F8F8F; font: normal 13px/22px Trebuchet MS, "Helvetica Neue", Arial, san-serif; } #team_allStudents_filter_term::-webkit-input-placeholder { position: relative; top: 5px; } .user-group-block { padding-top: 5px; font-weight: bold; font-size: 15px; float: left; text-align: center; } /*button styling from entreprise_old.css*/ .tray button.manage { width: 29px; height: 26px; margin: 5px auto; border: 1px solid #186f8f; box-shadow: inset 0 1px 0 #7fd2f1, 0 1px 0 #fff; background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: linear-gradient(to bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); } .tray button:hover { text-shadow: 0 0 1px #fff, 0 -1px #92922B; border-color: #976839; box-shadow: inset 0 1px rgba(255,255,13,.3), inset 0 0 0 1px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.5); } .tray button { position: relative; display: inline-block; height: 36px; padding: 0 20px; vertical-align: top; font: 14px/35px "Helvetica Neue", Trebuchet MS, Arial, san-serif; color: #fff; text-align: center; text-decoration: none; text-shadow: 0 -1px rgba(0,0,0,.2); background-clip: padding-box; border: 1px solid; border-radius: 3px; background: #f4902a; border-color: #df770c #df770c #c76a0a; box-shadow: inset 0 1px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.4); background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: -ms-linear-gradient(top, #f69f47, #f4902a 66%, #f38617); background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f38617); } button { cursor: pointer; } .selectable_text { -webkit-touch-callout: initial; -webkit-user-select: initial; -khtml-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .custom_modal{ overflow: auto; width: 700px; display: block; border: 1px solid #C5C3C3; background-color: #fff; position : fixed; top: 150px; } #loadingModal { display:inline-block; border: 5px solid #686868; } #loadingModal .close-reveal-modal { display:inline; float:right; color: #6a6a6a; position: relative; top: -45px; left: 14px; } /* Course info fields*/ .outerSection { display: inline-block; } .innerSection { display: inline-table; margin-left: 10px; margin-top: 10px; } .innerSection span, .innerSection label, .innerSection input, .innerSection textarea { display: inline !important; margin-left: 10px !important; } #editGroupInfo, #saveGroupNameDiv { display: inline; position: relative; top: 18px; margin-left: 10px; margin-right: 10px; } ._div_srch { display:inline-block; background-color: #fff; border: 1px solid #ccc; width: 500px; -webkit-box-shadow:0 0 5px rgba(153,153,153,0.75); -moz-box-shadow:0 0 5px rgba(153,153,153,0.75); } .pp_block { display:inline; width:25%; float: left; margin-left: 5px; } .info_block{display:inline; width:50%;} .action_block{display:inline;width:25%;float: right;} .like_tweethandle { color: #0084B4; } .normal_font { color : #000; } .clickableHeader { color: #9E1853; cursor:pointer; } .mid_align { top: -34px; left: -25px; width: 135px; } .inner_panel { border: 1px solid rgb(204, 204, 204); width: 90%; background-color: #C2D4D9; position:relative; top:15px; } .highlight_h2 { background-color: #ccc; } .ttip_holder { position: absolute; z-index: 98; width: 220px; background-color: #fffaf0; display: block; top:44px; height: 93px; left:165px; border-radius: 5px; box-shadow: 2px 2px 4px #DCA; } .ttip_holder:before { content: ""; border: solid; border-color: #dca transparent; border-width: 12px 12px 0 12px; bottom: 20px; z-index: 99; position: absolute; top:95px; left:25%; } .org_user_link img { cursor: pointer; margin-right: 10px; border-radius: 75px; border: 3px solid #FFFAF0; width: 36px; height: 36px; } .header_arrow_div { background: #718A9E; width: 20px; position: relative; top: -18px; left: 25%; } .header_arrow_div img { margin-left: 3px; margin-right: 3px; } .button_disabled { background: #ccc !important; border: 1px solid #ccc !important; cursor: default !important; }